From 8c22f46f4df1e397bd66c7ed108a75cee4c167d0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Feb 2026 11:46:35 +0000
Subject: [PATCH] Switch to version 4: modified src/app/page.tsx

---
 src/app/page.tsx | 44 +++++++++++++++++++++++++++++++++-----------
 1 file changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b62dcaf..e08c23c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -29,27 +29,28 @@ export default function LandingPage() {
         <NavbarStyleCentered
           navItems={[
             { name: "Home", id: "hero" },
+            { name: "Menu", id: "product" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonial" }
           ]}
-          button={{ text: "Explore", href: "#hero" }}
+          button={{ text: "Order Online", href: "product" }}
           brandName="GoFo"
           className="py-4 px-6 md:py-6 md:px-8 lg:px-12"
         />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Your Daily Escape: Discover GoFo"
+          title="GoFo: Your Daily Escape"
           description="Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere perfect for relaxation or connection."
           background={{ variant: "plain" }}
           tag="Welcome to GoFo"
           buttons={[
-            { text: "Explore Our Offerings", href: "#feature" },
+            { text: "Explore Our Menu", href: "product" },
             { text: "Find Us", href: "#contact" }
           ]}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",              imageAlt: "Barista preparing coffee at GoFo Coffeeshop"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg",              imageAlt: "Barista preparing coffee at GoFo"},
             {
               imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",              imageAlt: "Close-up of latte art"}
           ]}
@@ -60,7 +61,7 @@ export default function LandingPage() {
       </div>
       <div id="about" data-section="about">
         <MediaAbout
-          title="Our Passion for Perfect Coffee"
+          title="Our Passion for Perfect Coffee at GoFo"
           description="At GoFo, we believe every cup tells a story. We meticulously source the finest beans, roast them to perfection, and craft each drink with care. More than just a coffee shop, GoFo is a community hub where moments are shared and memories are made."
           tag="About GoFo"
           imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
@@ -69,12 +70,32 @@ export default function LandingPage() {
           useInvertedBackground={false}
         />
       </div>
-      
+      <div id="product" data-section="product">
+        <ProductCardOne
+          products={[
+            {
+              id: "1",              name: "Espresso Forte",              price: "$3.50",              imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6682.jpg",              imageAlt: "Espresso Forte"},
+            {
+              id: "2",              name: "Velvet Latte",              price: "$5.25",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg",              imageAlt: "Velvet Latte"},
+            {
+              id: "3",              name: "Buttery Croissant",              price: "$4.00",              imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg",              imageAlt: "Buttery Croissant"},
+            {
+              id: "4",              name: "GoFo's Signature Sandwich",              price: "$9.50",              imageSrc: "http://img.b2bpic.net/free-photo/fast-food-with-french-fries-croque_1220-7956.jpg",              imageAlt: "GoFo's Signature Sandwich"}
+          ]}
+          title="Our Delicious Offerings"
+          description="Indulge in our exquisite selection of handcrafted coffees and freshly baked treats."
+          tag="Our Menu"
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="four-items-2x2-equal-grid"
+          useInvertedBackground={false}
+        />
+      </div>
       <div id="feature" data-section="feature">
         <FeatureCardTwentyOne
           title="Why Choose GoFo?"
           description="We're dedicated to bringing you an unparalleled coffee experience, from our ethically sourced beans to our warm, welcoming staff."
-          tag="Our Difference"
+          tag="Our GoFo Difference"
           accordionItems={[
             {
               id: "1",              title: "Premium, Ethically Sourced Beans",              content:
@@ -137,7 +158,7 @@ export default function LandingPage() {
                 "Cozy atmosphere & friendly staff",                "Perfect for work, study, or relaxation"]
             }
           ]}
-          title="Our Coffee & Community in Numbers"
+          title="GoFo's Coffee & Community in Numbers"
           description="Experience the GoFo difference, quantified by quality and customer happiness."
           textboxLayout="default"
           animationType="blur-reveal"
@@ -152,13 +173,14 @@ export default function LandingPage() {
             {
               title: "Explore",              items: [
                 { label: "Home", href: "/" },
+                { label: "Menu", href: "#product" },
                 { label: "About Us", href: "#about" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Instagram", href: "https://instagram.com/gofocoffeeshop" },
-                { label: "Facebook", href: "https://facebook.com/gofocoffeeshop" }
+                { label: "Instagram", href: "https://instagram.com/gofo" },
+                { label: "Facebook", href: "https://facebook.com/gofo" }
               ]
             },
             {