Switch to version 3: modified src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
 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: "Contact",          id: "#contact"},
+          name: "Visit",          id: "#contact"},
       ]}
       brandName="Beanthere Cafe"
     />
@@ -166,15 +166,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <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 },
-      ]}
+      <ContactText
       useInvertedBackground={false}
-      buttonText="Submit Inquiry"
+      background={{
+        variant: "rotated-rays-static"}}
+      text="Visit us in the heart of District 1."
+      buttons={[
+        {
+          text: "Reserve Now",          href: "#"},
+      ]}
     />
   </div>