Merge version_1 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Experience", id: "hero"},
|
||||
{
|
||||
name: "Design",
|
||||
id: "design",
|
||||
},
|
||||
name: "Design", id: "design"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Customize",
|
||||
id: "config",
|
||||
},
|
||||
name: "Customize", id: "config"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "performance",
|
||||
},
|
||||
name: "Performance", id: "performance"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BMW M5"
|
||||
/>
|
||||
@@ -76,9 +60,7 @@ export default function LandingPage() {
|
||||
description="Explore every detail of engineering excellence. Customize, rotate, and discover what makes the ultimate driving machine legendary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Configure Your M5",
|
||||
href: "#config",
|
||||
},
|
||||
text: "Configure Your M5", href: "#config"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-with-technological-screen_23-2149126942.jpg"
|
||||
imageAlt="BMW M5 3D configurator interface"
|
||||
@@ -86,25 +68,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
alt: "Professional male smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", alt: "Professional male smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
alt: "Confident female professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Confident female professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-mature-business-man-office_1262-2979.jpg",
|
||||
alt: "Thoughtful male leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-mature-business-man-office_1262-2979.jpg", alt: "Thoughtful male leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-woman-with-tongue-out_23-2148281627.jpg",
|
||||
alt: "Energetic female smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-woman-with-tongue-out_23-2148281627.jpg", alt: "Energetic female smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
|
||||
alt: "Focused male engineer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg", alt: "Focused male engineer"},
|
||||
]}
|
||||
avatarText="Join 1000+ M5 enthusiasts"
|
||||
/>
|
||||
@@ -116,11 +88,8 @@ export default function LandingPage() {
|
||||
title="Unrivaled Design. Precision Engineering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover M5 Aesthetics",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover M5 Aesthetics", href: "#"},
|
||||
]}
|
||||
description="The BMW M5 embodies a perfect synthesis of athletic prowess and sophisticated elegance. Every line, every curve is meticulously crafted to deliver a commanding presence and aerodynamic efficiency. Dive into the design philosophy that defines the ultimate driving machine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,17 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Conventional Power Limitations",
|
||||
"Standard Driving Dynamics",
|
||||
"Basic Infotainment Systems",
|
||||
],
|
||||
"Conventional Power Limitations", "Standard Driving Dynamics", "Basic Infotainment Systems"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"TwinPower Turbo V8 Engine",
|
||||
"M xDrive with 2WD Mode",
|
||||
"Intuitive iDrive 8 Operating System",
|
||||
],
|
||||
"TwinPower Turbo V8 Engine", "M xDrive with 2WD Mode", "Intuitive iDrive 8 Operating System"],
|
||||
}}
|
||||
title="Signature M Features"
|
||||
description="Beyond its powerful engine, the M5 is equipped with cutting-edge features designed for both exhilaration and comfort."
|
||||
@@ -156,65 +119,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BMW M",
|
||||
name: "M5 Competition Package",
|
||||
price: "N/A",
|
||||
rating: 5,
|
||||
reviewCount: "Excellence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1905.jpg",
|
||||
imageAlt: "BMW M5 Competition Package",
|
||||
},
|
||||
id: "p1", brand: "BMW M", name: "M5 Competition Package", price: "N/A", rating: 5,
|
||||
reviewCount: "Excellence", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1905.jpg", imageAlt: "BMW M5 Competition Package"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BMW M Individual",
|
||||
name: "Individual Paint Finishes",
|
||||
price: "N/A",
|
||||
rating: 5,
|
||||
reviewCount: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vertical-shot-old-car-front-side_181624-25330.jpg",
|
||||
imageAlt: "BMW M5 Individual Paint Finishes",
|
||||
},
|
||||
id: "p2", brand: "BMW M Individual", name: "Individual Paint Finishes", price: "N/A", rating: 5,
|
||||
reviewCount: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vertical-shot-old-car-front-side_181624-25330.jpg", imageAlt: "BMW M5 Individual Paint Finishes"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "BMW M Interior",
|
||||
name: "Full Merino Leather Interior",
|
||||
price: "N/A",
|
||||
rating: 5,
|
||||
reviewCount: "Craftsmanship",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-interior-motion-music-dashboard-forest-highway-view_169016-68587.jpg",
|
||||
imageAlt: "BMW M5 Full Merino Leather Interior",
|
||||
},
|
||||
id: "p3", brand: "BMW M Interior", name: "Full Merino Leather Interior", price: "N/A", rating: 5,
|
||||
reviewCount: "Craftsmanship", imageSrc: "http://img.b2bpic.net/free-photo/car-interior-motion-music-dashboard-forest-highway-view_169016-68587.jpg", imageAlt: "BMW M5 Full Merino Leather Interior"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "BMW M Performance",
|
||||
name: "Carbon Ceramic Brakes",
|
||||
price: "N/A",
|
||||
rating: 5,
|
||||
reviewCount: "Stopping Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-car_1048-12074.jpg",
|
||||
imageAlt: "BMW M5 Carbon Ceramic Brakes",
|
||||
},
|
||||
id: "p4", brand: "BMW M Performance", name: "Carbon Ceramic Brakes", price: "N/A", rating: 5,
|
||||
reviewCount: "Stopping Power", imageSrc: "http://img.b2bpic.net/free-photo/robot-car_1048-12074.jpg", imageAlt: "BMW M5 Carbon Ceramic Brakes"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "BMW M Experience",
|
||||
name: "M Driver's Package",
|
||||
price: "N/A",
|
||||
rating: 5,
|
||||
reviewCount: "Track Ready",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cabriolet-sport-sedan-car-with-two-yellow-stripes_114579-1168.jpg",
|
||||
imageAlt: "BMW M5 M Driver's Package",
|
||||
},
|
||||
id: "p5", brand: "BMW M Experience", name: "M Driver's Package", price: "N/A", rating: 5,
|
||||
reviewCount: "Track Ready", imageSrc: "http://img.b2bpic.net/free-photo/black-cabriolet-sport-sedan-car-with-two-yellow-stripes_114579-1168.jpg", imageAlt: "BMW M5 M Driver's Package"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "BMW M Safety",
|
||||
name: "Advanced Driver Assistance Systems",
|
||||
price: "N/A",
|
||||
rating: 5,
|
||||
reviewCount: "Intelligent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg",
|
||||
imageAlt: "BMW M5 Advanced Driver Assistance Systems",
|
||||
},
|
||||
id: "p6", brand: "BMW M Safety", name: "Advanced Driver Assistance Systems", price: "N/A", rating: 5,
|
||||
reviewCount: "Intelligent", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg", imageAlt: "BMW M5 Advanced Driver Assistance Systems"},
|
||||
]}
|
||||
title="Customize Your M5"
|
||||
description="Tailor your BMW M5 to your exact specifications. Explore paint finishes, interior trims, and performance packages in immersive 3D."
|
||||
@@ -229,25 +150,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.8s",
|
||||
description: "0-60 MPH Acceleration",
|
||||
},
|
||||
id: "m1", value: "2.8s", description: "0-60 MPH Acceleration"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "627 hp",
|
||||
description: "Max Horsepower",
|
||||
},
|
||||
id: "m2", value: "627 hp", description: "Max Horsepower"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "553 lb-ft",
|
||||
description: "Max Torque",
|
||||
},
|
||||
id: "m3", value: "553 lb-ft", description: "Max Torque"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "190 mph",
|
||||
description: "Top Speed with M Driver's Package",
|
||||
},
|
||||
id: "m4", value: "190 mph", description: "Top Speed with M Driver's Package"},
|
||||
]}
|
||||
title="Raw Performance Data"
|
||||
description="Delve into the numbers that define the BMW M5's legendary performance. Speed, power, and acceleration — engineered for thrill."
|
||||
@@ -262,59 +171,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark R.",
|
||||
role: "Tech CEO",
|
||||
company: "Innovate Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
|
||||
imageAlt: "Mark R. - Tech CEO",
|
||||
},
|
||||
id: "t1", name: "Mark R.", role: "Tech CEO", company: "Innovate Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", imageAlt: "Mark R. - Tech CEO"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
role: "Professional Driver",
|
||||
company: "Pro Track Racing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-near-car_107420-94915.jpg",
|
||||
imageAlt: "Sarah L. - Professional Driver",
|
||||
},
|
||||
id: "t2", name: "Sarah L.", role: "Professional Driver", company: "Pro Track Racing", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-near-car_107420-94915.jpg", imageAlt: "Sarah L. - Professional Driver"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David K.",
|
||||
role: "Investor",
|
||||
company: "Quantum Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
|
||||
imageAlt: "David K. - Investor",
|
||||
},
|
||||
id: "t3", name: "David K.", role: "Investor", company: "Quantum Capital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", imageAlt: "David K. - Investor"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily C.",
|
||||
role: "Entrepreneur",
|
||||
company: "Creative Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg",
|
||||
imageAlt: "Emily C. - Entrepreneur",
|
||||
},
|
||||
id: "t4", name: "Emily C.", role: "Entrepreneur", company: "Creative Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg", imageAlt: "Emily C. - Entrepreneur"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John T.",
|
||||
role: "Engineer",
|
||||
company: "Global Dynamics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-works-home_329181-14518.jpg",
|
||||
imageAlt: "John T. - Engineer",
|
||||
},
|
||||
id: "t5", name: "John T.", role: "Engineer", company: "Global Dynamics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-works-home_329181-14518.jpg", imageAlt: "John T. - Engineer"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Alex P.",
|
||||
role: "Automotive Journalist",
|
||||
company: "Drive Magazine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-bench_23-2147737535.jpg",
|
||||
imageAlt: "Alex P. - Automotive Journalist",
|
||||
},
|
||||
id: "t6", name: "Alex P.", role: "Automotive Journalist", company: "Drive Magazine", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-bench_23-2147737535.jpg", imageAlt: "Alex P. - Automotive Journalist"},
|
||||
]}
|
||||
title="What Our Enthusiasts Say"
|
||||
description="Hear from passionate drivers who have experienced the unparalleled thrill and luxury of the BMW M5."
|
||||
@@ -326,14 +199,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Car & Driver",
|
||||
"MotorTrend",
|
||||
"Top Gear Magazine",
|
||||
"Auto Bild",
|
||||
"Road & Track",
|
||||
"Automotive News",
|
||||
"What Car?",
|
||||
]}
|
||||
"Car & Driver", "MotorTrend", "Top Gear Magazine", "Auto Bild", "Road & Track", "Automotive News", "What Car?"]}
|
||||
title="Acclaimed Excellence"
|
||||
description="The BMW M5 has consistently earned accolades and recognition from leading automotive authorities and industry experts."
|
||||
/>
|
||||
@@ -345,25 +211,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How accurate is the 3D model to the real car?",
|
||||
content: "Our 3D models are meticulously crafted with precision engineering data directly from BMW, ensuring a hyper-realistic representation of every M5 detail, from paint finish to interior stitching.",
|
||||
},
|
||||
id: "q1", title: "How accurate is the 3D model to the real car?", content: "Our 3D models are meticulously crafted with precision engineering data directly from BMW, ensuring a hyper-realistic representation of every M5 detail, from paint finish to interior stitching."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I save my customized M5 configurations?",
|
||||
content: "Yes, you can save multiple configurations to your profile, share them with friends, or send them directly to a BMW dealership for a personalized quote.",
|
||||
},
|
||||
id: "q2", title: "Can I save my customized M5 configurations?", content: "Yes, you can save multiple configurations to your profile, share them with friends, or send them directly to a BMW dealership for a personalized quote."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What performance data can I explore?",
|
||||
content: "Dive deep into the M5's performance metrics, including 0-60 mph acceleration, horsepower, torque curves, and top speed capabilities, all visualized interactively.",
|
||||
},
|
||||
id: "q3", title: "What performance data can I explore?", content: "Dive deep into the M5's performance metrics, including 0-60 mph acceleration, horsepower, torque curves, and top speed capabilities, all visualized interactively."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are future M5 models or special editions included?",
|
||||
content: "We continually update our platform to include the latest M5 models, special editions, and new customization options as they become available. Stay tuned for exciting additions!",
|
||||
},
|
||||
id: "q4", title: "Are future M5 models or special editions included?", content: "We continually update our platform to include the latest M5 models, special editions, and new customization options as they become available. Stay tuned for exciting additions!"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about the M5, its 3D experience, and the customization process."
|
||||
@@ -375,14 +229,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to truly experience the M5? Contact our specialists for an exclusive walkthrough or further inquiries about your dream vehicle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:info@bmwm5.com",
|
||||
},
|
||||
text: "Get in Touch", href: "mailto:info@bmwm5.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -394,19 +245,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/bmwm5",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/bmwm5", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/bmwm5",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/bmwm5", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/bmwm5",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/bmwm5", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user