Fix link

src/pages/index.tsx

@@ -11,8 +11,16 @@ import DevFeature2 from "@/sections/DevFeature2";
 import DevJourney from "@/sections/DevJourney";
 import SlidingWords from "@/sections/SlidingWords";
 import CoreFeatures from "@/sections/CoreFeatures";
+import ProductOverview from "@/sections/ProductOverview";
+import BlogTeaser from "@/sections/BlogTeaser";
+import { getAllPosts } from "@/ghost-client";
+// import { use } from 'react';
 
 export default function Home(props: any) {
+  const posts = getAllPosts();
+
+  console.log(posts);
+
   return (
     <HubspotProvider>
       <>
@@ -94,12 +102,14 @@ export default function Home(props: any) {
         <DevFeature2 />
         <DevFeature1 />
         <SlidingWords />
+        <ProductOverview />
         <DevJourney />
         <CoreFeatures />
         <BuildersProgram />
         <SocialBanner />
         <CTA />
         <Footer />
+        <BlogTeaser posts={posts} />
       </>
     </HubspotProvider>
   );

src/sections/BlogTeaser/index.tsx

@@ -1,4 +1,5 @@
 import BlogCard from "@/components/BlogCard";
+import { getAllPosts } from "@/ghost-client";
 
 export type Post = {
   title: string;
@@ -21,7 +22,7 @@ export type Post = {
   showExcerpt?: boolean;
 };
 
-const BlogTeaser: React.FC<{ posts: Post[] }> = (props) => {
+const BlogTeaser: React.FC<{ posts: any }> = (props) => {
   const { posts } = props;
 
   return (
@@ -33,7 +34,7 @@ const BlogTeaser: React.FC<{ posts: Post[] }> = (props) => {
           </h2>
         </div>
         <div className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
-          {posts
+          { posts && posts
             .map((post: Post) => (
               <BlogCard key={post.id} {...post} showExcerpt={true} />
             ))
@@ -44,4 +45,4 @@ const BlogTeaser: React.FC<{ posts: Post[] }> = (props) => {
   );
 };
 
-export default BlogTeaser;
+export default BlogTeaser

src/sections/Hero/index.tsx

@@ -37,7 +37,7 @@ export default function Hero() {
             </p>
             <div className="mt-10 flex flex-col items-center justify-center gap-x-2 gap-y-4 md:flex-row">
               <ExternalButton
-                href="https://docs.buildwithsygma.com/sdk/introduction"
+                href="https://docs.buildwithsygma.com/sdk"
                 type="primary"
               >
                 Start Building