Merge version_3 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user