bender/35df8c1e-2957-4083-b5c5-4f30e05d3db8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-09 13:43:35 +00:00
Conversation 0 Commits 1 Files Changed 1 +64 -249
1 changed files with 64 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Models",
id: "#models",
},
name: "Models", id: "#models"},
{
name: "Performance",
id: "#performance",
},
name: "Performance", id: "#performance"},
{
name: "Heritage",
id: "#heritage",
},
name: "Heritage", id: "#heritage"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Porsche"
/>
@@ -60,52 +50,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Experience Pure Driving Emotion with Porsche"
description="Crafted for performance, engineered for passion. Discover the unparalleled thrill of a Porsche, where innovation meets tradition on every road."
tag="Unleash Your Drive"
buttons={[
{
text: "Explore Models",
href: "#models",
},
text: "Explore Models", href: "#models"},
{
text: "Book a Test Drive",
href: "#contact",
},
text: "Book a Test Drive", href: "#contact"},
]}
carouselItems={[
{
id: "hero-carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg",
imageAlt: "Porsche 911 GT3 RS in motion",
},
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg", imageAlt: "Porsche 911 GT3 RS in motion"},
{
id: "hero-carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg",
imageAlt: "Porsche Taycan electric sports car",
},
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg", imageAlt: "Porsche Taycan electric sports car"},
{
id: "hero-carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-low-rider-car-steering-wheel_181624-46432.jpg",
imageAlt: "Classic Porsche 356",
},
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-low-rider-car-steering-wheel_181624-46432.jpg", imageAlt: "Classic Porsche 356"},
{
id: "hero-carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-baby-daughter-choosing-car_1303-26826.jpg",
imageAlt: "Porsche Cayenne SUV",
},
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-baby-daughter-choosing-car_1303-26826.jpg", imageAlt: "Porsche Cayenne SUV"},
{
id: "hero-carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-vibrant-city-night_23-2150796936.jpg",
imageAlt: "Porsche 918 Spyder hypercar",
},
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-vibrant-city-night_23-2150796936.jpg", imageAlt: "Porsche 918 Spyder hypercar"},
{
id: "hero-carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-abstract-spheres-background_23-2151005310.jpg",
imageAlt: "Porsche 718 Boxster convertible",
},
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-abstract-spheres-background_23-2151005310.jpg", imageAlt: "Porsche 718 Boxster convertible"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -117,14 +84,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Unyielding Pursuit of Perfection"
description={[
"For over 75 years, Porsche has stood as a beacon of automotive excellence, pioneering innovations and crafting legendary sports cars. Our heritage is built on a relentless passion for performance, precision engineering, and distinctive design.",
"Every Porsche embodies a commitment to delivering an unforgettable driving experience. From the racetrack to the open road, our vehicles are engineered to connect driver and machine in perfect harmony, pushing the boundaries of what's possible in automotive technology.",
]}
"For over 75 years, Porsche has stood as a beacon of automotive excellence, pioneering innovations and crafting legendary sports cars. Our heritage is built on a relentless passion for performance, precision engineering, and distinctive design.", "Every Porsche embodies a commitment to delivering an unforgettable driving experience. From the racetrack to the open road, our vehicles are engineered to connect driver and machine in perfect harmony, pushing the boundaries of what's possible in automotive technology."]}
buttons={[
{
text: "Learn More About Our Heritage",
href: "#",
},
text: "Learn More About Our Heritage", href: "#"},
]}
/>
</div>
@@ -136,34 +99,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "performance",
label: "Performance",
title: "Dynamic Driving",
items: [
"High-revving engines for instant power",
"Advanced chassis systems for agile handling",
"Responsive steering for ultimate control",
],
id: "performance", label: "Performance", title: "Dynamic Driving", items: [
"High-revving engines for instant power", "Advanced chassis systems for agile handling", "Responsive steering for ultimate control"],
},
{
id: "design",
label: "Design",
title: "Iconic Aesthetics",
items: [
"Timeless silhouette, instantly recognizable",
"Aerodynamic efficiency for speed and stability",
"Luxurious materials and ergonomic interiors",
],
id: "design", label: "Design", title: "Iconic Aesthetics", items: [
"Timeless silhouette, instantly recognizable", "Aerodynamic efficiency for speed and stability", "Luxurious materials and ergonomic interiors"],
},
{
id: "innovation",
label: "Innovation",
title: "Pioneering Technology",
items: [
"Cutting-edge driver assistance systems",
"Sustainable e-performance solutions",
"Intuitive infotainment and connectivity",
],
id: "innovation", label: "Innovation", title: "Pioneering Technology", items: [
"Cutting-edge driver assistance systems", "Sustainable e-performance solutions", "Intuitive infotainment and connectivity"],
},
]}
title="Precision Engineering. Unrivaled Performance."
@@ -179,53 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "product-911",
name: "911 Carrera",
price: "Starting at $114,400",
variant: "Iconic Sports Car",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-color-mini-coupe-driving-accross-forest_114579-4013.jpg",
imageAlt: "Porsche 911 Carrera",
},
id: "product-911", name: "911 Carrera", price: "Starting at $114,400", variant: "Iconic Sports Car", imageSrc: "http://img.b2bpic.net/free-photo/metallic-color-mini-coupe-driving-accross-forest_114579-4013.jpg", imageAlt: "Porsche 911 Carrera"},
{
id: "product-taycan",
name: "Taycan",
price: "Starting at $99,400",
variant: "Electric Sports Car",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065370.jpg",
imageAlt: "Porsche Taycan",
},
id: "product-taycan", name: "Taycan", price: "Starting at $99,400", variant: "Electric Sports Car", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065370.jpg", imageAlt: "Porsche Taycan"},
{
id: "product-panamera",
name: "Panamera",
price: "Starting at $92,400",
variant: "Luxury Sport Sedan",
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg",
imageAlt: "Porsche Panamera",
},
id: "product-panamera", name: "Panamera", price: "Starting at $92,400", variant: "Luxury Sport Sedan", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg", imageAlt: "Porsche Panamera"},
{
id: "product-cayenne",
name: "Cayenne",
price: "Starting at $79,200",
variant: "Performance SUV",
imageSrc: "http://img.b2bpic.net/free-photo/black-car-driving-fast-autumn-road-motion-energy_169016-69771.jpg",
imageAlt: "Porsche Cayenne",
},
id: "product-cayenne", name: "Cayenne", price: "Starting at $79,200", variant: "Performance SUV", imageSrc: "http://img.b2bpic.net/free-photo/black-car-driving-fast-autumn-road-motion-energy_169016-69771.jpg", imageAlt: "Porsche Cayenne"},
{
id: "product-macan",
name: "Macan",
price: "Starting at $62,900",
variant: "Compact SUV",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918948.jpg",
imageAlt: "Porsche Macan",
},
id: "product-macan", name: "Macan", price: "Starting at $62,900", variant: "Compact SUV", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918948.jpg", imageAlt: "Porsche Macan"},
{
id: "product-718",
name: "718 Cayman",
price: "Starting at $68,300",
variant: "Mid-Engine Sports Car",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697529.jpg",
imageAlt: "Porsche 718 Cayman",
},
id: "product-718", name: "718 Cayman", price: "Starting at $68,300", variant: "Mid-Engine Sports Car", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697529.jpg", imageAlt: "Porsche 718 Cayman"},
]}
title="Explore Our Diverse Range of Models"
description="From the iconic 911 to the innovative Taycan, find the Porsche that ignites your passion."
@@ -240,20 +149,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "75+",
description: "Years of automotive legacy",
},
id: "metric-1", value: "75+", description: "Years of automotive legacy"},
{
id: "metric-2",
value: "3.2s",
description: "0-60 mph in our fastest models",
},
id: "metric-2", value: "3.2s", description: "0-60 mph in our fastest models"},
{
id: "metric-3",
value: "20+",
description: "Le Mans victories",
},
id: "metric-3", value: "20+", description: "Le Mans victories"},
]}
title="Numbers That Speak Volumes"
description="Experience performance engineered to thrill, backed by impressive statistics."
@@ -267,40 +167,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "Dr. Elena Petrova",
role: "Neurosurgeon",
testimonial: "Driving my 911 is an exhilarating experience every single day. The precision, the power, the feeling of control—it's truly unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/man-driving-his-car-fastening-safety-belt_1303-31525.jpg",
},
id: "testimonial-1", name: "Dr. Elena Petrova", role: "Neurosurgeon", testimonial: "Driving my 911 is an exhilarating experience every single day. The precision, the power, the feeling of control—it's truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/man-driving-his-car-fastening-safety-belt_1303-31525.jpg"},
{
id: "testimonial-2",
name: "Markus Schmidt",
role: "Tech Entrepreneur",
testimonial: "The Taycan perfectly blends performance with sustainability. It's a statement piece that's as thrilling to drive as it is responsible.",
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6799.jpg",
},
id: "testimonial-2", name: "Markus Schmidt", role: "Tech Entrepreneur", testimonial: "The Taycan perfectly blends performance with sustainability. It's a statement piece that's as thrilling to drive as it is responsible.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6799.jpg"},
{
id: "testimonial-3",
name: "Sophia Lee",
role: "Architect",
testimonial: "My Panamera is the epitome of luxury and practicality. It's spacious for my family, yet delivers the sports car dynamics I crave.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-with-red-car_23-2150165780.jpg",
},
id: "testimonial-3", name: "Sophia Lee", role: "Architect", testimonial: "My Panamera is the epitome of luxury and practicality. It's spacious for my family, yet delivers the sports car dynamics I crave.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-with-red-car_23-2150165780.jpg"},
{
id: "testimonial-4",
name: "David Chen",
role: "Professional Racer",
testimonial: "On the track, Porsche engineering shines. The balance and feedback are phenomenal, giving me the confidence to push limits.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-car_1303-9570.jpg",
},
id: "testimonial-4", name: "David Chen", role: "Professional Racer", testimonial: "On the track, Porsche engineering shines. The balance and feedback are phenomenal, giving me the confidence to push limits.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-car_1303-9570.jpg"},
{
id: "testimonial-5",
name: "Isabella Rossi",
role: "Fashion Designer",
testimonial: "The design of my Macan is simply stunning. It's a compact SUV that turns heads, offering both elegance and a spirited drive.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-handsome-man-by-car_1303-14181.jpg",
},
id: "testimonial-5", name: "Isabella Rossi", role: "Fashion Designer", testimonial: "The design of my Macan is simply stunning. It's a compact SUV that turns heads, offering both elegance and a spirited drive.", imageSrc: "http://img.b2bpic.net/free-photo/successful-handsome-man-by-car_1303-14181.jpg"},
]}
title="What Our Owners Say"
description="Hear from the passionate community of Porsche enthusiasts worldwide."
@@ -312,14 +187,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"World Car of the Year",
"Red Dot Design Award",
"J.D. Power Award",
"Top Gear Magazine",
"Luxury Brand Award",
"European Car of the Year",
"Good Design Award",
]}
"World Car of the Year", "Red Dot Design Award", "J.D. Power Award", "Top Gear Magazine", "Luxury Brand Award", "European Car of the Year", "Good Design Award"]}
title="Recognized Excellence"
description="Porsche is consistently recognized globally for its design, innovation, and performance."
/>
@@ -331,25 +199,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I schedule a test drive?",
content: "You can easily schedule a test drive by contacting your nearest authorized Porsche Centre or by filling out the 'Book a Test Drive' form on our Contact page.",
},
id: "faq-1", title: "How do I schedule a test drive?", content: "You can easily schedule a test drive by contacting your nearest authorized Porsche Centre or by filling out the 'Book a Test Drive' form on our Contact page."},
{
id: "faq-2",
title: "What are the financing options available?",
content: "Porsche Financial Services offers a range of flexible financing and leasing solutions tailored to your needs. Our specialists can guide you through the options.",
},
id: "faq-2", title: "What are the financing options available?", content: "Porsche Financial Services offers a range of flexible financing and leasing solutions tailored to your needs. Our specialists can guide you through the options."},
{
id: "faq-3",
title: "Where can I find an authorized Porsche service center?",
content: "Our global network of authorized Porsche Service Centres ensures expert care for your vehicle. Use our online locator to find the nearest facility.",
},
id: "faq-3", title: "Where can I find an authorized Porsche service center?", content: "Our global network of authorized Porsche Service Centres ensures expert care for your vehicle. Use our online locator to find the nearest facility."},
{
id: "faq-4",
title: "Can I customize my Porsche?",
content: "Absolutely. Porsche offers extensive customization options through Porsche Exclusive Manufaktur, allowing you to personalize your vehicle to your exact preferences.",
},
id: "faq-4", title: "Can I customize my Porsche?", content: "Absolutely. Porsche offers extensive customization options through Porsche Exclusive Manufaktur, allowing you to personalize your vehicle to your exact preferences."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about purchasing, owning, and maintaining your Porsche."
@@ -361,8 +217,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
tag="Connect With Us"
title="Start Your Porsche Journey Today"
description="Reach out to our team for sales inquiries, service appointments, or general questions. We're here to assist you."
@@ -374,102 +229,62 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
videoSrc="http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg?_wi=1"
videoSrc="http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg"
videoAriaLabel="Porsche cars driving dynamically"
logoText="Porsche"
columns={[
{
title: "Models",
items: [
title: "Models", items: [
{
label: "911",
href: "#models",
},
label: "911", href: "#models"},
{
label: "Taycan",
href: "#models",
},
label: "Taycan", href: "#models"},
{
label: "Panamera",
href: "#models",
},
label: "Panamera", href: "#models"},
{
label: "Cayenne",
href: "#models",
},
label: "Cayenne", href: "#models"},
{
label: "Macan",
href: "#models",
},
label: "Macan", href: "#models"},
],
},
{
title: "Experience",
items: [
title: "Experience", items: [
{
label: "Test Drive",
href: "#contact",
},
label: "Test Drive", href: "#contact"},
{
label: "Porsche Classic",
href: "#",
},
label: "Porsche Classic", href: "#"},
{
label: "Motorsport",
href: "#",
},
label: "Motorsport", href: "#"},
{
label: "Driving Experience",
href: "#",
},
label: "Driving Experience", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Newsroom",
href: "#",
},
label: "Newsroom", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Investors",
href: "#",
},
label: "Investors", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
{
label: "Legal Notice",
href: "#",
},
label: "Legal Notice", href: "#"},
],
},
]}
copyrightText="© 2024 Porsche. All rights reserved."
imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg?_wi=2"
imageAlt="dynamic Porsche driving video loop"
/>
</div>
</ReactLenis>