Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -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",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Story",
+          name: "Story",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "#menu"},
-          id: "#menu",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "#gallery"},
-          id: "#gallery",
-        },
         {
-          name: "Visit",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Beanthere Cafe"
     />
@@ -57,24 +48,29 @@ 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",
+          text: "Explore Menu",          href: "#menu"},
-          href: "#menu",
-        },
         {
-          text: "Visit Us",
+          text: "Visit Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504333144-wvjap62y.jpg"
     />
   </div>
 
+  <div id="social-proof" data-section="social-proof">
+    <SocialProofOne
+      names={["Saigon Daily", "District 1 Guide", "Coffee Lovers HCMC", "Urban Lifestyle"]}
+      title="Featured In"
+      description="Trusted by the city's finest publications."
+      textboxLayout="default"
+      useInvertedBackground={false}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
@@ -90,41 +86,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Artisan Espresso",          price: "65k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504818074-67ixsq0d.webp"},
-          name: "Artisan Espresso",
-          price: "65k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504818074-67ixsq0d.webp",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Cappucino",          price: "85k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504879591-p3nn27tj.jpg"},
-          name: "Cappucino",
-          price: "85k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504879591-p3nn27tj.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Matcha Garden",          price: "75k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505125030-13ykns9w.webp"},
-          name: "Matcha Garden",
-          price: "75k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505125030-13ykns9w.webp",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Tropical tea",          price: "55k",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505112907-tlfi96j4.jpg"},
-          name: "Tropical tea",
-          price: "55k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505112907-tlfi96j4.jpg",
-        },
         {
-          id: "p5",
+          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"},
-          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",
+          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"},
-          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 +109,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Garden Calm",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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 +126,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Morning Brew",
+          title: "Morning Brew",          description: "The perfect cup.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91641.jpg"},
-          description: "The perfect cup.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91641.jpg",
-        },
         {
-          title: "Tropical Lush",
+          title: "Tropical Lush",          description: "Greenery everywhere.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505648673-l8ed85sn.jpg"},
-          description: "Greenery everywhere.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505648673-l8ed85sn.jpg",
-        },
         {
-          title: "Architectural Texture",
+          title: "Architectural Texture",          description: "Refined urban materials.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505710008-3coz5jbh.jpg"},
-          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 +145,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Anna Nguyen",          role: "Creative",          company: "Saigon Design",          rating: 5,
-          name: "Anna Nguyen",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506097564-7h41fcuk.jpg"},
-          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",
+          id: "t2",          name: "David Tran",          role: "Architect",          company: "Urban Lab",          rating: 5,
-          name: "David Tran",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506115931-6rkiihy7.jpg"},
-          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",
+          id: "t3",          name: "Sarah Vo",          role: "Writer",          company: "Freelance",          rating: 5,
-          name: "Sarah Vo",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506039185-u6e60xst.jpg"},
-          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",
+          id: "t4",          name: "Minh Pham",          role: "Developer",          company: "Tech Corp",          rating: 5,
-          name: "Minh Pham",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505843034-p2fn4ogr.jpg"},
-          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",
+          id: "t5",          name: "Chloe Le",          role: "Designer",          company: "Studio X",          rating: 5,
-          name: "Chloe Le",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505819750-bg7a866v.jpg"},
-          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."
@@ -237,18 +166,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Visit us"
-      background={{
+      description="Reserve your spot or send us a message."
-        variant: "rotated-rays-static",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      text="Visit us in the heart of District 1."
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-      buttons={[
-        {
-          text: "Reserve Now",
-          href: "#",
-        },
       ]}
+      useInvertedBackground={false}
+      buttonText="Submit Inquiry"
     />
   </div>
 
@@ -256,25 +182,17 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Beanthere Cafe",
+          title: "Beanthere Cafe",          items: [
-          items: [
             {
-              label: "District 1, Ho Chi Minh",
+              label: "District 1, Ho Chi Minh",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Story",
+              label: "Story",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Menu",
+              label: "Menu",              href: "#menu"},
-              href: "#menu",
-            },
           ],
         },
       ]}
@@ -285,4 +203,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}