Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Taproom",
-          id: "taproom",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Taproom", id: "taproom" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Oakbridge"
     />
@@ -59,68 +44,30 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       title="The Hidden Gem of Powhatan"
       description="Where professional workspace meets the community spirit of a local taproom. Experience focus, connection, and craft."
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148111111.jpg",
-          imageAlt: "Rustic coworking lounge",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111117.jpg",
-          imageAlt: "Business center desk",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-campaign-restaurant_53876-123087.jpg",
-          imageAlt: "Craft taproom bar",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg",
-          imageAlt: "Meeting room",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801581.jpg",
-          imageAlt: "Community event",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-2198.jpg",
-          imageAlt: "Coffee bar",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148111111.jpg", imageAlt: "Artisan crafting beer" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111117.jpg", imageAlt: "Craft beer service" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-colleagues-working_23-2149622894.jpg", imageAlt: "Professional collaboration" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg", imageAlt: "Creative workspace" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-2198.jpg", imageAlt: "Community taproom social" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379239.jpg?_wi=1", imageAlt: "Office desk setup" },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
-      useInvertedBackground={false}
       title="Not Just a Desk"
       description="Oakbridge is where Powhatan connects. Whether you're here to launch your next venture or enjoy a perfectly poured local craft beer, you've found the spot."
