Update src/app/page.tsx
This commit is contained in:
124
src/app/page.tsx
124
src/app/page.tsx
@@ -70,32 +70,16 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "507",
|
||||
title: "hp",
|
||||
description: "Peak Horsepower",
|
||||
icon: Zap
|
||||
id: "1", value: "507", title: "hp", description: "Peak Horsepower", icon: Zap
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "3.8",
|
||||
title: "sec",
|
||||
description: "0-60 mph Acceleration",
|
||||
icon: Gauge
|
||||
id: "2", value: "3.8", title: "sec", description: "0-60 mph Acceleration", icon: Gauge
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "479",
|
||||
title: "lb-ft",
|
||||
description: "Maximum Torque",
|
||||
icon: Fuel
|
||||
id: "3", value: "479", title: "lb-ft", description: "Maximum Torque", icon: Fuel
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "155",
|
||||
title: "mph",
|
||||
description: "Top Speed",
|
||||
icon: TrendingUp
|
||||
id: "4", value: "155", title: "mph", description: "Top Speed", icon: TrendingUp
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -111,19 +95,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Signature LED Matrix Headlights",
|
||||
author: "Audi Design Studio",
|
||||
description: "Innovative LED technology provides superior illumination while creating a distinctive signature on the road. Each light signature is precisely engineered for both aesthetics and functionality.",
|
||||
tags: ["Innovation", "Safety"],
|
||||
id: "1", title: "Signature LED Matrix Headlights", author: "Audi Design Studio", description: "Innovative LED technology provides superior illumination while creating a distinctive signature on the road. Each light signature is precisely engineered for both aesthetics and functionality.", tags: ["Innovation", "Safety"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/blue-jeep-photo-shooting-sunset_114579-4043.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Aerodynamic Performance Package",
|
||||
author: "Engineering Division",
|
||||
description: "Sculpted bodywork reduces drag while enhancing stability at high speeds. The aggressive stance and muscular proportions convey power while maintaining elegant proportions.",
|
||||
tags: ["Performance", "Efficiency"],
|
||||
id: "2", title: "Aerodynamic Performance Package", author: "Engineering Division", description: "Sculpted bodywork reduces drag while enhancing stability at high speeds. The aggressive stance and muscular proportions convey power while maintaining elegant proportions.", tags: ["Performance", "Efficiency"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/grey-crossover-wet-autumn-road-rainy-motion_169016-70274.jpg"
|
||||
}
|
||||
]}
|
||||
@@ -137,25 +113,22 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Cpu,
|
||||
label: "AI-Powered Infotainment",
|
||||
value: "Next-Gen"
|
||||
label: "AI-Powered Infotainment", value: "Next-Gen"
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Safety Systems",
|
||||
value: "Premier"
|
||||
label: "Safety Systems", value: "Premier"
|
||||
},
|
||||
{
|
||||
icon: Wifi,
|
||||
label: "Connectivity",
|
||||
value: "5G Ready"
|
||||
label: "Connectivity", value: "5G Ready"
|
||||
},
|
||||
{
|
||||
icon: Battery,
|
||||
label: "Efficiency",
|
||||
value: "Optimized"
|
||||
label: "Efficiency", value: "Optimized"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,40 +142,16 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Pure Driving Excellence",
|
||||
quote: "The SQ5 9B transformed my driving experience. The performance is exhilarating, the handling is precise, and the luxury touches make every journey special. It's not just a car; it's a statement.",
|
||||
name: "James Mitchell",
|
||||
role: "CEO, Automotive Enthusiast",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "James Mitchell"
|
||||
id: "1", title: "Pure Driving Excellence", quote: "The SQ5 9B transformed my driving experience. The performance is exhilarating, the handling is precise, and the luxury touches make every journey special. It's not just a car; it's a statement.", name: "James Mitchell", role: "CEO, Automotive Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Engineering Perfection",
|
||||
quote: "I've owned luxury vehicles before, but nothing compares to the engineering sophistication of the SQ5 9B. Every detail has been thoughtfully executed. It's a masterpiece.",
|
||||
name: "Sarah Chen",
|
||||
role: "Executive Director, Tech Industry",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
imageAlt: "Sarah Chen"
|
||||
id: "2", title: "Engineering Perfection", quote: "I've owned luxury vehicles before, but nothing compares to the engineering sophistication of the SQ5 9B. Every detail has been thoughtfully executed. It's a masterpiece.", name: "Sarah Chen", role: "Executive Director, Tech Industry", imageSrc: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Uncompromising Quality",
|
||||
quote: "The attention to detail is extraordinary. From the whisper-quiet cabin to the responsive handling, everything feels intentional and refined. This is premium automotive excellence.",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Investment Professional",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
imageAlt: "Michael Rodriguez"
|
||||
id: "3", title: "Uncompromising Quality", quote: "The attention to detail is extraordinary. From the whisper-quiet cabin to the responsive handling, everything feels intentional and refined. This is premium automotive excellence.", name: "Michael Rodriguez", role: "Investment Professional", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "The Ultimate Performance SUV",
|
||||
quote: "I needed performance without compromising comfort. The SQ5 9B delivers on both fronts magnificently. It's the perfect blend of power and elegance.",
|
||||
name: "Alexandra Williams",
|
||||
role: "Luxury Automotive Collector",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
imageAlt: "Alexandra Williams"
|
||||
id: "4", title: "The Ultimate Performance SUV", quote: "I needed performance without compromising comfort. The SQ5 9B delivers on both fronts magnificently. It's the perfect blend of power and elegance.", name: "Alexandra Williams", role: "Luxury Automotive Collector", imageSrc: "https://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Alexandra Williams"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -218,39 +167,21 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "base",
|
||||
badge: "Standard Performance",
|
||||
badgeIcon: Zap,
|
||||
price: "SQ5 9B",
|
||||
subtitle: "Premium Performance SUV",
|
||||
buttons: [
|
||||
id: "base", badge: "Standard Performance", badgeIcon: Zap,
|
||||
price: "SQ5 9B", subtitle: "Premium Performance SUV", buttons: [
|
||||
{ text: "Configure", href: "reserve" }
|
||||
],
|
||||
features: [
|
||||
"507 hp Twin-Turbo V6 Engine",
|
||||
"3.8 Second 0-60 Acceleration",
|
||||
"All-Wheel Drive with Quattro",
|
||||
"Dynamic Air Suspension",
|
||||
"Panoramic Sunroof",
|
||||
"Bang & Olufsen Premium Audio"
|
||||
"507 hp Twin-Turbo V6 Engine", "3.8 Second 0-60 Acceleration", "All-Wheel Drive with Quattro", "Dynamic Air Suspension", "Panoramic Sunroof", "Bang & Olufsen Premium Audio"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Exclusive Edition",
|
||||
badgeIcon: Crown,
|
||||
price: "Limited",
|
||||
subtitle: "The Ultimate Specification",
|
||||
buttons: [
|
||||
id: "premium", badge: "Exclusive Edition", badgeIcon: Crown,
|
||||
price: "Limited", subtitle: "The Ultimate Specification", buttons: [
|
||||
{ text: "Reserve Exclusive", href: "reserve" }
|
||||
],
|
||||
features: [
|
||||
"All Standard Features Plus",
|
||||
"Carbon Fiber Interior Trim",
|
||||
"Leather Nappa Sport Seats",
|
||||
"Adaptive Matrix LED Headlights",
|
||||
"Night Vision Assist",
|
||||
"Exclusive Paint Options"
|
||||
"All Standard Features Plus", "Carbon Fiber Interior Trim", "Leather Nappa Sport Seats", "Adaptive Matrix LED Headlights", "Night Vision Assist", "Exclusive Paint Options"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -273,9 +204,7 @@ export default function HomePage() {
|
||||
{ name: "preferredTime", type: "text", placeholder: "Preferred Viewing Time", required: false }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your interest in the SQ5 9B...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your interest in the SQ5 9B...", rows: 5,
|
||||
required: false
|
||||
}}
|
||||
buttonText="Reserve Now"
|
||||
@@ -290,8 +219,7 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 Audi SQ5 9B. All rights reserved. Engineering excellence since 2024."
|
||||
columns={[
|
||||
{
|
||||
title: "Experience",
|
||||
items: [
|
||||
title: "Experience", items: [
|
||||
{ label: "Performance", href: "performance" },
|
||||
{ label: "Design", href: "design" },
|
||||
{ label: "Technology", href: "technology" },
|
||||
@@ -299,8 +227,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{ label: "Specifications", href: "specifications" },
|
||||
{ label: "Warranty", href: "https://www.audi.com" },
|
||||
{ label: "Service", href: "https://www.audi.com" },
|
||||
@@ -308,8 +235,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
|
||||
Reference in New Issue
Block a user