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

src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
@@ -137,7 +137,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       faqs={[
         { id: "1", title: "Is the taproom open to the public?", content: "Yes! After 5 PM, the taproom welcomes both members and the public." },
         { id: "2", title: "Do I need a membership?", content: "Only if you want access to desks and private offices. Taproom access is open to all." },
@@ -146,18 +146,19 @@ export default function LandingPage() {
       title="Common Questions"
       description="Get all the details about our coworking and taproom services."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg"
+      imageAlt="Meeting room"
       textboxLayout="default"
       useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
       tag="Ready to join?"
       title="Book Your Tour"
       description="Come see the Oakbridge space in person. Grab a desk, grab a beer, and see why our members love it here."
-      mediaPosition="right"
-      imageSrc="http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg"
+      buttons={[{ text: "Book a Tour", href: "tel:5550123456" }]}
       background={{ variant: "plain" }}
       useInvertedBackground={false}
     />