From a3e4178f08a03c7fa1241a3430ab817e1e512b2d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 03:22:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 179 +++++++++++++----------------------------------
 1 file changed, 48 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71feb95..059e405 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -30,25 +31,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Story",
-          id: "#about",
-        },
+          name: "Story",          id: "#about"},
         {
-          name: "Menu",
-          id: "#menu",
-        },
+          name: "Menu",          id: "#menu"},
         {
-          name: "Gallery",
-          id: "#gallery",
-        },
+          name: "Gallery",          id: "#gallery"},
         {
-          name: "Visit",
-          id: "#contact",
-        },
+          name: "Visit",          id: "#contact"},
       ]}
       brandName="Beanthere Cafe"
     />
@@ -57,19 +48,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Hidden in the heart of Saigon."
       description="Coffee, nature, and quiet moments in a lush urban sanctuary."
       buttons={[
         {
-          text: "Explore Menu",
-          href: "#menu",
-        },
+          text: "Explore Menu",          href: "#menu"},
         {
-          text: "Visit Us",
-          href: "#contact",
-        },
+          text: "Visit Us",          href: "#contact"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504333144-wvjap62y.jpg"
     />
@@ -90,41 +76,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Artisan Espresso",
-          price: "65k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504818074-67ixsq0d.webp",
-        },
+          id: "p1",          name: "Artisan Espresso",          price: "65k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504818074-67ixsq0d.webp"},
         {
-          id: "p2",
-          name: "Cappucino",
-          price: "85k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504879591-p3nn27tj.jpg",
-        },
+          id: "p2",          name: "Cappucino",          price: "85k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504879591-p3nn27tj.jpg"},
         {
-          id: "p3",
-          name: "Matcha Garden",
-          price: "75k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505125030-13ykns9w.webp",
-        },
+          id: "p3",          name: "Matcha Garden",          price: "75k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505125030-13ykns9w.webp"},
         {
-          id: "p4",
-          name: "Tropical tea",
-          price: "55k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505112907-tlfi96j4.jpg",
-        },
+          id: "p4",          name: "Tropical tea",          price: "55k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505112907-tlfi96j4.jpg"},
         {
-          id: "p5",
-          name: "Signature Cold Brew",
-          price: "70k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505176517-rokx5ogl.jpg",
-        },
+          id: "p5",          name: "Signature Cold Brew",          price: "70k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505176517-rokx5ogl.jpg"},
         {
-          id: "p6",
-          name: "Creamy milk cafe",
-          price: "120k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505189843-zb5xth8z.webp",
-        },
+          id: "p6",          name: "Creamy milk cafe",          price: "120k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505189843-zb5xth8z.webp"},
       ]}
       title="Signature Coffee"
       description="Handcrafted brews and seasonal delights."
@@ -137,20 +99,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Garden Calm",
-          description: "Zen seating high above the busy street.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505262595-aup2vqtq.jpg",
-        },
+          title: "Garden Calm",          description: "Zen seating high above the busy street.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505262595-aup2vqtq.jpg"},
         {
-          title: "Indoor Art",
-          description: "Curated decor in every corner.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505332777-35ip2syj.jpg",
-        },
+          title: "Indoor Art",          description: "Curated decor in every corner.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505332777-35ip2syj.jpg"},
         {
-          title: "Garden Light",
-          description: "Natural sun filtering through lush foliage.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505423373-nsu0i5vd.jpg",
-        },
+          title: "Garden Light",          description: "Natural sun filtering through lush foliage.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505423373-nsu0i5vd.jpg"},
       ]}
       title="A Garden Experience"
       description="Peaceful escapes from city chaos."
@@ -163,20 +116,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Morning Brew",
-          description: "The perfect cup.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91641.jpg",
-        },
+          title: "Morning Brew",          description: "The perfect cup.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91641.jpg"},
         {
-          title: "Tropical Lush",
-          description: "Greenery everywhere.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505648673-l8ed85sn.jpg",
-        },
+          title: "Tropical Lush",          description: "Greenery everywhere.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505648673-l8ed85sn.jpg"},
         {
-          title: "Architectural Texture",
-          description: "Refined urban materials.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505710008-3coz5jbh.jpg",
-        },
+          title: "Architectural Texture",          description: "Refined urban materials.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505710008-3coz5jbh.jpg"},
       ]}
       title="The Visual Escape"
       description="Moments of stillness in District 1."
@@ -191,45 +135,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Anna Nguyen",
-          role: "Creative",
-          company: "Saigon Design",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506097564-7h41fcuk.jpg",
-        },
+          id: "t1",          name: "Anna Nguyen",          role: "Creative",          company: "Saigon Design",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506097564-7h41fcuk.jpg"},
         {
-          id: "t2",
-          name: "David Tran",
-          role: "Architect",
-          company: "Urban Lab",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506115931-6rkiihy7.jpg",
-        },
+          id: "t2",          name: "David Tran",          role: "Architect",          company: "Urban Lab",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506115931-6rkiihy7.jpg"},
         {
-          id: "t3",
-          name: "Sarah Vo",
-          role: "Writer",
-          company: "Freelance",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506039185-u6e60xst.jpg",
-        },
+          id: "t3",          name: "Sarah Vo",          role: "Writer",          company: "Freelance",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506039185-u6e60xst.jpg"},
         {
-          id: "t4",
-          name: "Minh Pham",
-          role: "Developer",
-          company: "Tech Corp",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505843034-p2fn4ogr.jpg",
-        },
+          id: "t4",          name: "Minh Pham",          role: "Developer",          company: "Tech Corp",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505843034-p2fn4ogr.jpg"},
         {
-          id: "t5",
-          name: "Chloe Le",
-          role: "Designer",
-          company: "Studio X",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505819750-bg7a866v.jpg",
-        },
+          id: "t5",          name: "Chloe Le",          role: "Designer",          company: "Studio X",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505819750-bg7a866v.jpg"},
       ]}
       title="Stories from the Beanthere"
       description="Voices of our community."
@@ -240,41 +159,39 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       text="Visit us in the heart of District 1."
       buttons={[
         {
-          text: "Reserve Now",
-          href: "#",
-        },
+          text: "Reserve Now",          href: "#"},
       ]}
     />
   </div>
 
+  <div id="social-proof" data-section="social-proof">
+    <SocialProofOne
+      names={["Saigon Daily", "District 1 Guide", "Coffee Lovers HCMC", "Urban Lifestyle"]
+      title="Featured In"
+      textboxLayout="default"
+      useInvertedBackground={false}
+    />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
         {
-          title: "Beanthere Cafe",
-          items: [
+          title: "Beanthere Cafe",          items: [
             {
-              label: "District 1, Ho Chi Minh",
-              href: "#",
-            },
+              label: "District 1, Ho Chi Minh",              href: "#"},
           ],
         },
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Story",
-              href: "#about",
-            },
+              label: "Story",              href: "#about"},
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
           ],
         },
       ]}
@@ -285,4 +202,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1