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';
@@ -39,7 +39,7 @@ export default function LandingPage() {
         {
           name: "Gallery",          id: "#gallery"},
         {
-          name: "Visit",          id: "#contact"},
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Beanthere Cafe"
     />
@@ -61,6 +61,16 @@ export default function LandingPage() {
     />
   </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}
@@ -156,25 +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={[
-      text="Visit us in the heart of District 1."
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      buttons={[
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        {
-          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"
-      description="Trusted by the city's finest publications."
-      textboxLayout="default"
       useInvertedBackground={false}
+      buttonText="Submit Inquiry"
     />
   </div>