-      metrics={[
-        {
-          value: "4.6★",
-          title: "Review Rating",
-        },
-        {
-          value: "36+",
-          title: "Members",
-        },
-        {
-          value: "12",
-          title: "Drafts on Tap",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-colleagues-working_23-2149622894.jpg"
+      metrics={[{ value: "4.6★", title: "Review Rating" }, { value: "36+", title: "Members" }, { value: "12", title: "Drafts on Tap" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801581.jpg"
+      imageAlt="Our team workspace"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -130,31 +77,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Laptop,
-          title: "Hot Desks",
-          description: "Flexible daily access for your nomadic work style.",
-        },
-        {
-          icon: Briefcase,
-          title: "Private Offices",
-          description: "Secure, dedicated spaces for you and your team.",
-        },
-        {
-          icon: Star,
-          title: "The Taproom",
-          description: "Unwind after 5 PM with our hand-picked craft rotation.",
-        },
-        {
-          icon: Coffee,
-          title: "Community Lounge",
-          description: "A cozy, quiet spot for casual meetings and focus work.",
-        },
-        {
-          icon: Wifi,
-          title: "High-Speed Access",
-          description: "Blazing fast fiber internet to keep you connected.",
-        },
+        { icon: Laptop, title: "Hot Desks", description: "Flexible daily access for your nomadic work style." },
+        { icon: Briefcase, title: "Private Offices", description: "Secure, dedicated spaces for you and your team." },
+        { icon: Star, title: "The Taproom", description: "Unwind after 5 PM with our hand-picked craft rotation." },
+        { icon: Coffee, title: "Community Lounge", description: "A cozy, quiet spot for casual meetings and focus work." },
+        { icon: Wifi, title: "High-Speed Access", description: "Blazing fast fiber internet to keep you connected." },
       ]}
       title="Your Work, Your Way"
       description="Choose the environment that fits your workflow."
@@ -166,86 +93,29 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Day Pass",
-          price: "$25",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-happy-excited-business-leadership-smiling_482257-10514.jpg",
-        },
-        {
-          id: "2",
-          name: "Hot Desk",
-          price: "$150/mo",
-          imageSrc: "http://img.b2bpic.net/free-photo/storage-full-with-investigation-files_482257-77862.jpg",
-        },
-        {
-          id: "3",
-          name: "Private Office",
-          price: "$450/mo",
-          imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245247.jpg",
-        },
-        {
-          id: "4",
-          name: "Member Hub",
-          price: "$75/mo",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-showing-copy-space-phone_23-2148763894.jpg",
-        },
-        {
-          id: "5",
-          name: "Meeting Room",
-          price: "$30/hr",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-screen-displays-man-video-call_482257-119448.jpg",
-        },
-        {
-          id: "6",
-          name: "Tasting Flight",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-friends-having-beer-bar_273609-16212.jpg",
-        },
+        { id: "1", name: "Day Pass", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-happy-excited-business-leadership-smiling_482257-10514.jpg" },
+        { id: "2", name: "Hot Desk", price: "$150/mo", imageSrc: "http://img.b2bpic.net/free-photo/storage-full-with-investigation-files_482257-77862.jpg" },
+        { id: "3", name: "Private Office", price: "$450/mo", imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245247.jpg" },
+        { id: "4", name: "Member Hub", price: "$75/mo", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-showing-copy-space-phone_23-2148763894.jpg" },
+        { id: "5", name: "Meeting Room", price: "$30/hr", imageSrc: "http://img.b2bpic.net/free-photo/digital-screen-displays-man-video-call_482257-119448.jpg" },
+        { id: "6", name: "Tasting Flight", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/male-friends-having-beer-bar_273609-16212.jpg" },
       ]}
       title="Membership Options"
       description="Simple, no-nonsense pricing to help your business bloom."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
       animationType="slide-up"
-      textboxLayout="default"
       useInvertedBackground={true}
+      textboxLayout="default"
       metrics={[
-        {
-          id: "1",
-          value: "100%",
-          title: "Local Vibe",
-          items: [
-            "Family owned",
-            "Craft beer roots",
-            "Community first",
-          ],
-        },
-        {
-          id: "2",
-          value: "24/7",
-          title: "Office Access",
-          items: [
-            "Keypad entry",
-            "Secure wifi",
-            "Always ready",
-          ],
-        },
-        {
-          id: "3",
-          value: "50+",
-          title: "Events Hosted",
-          items: [
-            "Workshops",
-            "Networking",
-            "Taproom nights",
-          ],
-        },
+        { id: "1", value: "100%", title: "Local Vibe", items: ["Family owned", "Craft beer roots", "Community first"] },
+        { id: "2", value: "24/7", title: "Office Access", items: ["Keypad entry", "Secure wifi", "Always ready"] },
+        { id: "3", value: "50+", title: "Events Hosted", items: ["Workshops", "Networking", "Taproom nights"] },
       ]}
       title="Impact & Atmosphere"
       description="Creating space for productivity and genuine community."
@@ -255,98 +125,41 @@ export default function LandingPage() {
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardTen
       textboxLayout="split"
-      useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Great Vibe",
-          quote: "The owner is fantastic, great beer, better atmosphere.",
-          name: "Sarah J.",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-woman-winning-laptop-receive-good-news-achieve-goal-work-triumphing_1258-199179.jpg",
-        },
-        {
-          id: "2",
-          title: "My Hidden Gem",
-          quote: "Truly a hidden gem in Powhatan. Best place to work and grab a pint.",
-          name: "Mike D.",
-          role: "Freelancer",
-          imageSrc: "http://img.b2bpic.net/free-photo/picture-business-woman-looking-camera_197531-33879.jpg",
-        },
-        {
-          id: "3",
-          title: "Perfect Setup",
-          quote: "Cozy, professional, and the beer selection is always spot on.",
-          name: "Emily R.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379239.jpg",
-        },
-        {
-          id: "4",
-          title: "Community Hub",
-          quote: "It feels less like an office and more like a second home.",
-          name: "David K.",
-          role: "Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg",
-        },
-        {
-          id: "5",
-          title: "Amazing Spot",
-          quote: "I get more work done here in two hours than I do all week at home.",
-          name: "Amanda L.",
-          role: "Marketing",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-having-video-call-computer-while-having-coffee-break-office_637285-5341.jpg",
-        },
+        { id: "1", title: "Great Vibe", quote: "The owner is fantastic, great beer, better atmosphere.", name: "Sarah J.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-woman-winning-laptop-receive-good-news-achieve-goal-work-triumphing_1258-199179.jpg" },
+        { id: "2", title: "My Hidden Gem", quote: "Truly a hidden gem in Powhatan. Best place to work and grab a pint.", name: "Mike D.", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/picture-business-woman-looking-camera_197531-33879.jpg" },
+        { id: "3", title: "Perfect Setup", quote: "Cozy, professional, and the beer selection is always spot on.", name: "Emily R.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379239.jpg?_wi=2" },
       ]}
       title="Community Voices"
       description="Don't just take our word for it."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
+      <FaqBase
       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.",
-        },
-        {
-          id: "3",
-          title: "Can I book a meeting room?",
-          content: "Absolutely! Members get discounted rates, but it's open to non-members too.",
-        },
+        { 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." },
+        { id: "3", title: "Can I book a meeting room?", content: "Absolutely! Members get discounted rates, but it's open to non-members too." },
       ]}
       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">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      <ContactSplit
       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."
-      buttons={[
-        {
-          text: "Book a Tour",
-          href: "tel:5550123456",
-        },
-      ]}
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -354,45 +167,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Oakbridge"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Office Spaces",
-              href: "#services",
-            },
-            {
-              label: "Taproom",
-              href: "#taproom",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Services", items: [{ label: "Office Spaces", href: "#services" }, { label: "Taproom", href: "#taproom" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}