Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Models",
|
||||
id: "models",
|
||||
},
|
||||
name: "Models", id: "models"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "features",
|
||||
},
|
||||
name: "Performance", id: "features"},
|
||||
{
|
||||
name: "Ownership",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Ownership", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PORSCHE"
|
||||
/>
|
||||
@@ -57,46 +49,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Engineering Excellence, Reimagined."
|
||||
description="Discover the fusion of luxury and raw performance in every detail of the new Porsche lineup."
|
||||
tag="New Generation"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Models",
|
||||
href: "#models",
|
||||
},
|
||||
text: "Explore Models", href: "#models"},
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg?_wi=1",
|
||||
imageAlt: "porsche 911 mountain road",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg", imageAlt: "porsche 911 mountain road"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hood-white-sports-car-lights_181624-25324.jpg?_wi=1",
|
||||
imageAlt: "porsche logo detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hood-white-sports-car-lights_181624-25324.jpg", imageAlt: "porsche logo detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg?_wi=1",
|
||||
imageAlt: "porsche taycan interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg", imageAlt: "porsche taycan interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674234.jpg",
|
||||
imageAlt: "porsche car rear lights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674234.jpg", imageAlt: "porsche car rear lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-beautiful-sitting-embrace-carlo_1304-2608.jpg",
|
||||
imageAlt: "porsche cayman desert",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-beautiful-sitting-embrace-carlo_1304-2608.jpg", imageAlt: "porsche cayman desert"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-disk-components_23-2149413367.jpg",
|
||||
imageAlt: "porsche brake disc rim",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-disk-components_23-2149413367.jpg", imageAlt: "porsche brake disc rim"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,9 +82,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Precision"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Heritage",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read Heritage", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,70 +90,47 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engine",
|
||||
description: "Flat-six powerplants engineered for maximum response.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg",
|
||||
imageAlt: "porsche engine block",
|
||||
},
|
||||
title: "Precision Engine", description: "Flat-six powerplants engineered for maximum response.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg", imageAlt: "porsche engine block"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High RPM power",
|
||||
},
|
||||
text: "High RPM power"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Durability",
|
||||
},
|
||||
text: "Durability"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg?_wi=2",
|
||||
imageAlt: "porsche engine block",
|
||||
},
|
||||
{
|
||||
title: "Aerodynamics",
|
||||
description: "Active systems that ensure stability at all speeds.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636184.jpg",
|
||||
imageAlt: "porsche car rear lights",
|
||||
},
|
||||
title: "Aerodynamics", description: "Active systems that ensure stability at all speeds.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636184.jpg", imageAlt: "porsche car rear lights"},
|
||||
items: [
|
||||
{
|
||||
icon: Wind,
|
||||
text: "Active Spoiler",
|
||||
},
|
||||
text: "Active Spoiler"},
|
||||
{
|
||||
icon: Gauge,
|
||||
text: "Downforce",
|
||||
},
|
||||
text: "Downforce"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hood-white-sports-car-lights_181624-25324.jpg?_wi=2",
|
||||
imageAlt: "porsche engine block",
|
||||
},
|
||||
{
|
||||
title: "Chassis Tech",
|
||||
description: "Adaptive damping for ultimate driving feel.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/club-rack-hand-interior-background_1203-5751.jpg",
|
||||
imageAlt: "porsche brake disc rim",
|
||||
},
|
||||
title: "Chassis Tech", description: "Adaptive damping for ultimate driving feel.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/club-rack-hand-interior-background_1203-5751.jpg", imageAlt: "porsche brake disc rim"},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Dynamic Ride",
|
||||
},
|
||||
text: "Dynamic Ride"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Handling",
|
||||
},
|
||||
text: "Handling"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg?_wi=2",
|
||||
imageAlt: "porsche engine block",
|
||||
},
|
||||
]}
|
||||
title="Performance Standards"
|
||||
@@ -196,47 +146,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "911 Turbo S",
|
||||
price: "$200,000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg",
|
||||
imageAlt: "porsche 911 turbo s",
|
||||
},
|
||||
id: "p1", name: "911 Turbo S", price: "$200,000+", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg", imageAlt: "porsche 911 turbo s"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cayenne Turbo GT",
|
||||
price: "$180,000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-speed-test-driving-white-sport-car_114579-4051.jpg",
|
||||
imageAlt: "porsche cayenne turbo",
|
||||
},
|
||||
id: "p2", name: "Cayenne Turbo GT", price: "$180,000+", imageSrc: "http://img.b2bpic.net/free-photo/high-speed-test-driving-white-sport-car_114579-4051.jpg", imageAlt: "porsche cayenne turbo"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "718 Boxster Spyder",
|
||||
price: "$110,000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg",
|
||||
imageAlt: "porsche boxster side",
|
||||
},
|
||||
id: "p3", name: "718 Boxster Spyder", price: "$110,000+", imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg", imageAlt: "porsche boxster side"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Macan EV",
|
||||
price: "$80,000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15084.jpg",
|
||||
imageAlt: "porsche macan front",
|
||||
},
|
||||
id: "p4", name: "Macan EV", price: "$80,000+", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15084.jpg", imageAlt: "porsche macan front"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Panamera Hybrid",
|
||||
price: "$120,000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg",
|
||||
imageAlt: "porsche panamera elegant",
|
||||
},
|
||||
id: "p5", name: "Panamera Hybrid", price: "$120,000+", imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg", imageAlt: "porsche panamera elegant"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "911 GT3 RS",
|
||||
price: "$250,000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drivers-hands-steering-wheel-car-night-night-driving_169016-51113.jpg",
|
||||
imageAlt: "porsche 911 gt3 racing",
|
||||
},
|
||||
id: "p6", name: "911 GT3 RS", price: "$250,000+", imageSrc: "http://img.b2bpic.net/free-photo/drivers-hands-steering-wheel-car-night-night-driving_169016-51113.jpg", imageAlt: "porsche 911 gt3 racing"},
|
||||
]}
|
||||
title="Our Vehicles"
|
||||
description="Choose your perfect driving experience."
|
||||
@@ -250,29 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.7s",
|
||||
title: "0-100 km/h",
|
||||
description: "Rapid acceleration standard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "speed data visualization",
|
||||
},
|
||||
id: "m1", value: "2.7s", title: "0-100 km/h", description: "Rapid acceleration standard.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "speed data visualization"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "350km/h",
|
||||
title: "Top Speed",
|
||||
description: "Unmatched track limits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg",
|
||||
imageAlt: "business growth graph luxury",
|
||||
},
|
||||
id: "m2", value: "350km/h", title: "Top Speed", description: "Unmatched track limits.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg", imageAlt: "business growth graph luxury"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
title: "Innovations",
|
||||
description: "Patented systems worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100407.jpg",
|
||||
imageAlt: "global network connections",
|
||||
},
|
||||
id: "m3", value: "120+", title: "Innovations", description: "Patented systems worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100407.jpg", imageAlt: "global network connections"},
|
||||
]}
|
||||
title="Engineering Milestones"
|
||||
description="Performance by the numbers."
|
||||
@@ -286,36 +188,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Engineering Leads",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Engineering Leads", members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Lead Tech",
|
||||
subtitle: "Mechanical Focus",
|
||||
detail: "15 years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11815.jpg",
|
||||
imageAlt: "mechanic portrait professional",
|
||||
},
|
||||
id: "mem1", title: "Lead Tech", subtitle: "Mechanical Focus", detail: "15 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11815.jpg", imageAlt: "mechanic portrait professional"},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Brand Lead",
|
||||
subtitle: "Customer Care",
|
||||
detail: "Client specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
imageAlt: "business portrait professional",
|
||||
},
|
||||
id: "mem2", title: "Brand Lead", subtitle: "Customer Care", detail: "Client specialist.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", imageAlt: "business portrait professional"},
|
||||
{
|
||||
id: "mem3",
|
||||
title: "Performance Eng",
|
||||
subtitle: "Dynamics Focus",
|
||||
detail: "Speed enthusiast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
|
||||
imageAlt: "automotive engineer portrait",
|
||||
},
|
||||
id: "mem3", title: "Performance Eng", subtitle: "Dynamics Focus", detail: "Speed enthusiast.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg", imageAlt: "automotive engineer portrait"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg?_wi=3",
|
||||
imageAlt: "mechanic portrait professional",
|
||||
},
|
||||
]}
|
||||
title="Our Experts"
|
||||
@@ -330,45 +210,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Collector",
|
||||
testimonial: "The precision of my 911 is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
||||
imageAlt: "happy car owner lifestyle",
|
||||
},
|
||||
id: "t1", name: "Alice M.", role: "Collector", testimonial: "The precision of my 911 is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg", imageAlt: "happy car owner lifestyle"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob D.",
|
||||
role: "Executive",
|
||||
testimonial: "Best driving experience of my life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
|
||||
imageAlt: "professional headshot testimonial",
|
||||
},
|
||||
id: "t2", name: "Bob D.", role: "Executive", testimonial: "Best driving experience of my life.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageAlt: "professional headshot testimonial"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie P.",
|
||||
role: "Enthusiast",
|
||||
testimonial: "Porsche handling is engineering magic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-running-autumn-park_1262-18457.jpg",
|
||||
imageAlt: "luxury life happiness",
|
||||
},
|
||||
id: "t3", name: "Charlie P.", role: "Enthusiast", testimonial: "Porsche handling is engineering magic.", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-running-autumn-park_1262-18457.jpg", imageAlt: "luxury life happiness"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana K.",
|
||||
role: "Daily Driver",
|
||||
testimonial: "Comfortable and incredibly fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-happy-fashionable-female-friends-take-selfie-photo-luxury-cabriolet-car-their-summer-trip-vacation_613910-6824.jpg",
|
||||
imageAlt: "young entrepreneur portrait",
|
||||
},
|
||||
id: "t4", name: "Diana K.", role: "Daily Driver", testimonial: "Comfortable and incredibly fast.", imageSrc: "http://img.b2bpic.net/free-photo/three-happy-fashionable-female-friends-take-selfie-photo-luxury-cabriolet-car-their-summer-trip-vacation_613910-6824.jpg", imageAlt: "young entrepreneur portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan G.",
|
||||
role: "Racer",
|
||||
testimonial: "Track performance is perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-young-businesswoman-speak-by-phone-car_496169-1186.jpg",
|
||||
imageAlt: "elegant woman luxury car",
|
||||
},
|
||||
id: "t5", name: "Evan G.", role: "Racer", testimonial: "Track performance is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/busy-young-businesswoman-speak-by-phone-car_496169-1186.jpg", imageAlt: "elegant woman luxury car"},
|
||||
]}
|
||||
title="Owner Stories"
|
||||
description="Hear from the drivers."
|
||||
@@ -380,20 +230,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Warranty Info?",
|
||||
content: "Comprehensive 4-year coverage.",
|
||||
},
|
||||
id: "f1", title: "Warranty Info?", content: "Comprehensive 4-year coverage."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Service Locations?",
|
||||
content: "Global network of dealers.",
|
||||
},
|
||||
id: "f2", title: "Service Locations?", content: "Global network of dealers."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Trade-in?",
|
||||
content: "Competitive appraisals available.",
|
||||
},
|
||||
id: "f3", title: "Trade-in?", content: "Competitive appraisals available."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -404,14 +245,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Book your test drive today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -422,29 +260,19 @@ export default function LandingPage() {
|
||||
logoText="PORSCHE"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service", href: "#"},
|
||||
{
|
||||
label: "Dealers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dealers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user