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"
     />
@@ -166,15 +166,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static"}}
-      text="Visit us in the heart of District 1."
-      buttons={[
-        {
-          text: "Reserve Now",          href: "#"},
+      <ContactSplitForm
+      title="Visit us"
+      description="Reserve your spot or send us a message."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
+      useInvertedBackground={false}
+      buttonText="Submit Inquiry"
     />
   </div>