Merge version_3 into main #1

Merged
bender merged 2 commits from version_3 into main 2026-03-08 16:28:32 +00:00
2 changed files with 138 additions and 135 deletions

View File

@@ -27,6 +27,9 @@ import {
Settings,
HelpCircle,
CreditCard,
Cloud,
Droplets,
Wind,
} from "lucide-react";
export default function LandingPage() {
@@ -47,79 +50,79 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "Performance", id: "performance" },
{ name: "Specs", id: "specs" },
{ name: "Reviews", id: "reviews" },
{ name: "Experience", id: "experience" },
{ name: "Technology", id: "technology" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="BMW M4"
bottomLeftText="Munich, Germany"
bottomRightText="hello@bmw-m4.com"
brandName="BMW M4 Drift"
bottomLeftText="Rainy Track Days Only"
bottomRightText="performance@bmw-drift.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Experience Ultimate Performance"
description="The BMW M4: Where precision engineering meets raw power. Accelerate from 0-60 in 3.8 seconds with 625 horsepower. Dominate the road with cutting-edge technology, legendary handling, and uncompromising luxury."
tag="Peak Performance"
title="Drift in the Rain"
description="Master the art of controlled chaos. The BMW M4 in wet conditions: 625 horsepower, precision-tuned for rain drifts. Feel the grip, embrace the slide. Pure performance for men who live for the drive."
tag="Drift Masters"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Configure Your M4", href: "#pricing" },
{ text: "Test Drive Now", href: "#contact" },
{ text: "Book Drift Session", href: "#experience" },
{ text: "Watch Videos", href: "#gallery" },
]}
buttonAnimation="blur-reveal"
dashboard={{
title: "Live Performance Metrics", logoIcon: Gauge,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-electric-car_23-2149146253.jpg", searchPlaceholder: "Search metrics...", buttons: [
{ text: "View Live Data", href: "#" },
{ text: "Export Report", href: "#" },
title: "Live Rain Drift Metrics", logoIcon: Gauge,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-electric-car_23-2149146253.jpg", searchPlaceholder: "Search drift data...", buttons: [
{ text: "Stream Live", href: "#" },
{ text: "Track Data", href: "#" },
],
sidebarItems: [
{ icon: Zap, active: true },
{ icon: Droplets, active: true },
{ icon: Wind, active: false },
{ icon: Gauge, active: false },
{ icon: Settings, active: false },
],
stats: [
{
title: "Horsepower", values: [625, 625, 625],
valuePrefix: "", valueSuffix: " hp", description: "Peak power output"},
title: "Max Drift Angle", values: [47, 47, 47],
valuePrefix: "", valueSuffix: "°", description: "Peak sideways action"},
{
title: "0-60 Time", values: [3.8, 3.8, 3.8],
valuePrefix: "", valueSuffix: "s", description: "Acceleration"},
title: "Wet Grip Level", values: [8.5, 8.5, 8.5],
valuePrefix: "", valueSuffix: "/10", description: "Rain traction mastery"},
{
title: "Top Speed", values: [155, 155, 155],
valuePrefix: "", valueSuffix: " mph", description: "Maximum velocity"},
title: "Slide Duration", values: [12, 12, 12],
valuePrefix: "", valueSuffix: "s", description: "Continuous drift time"},
],
chartTitle: "Performance Curve", chartData: [
{ value: 20 },
{ value: 45 },
{ value: 70 },
{ value: 85 },
chartTitle: "Rain Drift Performance Curve", chartData: [
{ value: 25 },
{ value: 50 },
{ value: 75 },
{ value: 90 },
{ value: 100 },
],
listTitle: "Latest Updates", listItems: [
listTitle: "Drift Session Highlights", listItems: [
{
icon: CheckCircle,
title: "M Performance Software", status: "Optimized"},
icon: Cloud,
title: "Heavy Rain Detection", status: "Active"},
{
icon: Zap,
title: "ECU Tuning Complete", status: "Enabled"},
icon: Droplets,
title: "Hydroplaning Control", status: "Optimized"},
{
icon: Shield,
title: "Adaptive Suspension", status: "Active"},
icon: Wind,
title: "Wind Resistance", status: "Stable"},
],
}}
/>
</div>
<div id="performance-features" data-section="performance-features">
<div id="experience" data-section="experience">
<FeatureBento
title="Revolutionary Performance Features"
description="Engineered for extreme performance. Every component optimized for speed, precision, and driver engagement."
tag="M Power"
title="Rain Drift Experience"
description="Every moment choreographed for maximum adrenaline. Rain-optimized drift sequences that push the M4 to its limits."
tag="Weather Mastery"
tagIcon={Flame}
tagAnimation="slide-up"
textboxLayout="default"
@@ -127,41 +130,41 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Twin-Turbo Engine", description: "3.0L twin-turbocharged power with 625 hp and 553 lb-ft torque", bentoComponent: "animated-bar-chart"},
title: "Aquaplaning Control", description: "Advanced traction management for wet surfaces at high speeds", bentoComponent: "animated-bar-chart"},
{
title: "M Sport Braking", description: "High-performance braking system with ceramic discs", bentoComponent: "3d-stack-cards", items: [
title: "Rain-Tuned Suspension", description: "Precision damping for rainy track conditions", bentoComponent: "3d-stack-cards", items: [
{
icon: Shield,
title: "Ceramic Brakes", subtitle: "Advanced Stopping", detail: "Extreme durability"},
icon: Cloud,
title: "Wet Mode", subtitle: "Rain Ready", detail: "Full control"},
{
icon: Gauge,
title: "ABS Pro", subtitle: "Precision Control", detail: "Dynamic stability"},
icon: Droplets,
title: "Grip Sensor", subtitle: "Surface Feel", detail: "Real-time data"},
{
icon: Zap,
title: "Brake Assist", subtitle: "Emergency Ready", detail: "Maximum grip"},
icon: Wind,
title: "Wind Dynamics", subtitle: "Stability", detail: "Zero drift loss"},
],
},
{
title: "Adaptive Suspension", description: "M Sport suspension with adjustable damping", bentoComponent: "orbiting-icons", centerIcon: Gauge,
title: "Drift Choreography", description: "Perfectly synchronized rain drifts", bentoComponent: "orbiting-icons", centerIcon: Gauge,
items: [
{ icon: Zap, ring: 1 },
{ icon: Shield, ring: 1 },
{ icon: Settings, ring: 2 },
{ icon: Gauge, ring: 2 },
{ icon: Wind, ring: 1 },
{ icon: Cloud, ring: 2 },
{ icon: Droplets, ring: 2 },
],
},
{
title: "Advanced Aerodynamics", description: "Carbon fiber components and precision-engineered design", bentoComponent: "line-chart"},
title: "Track Conditions", description: "Real-time rain drift analytics", bentoComponent: "line-chart"},
]}
carouselMode="buttons"
/>
</div>
<div id="feature-hover" data-section="feature-hover">
<div id="technology" data-section="technology">
<FeatureHoverPattern
title="Premium M Technology"
description="Cutting-edge technology systems designed for extreme performance drivers"
tag="Innovation"
title="Drift-Specific Technology"
description="Engineering designed for rain drift mastery and controlled chaos"
tag="Rain Tech"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
@@ -169,40 +172,40 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "M Drive Pro", description: "Intelligent driving dynamics system with multiple modes for every condition"},
icon: Droplets,
title: "Aqua Drift System", description: "Advanced water displacement for sustained high-angle drifts in rain"},
{
icon: Navigation,
title: "Precision Navigation", description: "Real-time performance mapping and track-optimized route guidance"},
icon: Wind,
title: "Cross-Wind Stability", description: "Maintains drift angle in gusty wet conditions"},
{
icon: Radio,
title: "Premium Audio", description: "Harman Kardon surround sound system with 16 speakers"},
icon: Cloud,
title: "Humidity Sensing", description: "Auto-adjusts brake bias based on atmospheric moisture"},
{
icon: Gauge,
title: "Drift Analytics", description: "Real-time performance metrics for every rain session"},
{
icon: Shield,
title: "Safety Systems", description: "Advanced driver assistance with collision prevention technology"},
title: "Safety Integration", description: "Protective systems for aggressive wet-weather driving"},
{
icon: Smartphone,
title: "Smart Connectivity", description: "Seamless integration with your digital lifestyle and mobile devices"},
{
icon: Settings,
title: "Customization", description: "Full personalization of performance parameters and driving experience"},
title: "Telemetry Link", description: "Stream your rain drifts live to followers worldwide"},
]}
/>
</div>
<div id="about-specs" data-section="about-specs">
<div id="gallery" data-section="gallery">
<MetricSplitMediaAbout
title="Engineering Excellence Redefined"
description="The BMW M4 represents the pinnacle of automotive engineering, combining decades of M Sport heritage with cutting-edge technology. Every detail is meticulously crafted to deliver an uncompromising driving experience."
tag="M Heritage"
title="Rain Drift Legend"
description="The BMW M4 is engineered for the ultimate rain drift experience. Every component optimized for sliding on wet pavement. This is where car culture meets meteorology—pure automotive poetry."
tag="Gallery"
tagIcon={Award}
tagAnimation="slide-up"
metrics={[
{ value: "50+", title: "Years of M Tradition" },
{ value: "625", title: "Peak Horsepower" },
{ value: "100+", title: "Drift Sessions" },
{ value: "47°", title: "Max Drift Angle" },
]}
imageSrc="http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1342.jpg"
imageAlt="BMW M4 Technical Specifications"
imageAlt="M4 Rain Drift Gallery"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={true}
@@ -211,9 +214,9 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Drivers Are Saying"
description="Experience the BMW M4 through the words of performance enthusiasts, professional drivers, and automotive experts"
tag="Driver Reviews"
title="Drift Masters Speak"
description="Hear from elite drivers who've mastered rain drifts in the BMW M4"
tag="Driver Stories"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
@@ -221,17 +224,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "James Morrison", handle: "@racingpro_james", testimonial: "The M4 is absolutely phenomenal. The precision, the power, the handling—everything feels perfectly engineered. This is pure M performance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg", imageAlt: "James Morrison"},
id: "1", name: "Marcus "The Drifter" Cole", handle: "@rainmaster_mc", testimonial: "Rain drifting in the M4 is pure magic. The precision, the control, the feeling of the tires gripping wet asphalt—nothing compares. This is my happy place.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg", imageAlt: "Marcus Cole"},
{
id: "2", name: "Alexandra Chen", handle: "@autotech_alex", testimonial: "Driving the M4 on the track was an unforgettable experience. The suspension, braking, and acceleration are all world-class. Truly exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-talking-phone_23-2148349975.jpg", imageAlt: "Alexandra Chen"},
id: "2", name: "Sofia Ramirez", handle: "@drift_queen_sofia", testimonial: "The M4's rain handling is unreal. I've never felt more connected to a car during a drift. Every slide, every angle—perfectly controlled chaos.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-talking-phone_23-2148349975.jpg", imageAlt: "Sofia Ramirez"},
{
id: "3", name: "Sophie Laurent", handle: "@drivingdynasty", testimonial: "The BMW M4 combines luxury with raw performance. It's not just fast—it's intelligent. Every drive is a masterclass in engineering.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-biker-enjoying-night-city-life-sitting-motorbike_158595-3333.jpg", imageAlt: "Sophie Laurent"},
id: "3", name: "James "Storm" Henderson", handle: "@stormchaser_drift", testimonial: "I chase storms for the drifts. The M4 in heavy rain is absolutely incredible. It's like the car was born for this.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-biker-enjoying-night-city-life-sitting-motorbike_158595-3333.jpg", imageAlt: "James Henderson"},
{
id: "4", name: "Michael Torres", handle: "@perf_tech_mike", testimonial: "I've driven many performance cars. The M4 stands out for its balance of comfort and extreme capability. Simply outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg", imageAlt: "Michael Torres"},
id: "4", name: "Diego Fernandez", handle: "@wettrack_diego", testimonial: "Rain drifting is my meditation. The M4 delivers the precision and power I need to stay in flow state for hours on the wet track.", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg", imageAlt: "Diego Fernandez"},
{
id: "5", name: "David Richardson", handle: "@autojournalist_d", testimonial: "The M4 is the perfect expression of BMW M's DNA. Precision-engineered, thrilling to drive, and beautifully refined.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg", imageAlt: "David Richardson"},
id: "5", name: "Alex "Aqua" Morrison", handle: "@aquadrift_pro", testimonial: "The M4's handling in rain is legendary among us drift heads. Every session, the car teaches me something new about wet surface mastery.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg", imageAlt: "Alex Morrison"},
{
id: "6", name: "Emma Blackwell", handle: "@luxuryauto_em", testimonial: "From track days to daily driving, the M4 delivers consistently. The technology, the performance, the presence—it's all top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-digital-tablet_1170-1183.jpg", imageAlt: "Emma Blackwell"},
id: "6", name: "Elena Volkova", handle: "@eastern_rain_drift", testimonial: "From Moscow to Miami, I drift rain everywhere. The M4 is the only car that makes me feel equally powerful in every condition.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-digital-tablet_1170-1183.jpg", imageAlt: "Elena Volkova"},
]}
speed={40}
topMarqueeDirection="left"
@@ -240,9 +243,9 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Choose Your M4 Configuration"
description="Select from our premium M4 packages, each engineered for maximum performance and luxury"
tag="Pricing"
title="Rain Drift Packages"
description="Choose your ultimate rain drifting experience"
tag="Book Now"
tagIcon={CreditCard}
tagAnimation="slide-up"
textboxLayout="default"
@@ -250,29 +253,29 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "1", price: "$87,900", name: "M4 Coupe", buttons: [
{ text: "Configure", href: "#contact" },
{ text: "Learn More", href: "#specs" },
id: "1", price: "$2,490", name: "Storm Session", buttons: [
{ text: "Book Now", href: "#contact" },
{ text: "Learn More", href: "#experience" },
],
features: [
"625 hp Twin-Turbo Engine", "M Sport Adaptive Suspension", "Premium Audio System", "Digital Driver's Display", "18-inch M Light Alloy Wheels"],
"3-hour rain drift session", "M4 competition model", "Professional instructor", "Video telemetry", "Drift analysis report"],
},
{
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "$98,400", name: "M4 Competition", buttons: [
{ text: "Configure", href: "#contact" },
{ text: "Learn More", href: "#specs" },
price: "$5,890", name: "Monsoon Mastery", buttons: [
{ text: "Book Now", href: "#contact" },
{ text: "Learn More", href: "#experience" },
],
features: [
"625 hp Peak Performance Tuning", "Enhanced M Sport Package", "Panoramic Sunroof", "M Carbon Exterior Trim", "Harman Kardon Premium Sound", "Adaptive LED Headlights"],
"Full-day rain drift experience", "Unlimited M4 access", "Advanced drift coaching", "Professional footage", "Exclusive crew t-shirt", "Track day certification"],
},
{
id: "3", price: "$103,700", name: "M4 Convertible", buttons: [
{ text: "Configure", href: "#contact" },
{ text: "Learn More", href: "#specs" },
id: "3", price: "$12,400", name: "Elite Rain Legend", buttons: [
{ text: "Book Now", href: "#contact" },
{ text: "Learn More", href: "#experience" },
],
features: [
"625 hp Twin-Turbo Engine", "M Sport Convertible Top", "Advanced Climate Control", "Heated Sport Seats", "Wind Deflector System", "Enhanced Braking Package"],
"3-day intensive rain drift camp", "Private M4 fleet access", "Elite coach mentorship", "4K cinematic video production", "Lifetime community access", "VIP event invitations"],
},
]}
carouselMode="buttons"
@@ -281,8 +284,8 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Get answers to common questions about the BMW M4, performance specifications, and ownership"
title="Rain Drift FAQ"
description="Everything you need to know about mastering the M4 in wet conditions"
tag="Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
@@ -292,35 +295,35 @@ export default function LandingPage() {
animationType="smooth"
faqs={[
{
id: "1", title: "What is the 0-60 time for the BMW M4?", content: "The BMW M4 accelerates from 0-60 mph in approximately 3.8 seconds with its 625 hp twin-turbocharged engine. Competition models achieve similar times with enhanced performance tuning."},
id: "1", title: "What makes rain drifting different?", content: "Rain drifting requires understanding hydroplaning dynamics, tire grip on wet surfaces, and precise throttle control. The M4's advanced systems help manage these variables for sustained, controlled slides."},
{
id: "2", title: "What is the top speed?", content: "The BMW M4's electronically governed top speed is 155 mph. With M Driver's Package, this can be increased. Performance and handling remain exceptional at all speeds."},
id: "2", title: "Is the M4 suitable for beginners?", content: "We offer beginner sessions with professional instruction. The M4's stability control systems can be adjusted for learning, making it accessible while maintaining safety."},
{
id: "3", title: "What is the fuel efficiency?", content: "The BMW M4 achieves approximately 15-17 MPG in combined city/highway driving, depending on driving conditions and mode. Eco Pro mode optimizes efficiency for daily driving."},
id: "3", title: "What's the ideal rain condition for drifting?", content: "Light to moderate rain provides optimal conditions. Heavy downpours increase hydroplaning risks, while light drizzle offers better tire grip. Our team monitors weather constantly."},
{
id: "4", title: "What warranty coverage is included?", content: "BMW includes a 4-year/50,000-mile limited warranty covering defects and malfunctions. Extended warranty options are available for additional peace of mind."},
id: "4", title: "How long does it take to master rain drifting?", content: "Basic drift techniques take a few sessions. True mastery—consistent 45+ degree angles in varying rain conditions—typically requires 10-15 intensive training days."},
{
id: "5", title: "Can I customize my M4?", content: "Absolutely. BMW M offers extensive customization options including paint colors, interior materials, wheel designs, performance packages, and technology upgrades."},
id: "5", title: "Are there safety precautions?", content: "Absolutely. Full protective gear, helmet cams, instructor oversight, and emergency protocols are mandatory. The M4's safety systems provide additional backup."},
{
id: "6", title: "How often does the M4 require maintenance?", content: "The M4 follows BMW's maintenance schedule with regular oil changes every 15,000 miles and comprehensive inspections annually. BMW Connected Drive provides maintenance alerts."},
id: "6", title: "Can I bring my own M4?", content: "Yes, for experienced drivers. We offer track-day coaching packages for personal vehicles. Professional setup and tuning recommended."},
{
id: "7", title: "What financing options are available?", content: "BMW Financial Services offers competitive lease and financing options. Speak with our sales team about customized packages tailored to your needs."},
id: "7", title: "What's included in sessions?", content: "All packages include vehicle, instruction, safety gear, telemetry data, video analysis, and fuel. Elite packages add professional footage and extended coaching."},
{
id: "8", title: "Is there a test drive program?", content: "Yes, we offer complimentary test drives at our dealership. Schedule your M4 experience today and feel the performance firsthand."},
id: "8", title: "Do you offer group sessions?", content: "Yes. Team drift events available for 4+ participants. Corporate packages and friend groups welcome. Custom schedules negotiable."},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get Started"
tag="Let's Drift"
tagIcon={Mail}
tagAnimation="slide-up"
title="Ready to Experience M4 Performance?"
description="Configure your BMW M4, schedule a test drive, or contact our M specialists today. Let's bring your performance dreams to reality."
title="Ready for Rain Drift Mastery?"
description="Reserve your M4 rain drift experience today. Whether you're a seasoned driver or just discovering the art, we'll get you behind the wheel for the ultimate wet-weather adrenaline rush."
buttons={[
{ text: "Schedule Test Drive", href: "#" },
{ text: "Contact M Specialist", href: "#" },
{ text: "Book Your Session", href: "#" },
{ text: "Contact Our Team", href: "#" },
]}
buttonAnimation="blur-reveal"
background={{ variant: "sparkles-gradient" }}
@@ -330,42 +333,42 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="BMW M4"
logoText="BMW M4 Drift"
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "#home" },
{ label: "Performance", href: "#performance" },
{ label: "Specifications", href: "#specs" },
{ label: "FAQ", href: "#faq" },
title: "Experience", items: [
{ label: "Drift Sessions", href: "#experience" },
{ label: "Storm Packages", href: "#pricing" },
{ label: "Technology", href: "#technology" },
{ label: "Gallery", href: "#gallery" },
],
},
{
title: "Company", items: [
{ label: "About BMW M", href: "#" },
{ label: "Heritage", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact Us", href: "#contact" },
title: "Community", items: [
{ label: "Drift Masters", href: "#testimonials" },
{ label: "Records", href: "#" },
{ label: "Events", href: "#" },
{ label: "News", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Ownership", href: "#" },
{ label: "Maintenance", href: "#" },
{ label: "Warranty", href: "#" },
{ label: "Support Center", href: "#" },
{ label: "FAQ", href: "#faq" },
{ label: "Training", href: "#" },
{ label: "Safety", href: "#" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Accessibility", href: "#" },
{ label: "Waivers", href: "#" },
{ label: "Insurance", href: "#" },
],
},
]}
copyrightText="© 2025 BMW M. All rights reserved. | Performance Through Precision"
copyrightText="© 2025 BMW M4 Drift Experience. Rain Masters Unite. | Controlled Chaos On Wet Asphalt"
/>
</div>
</ThemeProvider>

View File

@@ -12,13 +12,13 @@
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--foreground: #e8f4ff;
--primary-cta: #00d4ff;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffffe6;
--accent: #737373;
--background-accent: #737373;
--accent: #00a8cc;
--background-accent: #003d5c;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);