diff --git a/src/app/page.tsx b/src/app/page.tsx
index 028b382..225c181 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
@@ -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."
/>
@@ -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() {
@@ -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"},
]}
/>