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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -41,12 +41,14 @@ export default function LandingPage() {
           name: "Reviews",          id: "#reviews"},
         {
           name: "FAQ",          id: "#faq"},
+        {
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1axpni"
       logoAlt="Pleasant Style Barbershop Logo"
       brandName="Pleasant Style"
       button={{
-        text: "Book Now",        href: "#faq"
+        text: "Book Now",        href: "#contact"
       }}
     />
   </div>
@@ -203,6 +205,30 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="contact" data-section="contact">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Visit Us or Get in Touch"
+      description="We're located at 809 Pleasant St, Worcester, MA 01602. Feel free to call us at (508) 304-7217 during business hours or send us a message below for inquiries."
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        },
+        {
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
+        },
+      ]}
+      textarea={{
+        name: "message",        placeholder: "Your Message",        rows: 4,
+        required: true,
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg"
+      imageAlt="Pleasant Style Barbershop exterior"
+      mediaAnimation="opacity"
+      mediaPosition="right"
+      buttonText="Send Message"
+    />
+  </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
@@ -247,4 +273,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}