Cindy/fix broken links

next.config.js

@@ -32,7 +32,7 @@ module.exports = {
   },
   env: {
     ghostKey: process.env.NEXT_PUBLIC_GHOST_KEY,
-    ghostUrl: process.env.GHOST_URL,
+    ghostUrl: process.env.NEXT_PUBLIC_GHOST_URL,
   },
   reactStrictMode: true,
 };

src/ghost-client.ts

@@ -14,6 +14,5 @@ export async function getAllPosts(props?: { limit: number }): Promise<PostsOrPag
     include: ["tags", "authors"],
     ...(props && { ...props }),
   })
-  console.log(posts);
   return await posts;
 }

src/pages/index.tsx

@@ -11,8 +11,14 @@ 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) {
+
+
   return (
     <HubspotProvider>
       <>
@@ -94,6 +100,7 @@ export default function Home(props: any) {
         <DevFeature2 />
         <DevFeature1 />
         <SlidingWords />
+        <ProductOverview />
         <DevJourney />
         <CoreFeatures />
         <BuildersProgram />

src/sections/BlogTeaser/index.tsx

@@ -21,7 +21,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 +33,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 +44,4 @@ const BlogTeaser: React.FC<{ posts: Post[] }> = (props) => {
   );
 };
 
-export default BlogTeaser;
+export default BlogTeaser

src/sections/DevFeature2/index.tsx

@@ -65,14 +65,14 @@ export default function DevFeature2() {
             </div>
             <div className="mx-auto mt-2  flex max-w-4xl justify-between gap-2">
               <GiantButton
-                href="https://docs.buildwithsygma.com/sdk/examples/substrate-evm-example"
+                href="https://docs.buildwithsygma.com/sdk/quickstart/examples/erc20/substrate-evm-example"
                 type="secondary"
               >
                 Sending Substrate Transfers (CLI){" "}
               </GiantButton>
               <GiantButton
                 type="secondary"
-                href="https://docs.buildwithsygma.com/sdk/examples/evm-example"
+                href="https://docs.buildwithsygma.com/sdk/quickstart/examples/erc20/evm-example"
               >
                 Sending EVM Transfers (CLI){" "}
               </GiantButton>

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