text: import React from 'react';
  import Layout from '../components/layout';
  import Hero from '../components/hero';
  import usePosts from '../hooks/use-posts';
  import PostPreview from '../components/post-preview';
  import Insta from '../components/insta';
  
  export default () => {
    const posts = usePosts();
  
    return (
      <>
        <Hero />
        <Layout>
          <h2>Read my blog</h2>
          {posts.map(post => (
            <PostPreview key={post.slug} post={post}></PostPreview>
          ))}
          <Insta />
        </Layout>
      </>
    );
  };
  