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"
     />
@@ -74,7 +74,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="A lush tropical garden, where sunlight filters through the leaves, the warm aroma of coffee blends with old-fashioned details, creating a peaceful and unhurried atmosphere in the heart of the city. "
+      title="A hidden urban sanctuary designed for slow mornings and meaningful conversations."
     />
   </div>
 
@@ -166,15 +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: "#"},
       ]}
+      useInvertedBackground={false}
+      buttonText="Submit Inquiry"
     />
   </div>