text: import React from "react";
  import Layout from "../components/Layout";
  import { graphql } from "gatsby";
  import Blogs from "../components/Blogs";
  import SEO from "../components/SEO";
  // ...GatsbyImageSharpFluid
  
  const Blog = ({
    data: {
      allStrapiBlogs: { nodes: blogs },
    },
  }) => {
    return (
      <Layout>
        <SEO title="Articles" description="Latest Articles by Aravind" />
        <section className="blog-page">
          <Blogs blogs={blogs} title="articles" />
        </section>
      </Layout>
    );
  };
  
  export const query = graphql`
    {
      allStrapiBlogs(sort: { fields: date, order: DESC }, limit: 3) {
        nodes {
          slug
          desc
          date(formatString: "MMMM Do, YYYY")
          id
          title
          stack {
            id
            title
          }
          image {
            childImageSharp {
              fluid {
                ...GatsbyImageSharpFluid
              }
            }
          }
        }
      }
    }
  `;
  
  export default Blog;
  