Bob AI: [Block: blog-card-one|Testimonial Blog One|/blocks...

src/app/page.tsx

@@ -36,8 +36,10 @@ export default function LandingPage() {
             { name: "Courses", id: "courses" },
             { name: "About", id: "about" },
             { name: "Team", id: "team" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
-          ]}
+          
+            { name: "Blog", id: "/blog" },
+]}
         />
       </div>
 

src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx

@@ -8,6 +8,7 @@ import { Plus } from "lucide-react";
 import { NavbarProps } from "@/types/navigation";
 import { useScrollState } from "./useScrollState";
 import { cls } from "@/lib/utils";
+import Link from "next/link";
 
 const SCROLL_THRESHOLD = 50;
 
@@ -74,6 +75,10 @@ const NavbarStyleApple = ({
             aria-hidden="true"
           />
         </button>
+
+        <Link href="/menu" className="hidden md:flex items-center gap-6">
+          <ButtonTextUnderline text="Menu" href="/menu" className="!text-base" />
+        </Link>
       </div>
 
       <MobileMenu

src/components/sections/blog/BlogCardOne.tsx

@@ -246,4 +246,42 @@ const BlogCardOne = ({
 
 BlogCardOne.displayName = "BlogCardOne";
 
-export default BlogCardOne;
+export default function Page() {
+    return (
+        <div>
+            <BlogCardOne
+                title="Blog Posts"
+                description="Explore our latest blog posts."
+                tag="Blog"
+                tagIcon="Tag"
+                buttons={[
+                    { label: "Read More", href: "/blog" },
+                ]}
+                textboxLayout="vertical"
+                useInvertedBackground="inverted"
+                ariaLabel="Blog section"
+                className="w-content-width mx-auto"
+                containerClassName="w-content-width mx-auto"
+                cardClassName="w-full"
+                imageWrapperClassName="w-full"
+                imageClassName="w-full"
+                categoryClassName="text-sm"
+                cardTitleClassName="text-2xl font-medium"
+                excerptClassName="text-base"
+                authorContainerClassName="flex items-center gap-3"
+                authorAvatarClassName="h-9 w-auto aspect-square rounded-theme object-cover"
+                authorNameClassName="text-sm font-medium"
+                dateClassName="text-xs"
+                textBoxTitleClassName="text-2xl font-medium"
+                textBoxTitleImageWrapperClassName="w-full"
+                textBoxTitleImageClassName="w-full"
+                textBoxDescriptionClassName="text-base"
+                textBoxTagClassName="text-sm"
+                textBoxButtonContainerClassName="flex items-center gap-3"
+                textBoxButtonClassName="text-sm font-medium"
+                textBoxButtonTextClassName="text-sm font-medium"
+            />
+            {/* FAQ section */}
+        </div>
+    );
+}

src/components/sections/product/ProductCardTwo.tsx

@@ -11,6 +11,7 @@ import type { Product } from "@/lib/api/product";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
+import { useRouter } from "next/navigation";
 
 type ProductCardTwoGridVariant = Exclude<GridVariant, "timeline" | "one-large-right-three-stacked-left" | "items-top-row-full-width-bottom" | "full-width-top-items-bottom-row" | "one-large-left-three-stacked-right">;
 
@@ -178,6 +179,7 @@ const ProductCardTwo = ({
     const { products: fetchedProducts, isLoading } = useProducts();
     const products = (fetchedProducts.length > 0 ? fetchedProducts : productsProp) as ProductCard[];
     const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle);
+    const router = useRouter();
 
     const customGridRows = (gridVariant === "bento-grid" || gridVariant === "bento-grid-inverted")
         ? "md:grid-rows-[22rem_22rem] 2xl:grid-rows-[26rem_26rem]"
@@ -237,6 +239,12 @@ const ProductCardTwo = ({
                     actionButtonClassName={actionButtonClassName}
                 />
             ))}
+            <button
+                className="text-accent hover:text-accent-hover"
+                onClick={() => router.push("/menu")}
+            >
+                View Full Menu
+            </button>
         </CardStack>
     );
 };