Update src/app/virtual-tour/page.tsx

Merge version_1 into main

src/app/membership/page.tsx

@@ -0,0 +1,169 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Users, Crown, Zap, CheckCircle } from 'lucide-react';
+
+export default function MembershipPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "How It Works", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Get Started", href: "/" }}
+          brandName="BetArb"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Membership Tiers"
+          description="Choose the membership tier that matches your betting goals. Get access to premium tools, exclusive spaces, and expert support."
+          tag="Membership Plans"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            { text: "View Plans", href: "#pricing" },
+            { text: "Back Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg?_wi=2"
+          imageAlt="Membership plans hero"
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Choose Your Membership"
+          description="Three tiers designed to support every stage of your betting journey."
+          tag="Membership Plans"
+          tagIcon={Crown}
+          tagAnimation="slide-up"
+          plans={[
+            {
+              id: "1",              badge: "Starter",              badgeIcon: CheckCircle,
+              price: "$49/mo",              subtitle: "Perfect for beginners",              buttons: [
+                { text: "Start Membership", href: "/" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Access to basic trading tools",                "50+ sportsbooks monitoring",                "Daily alerts (up to 10)",                "Community forum access",                "Email support",                "Weekly market insights"
+              ]
+            },
+            {
+              id: "2",              badge: "Professional",              badgeIcon: Zap,
+              price: "$129/mo",              subtitle: "For serious traders",              buttons: [
+                { text: "Start Membership", href: "/" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "All Starter features",                "Advanced analytics dashboard",                "Unlimited alerts",                "Priority support (24/5)",                "Access to premium spaces",                "Monthly strategy consultations",                "Advanced risk management tools",                "Custom alert configurations"
+              ]
+            },
+            {
+              id: "3",              badge: "Elite",              badgeIcon: Crown,
+              price: "$299/mo",              subtitle: "For professional syndicates",              buttons: [
+                { text: "Start Membership", href: "/" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "All Professional features",                "Real-time API access",                "Dedicated account manager",                "24/7 priority support",                "Private elite lounge access",                "Unlimited team members",                "Custom workspace setup",                "Quarterly strategy reviews",                "Advanced collaboration tools",                "Exclusive market briefings"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Why Membership Matters"
+          description="Membership provides access to exclusive benefits and professional-grade tools designed to maximize your success in the betting space."
+          tag="Benefits"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          bulletPoints={[
+            {
+              title: "Dedicated Support",              description: "Get expert guidance from our support team available to help you optimize your strategy and resolve issues quickly."
+            },
+            {
+              title: "Community Access",              description: "Network with other successful traders, share strategies, and learn from experienced professionals in your tier."
+            },
+            {
+              title: "Premium Tools",              description: "Access professional-grade analytics, real-time data feeds, and advanced calculation tools unavailable to non-members."
+            },
+            {
+              title: "Physical Spaces",              description: "For Professional and Elite tiers, enjoy access to our state-of-the-art trading facilities and collaborative workspaces."
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=3"
+          imageAlt="Membership benefits"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imagePosition="right"
+          buttons={[
+            { text: "Explore Spaces", href: "/virtual-tour" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          copyrightText="© 2025 BetArb | Smart Betting Made Simple"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "/" },
+                { label: "Pricing", href: "/" },
+                { label: "How It Works", href: "/" },
+                { label: "FAQ", href: "/" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Contact", href: "/" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Responsible Gambling", href: "#" },
+                { label: "Disclaimer", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/our-story/page.tsx

@@ -0,0 +1,117 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { BookOpen, Zap, Award, Users } from 'lucide-react';
+
+export default function OurStoryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "How It Works", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Get Started", href: "contact" }}
+          brandName="BetArb"
+        />
+      </div>
+
+      <div id="story" data-section="story">
+        <TimelineCardStack
+          title="Our Story"
+          description="From vision to market leader in smart sports betting solutions. Discover how BetArb was built on the foundation of mathematical precision and user empowerment."
+          tag="Brand Journey"
+          tagIcon={BookOpen}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        >
+          <div className="space-y-4 p-8 bg-card rounded-lg border border-primary-cta/10">
+            <h3 className="text-2xl font-semibold text-foreground">2019: The Vision</h3>
+            <p className="text-base text-foreground/80 leading-relaxed">
+              Three data scientists noticed inefficiencies in sportsbook odds that could be systematically exploited. They realized that most bettors lacked tools to identify these opportunities at scale. This insight sparked the idea for BetArb.
+            </p>
+          </div>
+
+          <div className="space-y-4 p-8 bg-card rounded-lg border border-primary-cta/10">
+            <h3 className="text-2xl font-semibold text-foreground">2020: Building the Platform</h3>
+            <p className="text-base text-foreground/80 leading-relaxed">
+              The founding team spent months developing proprietary algorithms to monitor odds across 50+ sportsbooks in real-time. They built a robust infrastructure to identify EV and arbitrage opportunities faster than anyone else in the industry.
+            </p>
+          </div>
+
+          <div className="space-y-4 p-8 bg-card rounded-lg border border-primary-cta/10">
+            <h3 className="text-2xl font-semibold text-foreground">2021: Public Beta Launch</h3>
+            <p className="text-base text-foreground/80 leading-relaxed">
+              BetArb launched to a select group of beta users. The response was overwhelming. Users reported ROI improvements of 15-20% within their first month. Word spread quickly through the betting community, and demand for access skyrocketed.
+            </p>
+          </div>
+
+          <div className="space-y-4 p-8 bg-card rounded-lg border border-primary-cta/10">
+            <h3 className="text-2xl font-semibold text-foreground">2022: Scaling Success</h3>
+            <p className="text-base text-foreground/80 leading-relaxed">
+              BetArb officially launched to the public and quickly became the go-to platform for serious bettors. The platform grew to 10,000+ active users, with customers generating millions in collective profits using our tools.
+            </p>
+          </div>
+
+          <div className="space-y-4 p-8 bg-card rounded-lg border border-primary-cta/10">
+            <h3 className="text-2xl font-semibold text-foreground">2023-2024: Global Expansion</h3>
+            <p className="text-base text-foreground/80 leading-relaxed">
+              We expanded to international markets, added support for 100+ additional sportsbooks, and launched our API for institutional clients. Today, 45,000+ active bettors trust BetArb to help them find profitable opportunities every day.
+            </p>
+          </div>
+        </TimelineCardStack>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          copyrightText="© 2025 BetArb | Smart Betting Made Simple"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "features" },
+                { label: "Pricing", href: "pricing" },
+                { label: "How It Works", href: "about" },
+                { label: "FAQ", href: "faq" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "our-story" },
+                { label: "Blog", href: "#" },
+                { label: "Contact", href: "contact" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Responsible Gambling", href: "#" },
+                { label: "Disclaimer", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -80,7 +80,7 @@ export default function LandingPage() {
               title: "Detailed Analytics",              description: "Track your performance, profit trends, and optimization recommendations with advanced reporting."
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=1"
           imageAlt="Betting analytics and performance tracking"
           mediaAnimation="slide-up"
           textboxLayout="default"
@@ -286,7 +286,7 @@ export default function LandingPage() {
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#" },
+                { label: "About Us", href: "our-story" },
                 { label: "Blog", href: "#" },
                 { label: "Contact", href: "contact" },
                 { label: "Careers", href: "#" }
@@ -305,4 +305,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-bebas-neue), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-bebas-neue), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #6139e6;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
-  --background-accent: #b3a8e8;
+  --accent: #d4af37;
+  --background-accent: #2a2a2a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/virtual-tour/page.tsx

@@ -0,0 +1,220 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { MapPin, ArrowRight, Zap } from 'lucide-react';
+import { useState, useRef } from 'react';
+
+interface Room {
+  id: string;
+  name: string;
+  description: string;
+  image: string;
+  imageAlt: string;
+}
+
+const rooms: Room[] = [
+  {
+    id: "main-floor",    name: "Main Floor Trading Hub",    description: "Where all the action happens. State-of-the-art trading terminals with real-time market feeds, collaborative workstations, and 24/7 monitoring center.",    image: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",    imageAlt: "Main floor trading hub"
+  },
+  {
+    id: "analysis-room",    name: "Advanced Analysis Room",    description: "Dedicated space for deep market analysis. Features advanced analytics tools, historical data systems, and expert consultation areas.",    image: "http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg",    imageAlt: "Advanced analysis room"
+  },
+  {
+    id: "collaboration-space",    name: "Collaboration Space",    description: "Open areas designed for team discussions and strategy sessions. Flexible layouts support both formal meetings and casual brainstorming.",    image: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",    imageAlt: "Collaboration space"
+  },
+  {
+    id: "elite-lounge",    name: "Elite Member Lounge",    description: "Premium space for our top-tier members. Includes private consultation areas, premium amenities, and exclusive market insights briefings.",    image: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",    imageAlt: "Elite member lounge"
+  }
+];
+
+export default function VirtualTourPage() {
+  const [activeRoomIndex, setActiveRoomIndex] = useState(0);
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
+
+  const activeRoom = rooms[activeRoomIndex];
+
+  const handlePrevRoom = () => {
+    setActiveRoomIndex((prev) => (prev - 1 + rooms.length) % rooms.length);
+  };
+
+  const handleNextRoom = () => {
+    setActiveRoomIndex((prev) => (prev + 1) % rooms.length);
+  };
+
+  const handleDotClick = (index: number) => {
+    setActiveRoomIndex(index);
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "How It Works", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Get Started", href: "/" }}
+          brandName="BetArb"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Explore The Spaces"
+          description="Take a virtual tour through our state-of-the-art trading facilities. Discover the premium spaces where professional bettors work, collaborate, and achieve success."
+          tag="Virtual Tour"
+          tagIcon={MapPin}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            { text: "Start Tour", href: "#tour" },
+            { text: "Back Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg?_wi=1"
+          imageAlt="Virtual tour hero"
+        />
+      </div>
+
+      <div id="tour" data-section="tour" className="py-20">
+        <div className="max-w-6xl mx-auto px-4">
+          {/* Room Display */}
+          <div className="mb-12">
+            <div className="relative bg-gradient-to-b from-background to-card rounded-2xl overflow-hidden mb-8">
+              <img
+                src={activeRoom.image}
+                alt={activeRoom.imageAlt}
+                className="w-full h-96 object-cover"
+              />
+              <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
+            </div>
+
+            <h2 className="text-4xl font-bold mb-3">{activeRoom.name}</h2>
+            <p className="text-xl text-foreground/80 mb-8">{activeRoom.description}</p>
+
+            {/* Navigation Buttons */}
+            <div className="flex gap-4 mb-8">
+              <button
+                onClick={handlePrevRoom}
+                className="px-6 py-3 bg-primary-cta text-white rounded-full hover:opacity-90 transition-opacity flex items-center gap-2"
+              >
+                ← Previous Room
+              </button>
+              <button
+                onClick={handleNextRoom}
+                className="px-6 py-3 bg-secondary-cta text-white rounded-full hover:opacity-90 transition-opacity flex items-center gap-2"
+              >
+                Next Room <ArrowRight size={20} />
+              </button>
+            </div>
+
+            {/* Progress Dots */}
+            <div className="flex justify-center gap-3">
+              {rooms.map((_, index) => (
+                <button
+                  key={index}
+                  onClick={() => handleDotClick(index)}
+                  className={`w-3 h-3 rounded-full transition-all ${
+                    index === activeRoomIndex
+                      ? 'bg-primary-cta w-8'
+                      : 'bg-background-accent hover:bg-accent'
+                  }`}
+                  aria-label={`Go to room ${index + 1}`}
+                />
+              ))}
+            </div>
+          </div>
+
+          {/* Room Counter */}
+          <div className="text-center text-foreground/60 text-sm">
+            Room {activeRoomIndex + 1} of {rooms.length}
+          </div>
+        </div>
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Premium Trading Facilities"
+          description="Our spaces are designed to support professional traders and bettors at every level. From beginners to seasoned professionals, we have dedicated environments tailored to your needs."
+          tag="Our Spaces"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          bulletPoints={[
+            {
+              title: "Real-Time Market Access",              description: "Direct connections to all major sportsbooks with live odds feeds and instant execution capabilities."
+            },
+            {
+              title: "Advanced Analytics",              description: "Access to professional-grade analysis tools, historical data, and AI-powered insights."
+            },
+            {
+              title: "24/7 Support",              description: "Round-the-clock expert support and market monitoring to help you succeed."
+            },
+            {
+              title: "Collaboration",              description: "Network with other professionals and share strategies in our collaborative spaces."
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=2"
+          imageAlt="Premium facilities"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imagePosition="right"
+          buttons={[
+            { text: "Join Now", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          copyrightText="© 2025 BetArb | Smart Betting Made Simple"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "/" },
+                { label: "Pricing", href: "/" },
+                { label: "How It Works", href: "/" },
+                { label: "FAQ", href: "/" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Contact", href: "/" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Responsible Gambling", href: "#" },
+                { label: "Disclaimer", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/waitlist/page.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Bell } from 'lucide-react';
+
+export default function WaitlistPage() {
+  const handleWaitlistSubmit = (email: string) => {
+    // Handle waitlist submission
+    console.log('Waitlist signup:', email);
+    // You can integrate with your backend or email service here
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "How It Works", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Get Started", href: "contact" }}
+          brandName="BetArb"
+        />
+      </div>
+
+      <div id="waitlist" data-section="waitlist">
+        <ContactSplit
+          tag="Early Access"
+          tagIcon={Bell}
+          tagAnimation="slide-up"
+          title="Join the Waitlist"
+          description="Be among the first to access our latest features and exclusive opportunities. Get priority support and special launch pricing when you join our waitlist."
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-vector/dark-purple-stock-trading-infographic-template-design_53876-100722.jpg?_wi=4"
+          imageAlt="Waitlist signup"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Join Waitlist"
+          termsText="We respect your privacy. We'll only send you updates about new features and exclusive offers."
+          onSubmit={handleWaitlistSubmit}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          copyrightText="© 2025 BetArb | Smart Betting Made Simple"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "features" },
+                { label: "Pricing", href: "pricing" },
+                { label: "How It Works", href: "about" },
+                { label: "FAQ", href: "faq" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "our-story" },
+                { label: "Blog", href: "#" },
+                { label: "Contact", href: "contact" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Responsible Gambling", href: "#" },
+                { label: "Disclaimer", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}