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