From 06c5d296401fe4b1645dfb4b39d459f9f5d85add Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:50 +0000
Subject: [PATCH 1/7] Add src/app/membership/page.tsx

---
 src/app/membership/page.tsx | 169 ++++++++++++++++++++++++++++++++++++
 1 file changed, 169 insertions(+)
 create mode 100644 src/app/membership/page.tsx

diff --git a/src/app/membership/page.tsx b/src/app/membership/page.tsx
new file mode 100644
index 0000000..eed6e09
--- /dev/null
+++ b/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"
+          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"
+          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>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From b8f52f49ae0c0bd8fe25f22a23234d3037627200 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:51 +0000
Subject: [PATCH 2/7] Add src/app/our-story/page.tsx

---
 src/app/our-story/page.tsx | 117 +++++++++++++++++++++++++++++++++++++
 1 file changed, 117 insertions(+)
 create mode 100644 src/app/our-story/page.tsx

diff --git a/src/app/our-story/page.tsx b/src/app/our-story/page.tsx
new file mode 100644
index 0000000..4d6e622
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 3e3c71eae2e9e2b9258c1ef54f487477222288db Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:53 +0000
Subject: [PATCH 3/7] Update src/app/page.tsx

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 96e7ff9..27465e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From c6b4db018b31c1b6329c651446b8422d80653c41 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:54 +0000
Subject: [PATCH 4/7] Update src/app/styles/base.css

---
 src/app/styles/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 7b2f718..3bb9124 100644
--- a/src/app/styles/base.css
+++ b/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;
 }
-- 
2.49.1


From ff13f2c6ef0fbdf560036526e40ab57561833922 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:55 +0000
Subject: [PATCH 5/7] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index ee02011..874894c 100644
--- a/src/app/styles/variables.css
+++ b/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);
-- 
2.49.1


From 497e9cfcd31850252cfba5f758901e5eb557d66e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:56 +0000
Subject: [PATCH 6/7] Add src/app/virtual-tour/page.tsx

---
 src/app/virtual-tour/page.tsx | 220 ++++++++++++++++++++++++++++++++++
 1 file changed, 220 insertions(+)
 create mode 100644 src/app/virtual-tour/page.tsx

diff --git a/src/app/virtual-tour/page.tsx b/src/app/virtual-tour/page.tsx
new file mode 100644
index 0000000..14e2e00
--- /dev/null
+++ b/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"
+          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"
+          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>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 13f6e22982f95f1d72fdde46ae19ca279f72578a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:17:57 +0000
Subject: [PATCH 7/7] Add src/app/waitlist/page.tsx

---
 src/app/waitlist/page.tsx | 96 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 96 insertions(+)
 create mode 100644 src/app/waitlist/page.tsx

diff --git a/src/app/waitlist/page.tsx b/src/app/waitlist/page.tsx
new file mode 100644
index 0000000..3817e0f
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file
-- 
2.49.1