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 ( + + + +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} \ No newline at end of file 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 ( + + + +
+ +
+

2019: The Vision

+

+ 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. +

+
+ +
+

2020: Building the Platform

+

+ 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. +

+
+ +
+

2021: Public Beta Launch

+

+ 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. +

+
+ +
+

2022: Scaling Success

+

+ 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. +

+
+ +
+

2023-2024: Global Expansion

+

+ 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. +

+
+ +
+ + + + ); +} \ No newline at end of file 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() { ); -} +} \ No newline at end of file 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; } 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); 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(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 ( + + + +
+ +
+ +
+
+ {/* Room Display */} +
+
+ {activeRoom.imageAlt} +
+
+ +

{activeRoom.name}

+

{activeRoom.description}

+ + {/* Navigation Buttons */} +
+ + +
+ + {/* Progress Dots */} +
+ {rooms.map((_, index) => ( +
+
+ + {/* Room Counter */} +
+ Room {activeRoomIndex + 1} of {rooms.length} +
+
+
+ +
+ +
+ + + + ); +} \ No newline at end of file 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 ( + + + +
+ +
+ + + + ); +} \ No newline at end of file