bender/31ebdf2e-4fa3-4e11-a5b8-beccb411a4a7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-23 14:04:36 +00:00
parent 8bceedf56f
commit c10bd5691f
1 changed files with 34 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
src/pages/HomePage.tsx
View File

@@ -19,13 +19,9 @@ export default function HomePage() {
brand="PORSCHE 911"
description="Redefining the standard of high-performance engineering through precision, innovation, and timeless design."
primaryButton={{
text: "Configure Now",
href: "#contact",
}}
text: "Configure Now", href: "#contact"}}
secondaryButton={{
text: "Learn More",
href: "#models",
}}
text: "Learn More", href: "#models"}}
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-white-toy-sports-car-black-surface_181624-17606.jpg"
/>
</SectionErrorBoundary>
@@ -39,20 +35,11 @@ export default function HomePage() {
description="Every component is meticulously crafted for maximum efficiency and aesthetic perfection."
items={[
{
title: "Advanced Intake",
description: "Engineered for optimal airflow and power delivery.",
imageSrc: "http://img.b2bpic.net/free-photo/black-texture-with-white-dots_1122-963.jpg",
},
title: "Advanced Intake", description: "Engineered for optimal airflow and power delivery.", imageSrc: "http://img.b2bpic.net/free-photo/black-texture-with-white-dots_1122-963.jpg"},
{
title: "Aerodynamics",
description: "Sculpted for stability at extreme high speeds.",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138978.jpg",
},
title: "Aerodynamics", description: "Sculpted for stability at extreme high speeds.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138978.jpg"},
{
title: "LED Lighting",
description: "Signature illumination with intelligent adaptive technology.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-modern-luxury-car_181624-23587.jpg",
},
title: "LED Lighting", description: "Signature illumination with intelligent adaptive technology.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-modern-luxury-car_181624-23587.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -66,40 +53,19 @@ export default function HomePage() {
description="Explore the full spectrum of our performance heritage."
items={[
{
title: "911 Carrera",
description: "The quintessential sports car.",
imageSrc: "http://img.b2bpic.net/free-photo/car-headlight_23-2147932067.jpg",
},
title: "911 Carrera", description: "The quintessential sports car.", imageSrc: "http://img.b2bpic.net/free-photo/car-headlight_23-2147932067.jpg"},
{
title: "718 Cayman",
description: "Perfect balance of power and agility.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg",
},
title: "718 Cayman", description: "Perfect balance of power and agility.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg"},
{
title: "Panamera",
description: "Luxury performance for everyday life.",
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts_1170-1421.jpg",
},
title: "Panamera", description: "Luxury performance for everyday life.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts_1170-1421.jpg"},
{
title: "Taycan",
description: "The electric future of high performance.",
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934310.jpg",
},
title: "Taycan", description: "The electric future of high performance.", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934310.jpg"},
{
title: "Cayenne",
description: "SUV capability with sports car heart.",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior_146671-19728.jpg",
},
title: "Cayenne", description: "SUV capability with sports car heart.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior_146671-19728.jpg"},
{
title: "Macan",
description: "Compact utility, dynamic spirit.",
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up_78492-3674.jpg",
},
title: "Macan", description: "Compact utility, dynamic spirit.", imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up_78492-3674.jpg"},
{
title: "GT3 RS",
description: "Pure track-focused engineering.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg",
},
title: "GT3 RS", description: "Pure track-focused engineering.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -114,19 +80,13 @@ export default function HomePage() {
metrics={[
{
icon: Zap,
title: "0-60 MPH",
value: "2.7s",
},
title: "0-60 MPH", value: "2.7s"},
{
icon: Gauge,
title: "Max Horsepower",
value: "650hp",
},
title: "Max Horsepower", value: "650hp"},
{
icon: Wind,
title: "Drag Coefficient",
value: "0.29",
},
title: "Drag Coefficient", value: "0.29"},
]}
/>
</SectionErrorBoundary>
@@ -140,20 +100,11 @@ export default function HomePage() {
description="Meet the team pushing the boundaries of automotive innovation."
members={[
{
name: "Hans Müller",
role: "Lead Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg",
},
name: "Hans Müller", role: "Lead Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg"},
{
name: "Elena Rossi",
role: "Head of Design",
imageSrc: "http://img.b2bpic.net/free-photo/professional-podcast-vlogging-setup-studio-with-yellow-wall_482257-7842.jpg",
},
name: "Elena Rossi", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/professional-podcast-vlogging-setup-studio-with-yellow-wall_482257-7842.jpg"},
{
name: "Markus Weber",
role: "Chief Test Driver",
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg",
},
name: "Markus Weber", role: "Chief Test Driver", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -167,45 +118,20 @@ export default function HomePage() {
description="What our drivers say about the performance and precision."
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Executive",
quote: "The engineering precision of the 911 is unmatched. Every drive feels like a masterpiece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-camera-while-posing-top-car_23-2148585289.jpg",
},
name: "Sarah Miller", role: "Executive", quote: "The engineering precision of the 911 is unmatched. Every drive feels like a masterpiece.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-camera-while-posing-top-car_23-2148585289.jpg"},
{
id: "2",
name: "David Chen",
role: "Car Collector",
quote: "A timeless design combined with modern performance. Simply the best.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-classy-outfit_1303-22515.jpg",
},
name: "David Chen", role: "Car Collector", quote: "A timeless design combined with modern performance. Simply the best.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-classy-outfit_1303-22515.jpg"},
{
id: "3",
name: "Laura Schmidt",
role: "Performance Driver",
quote: "I have driven many performance vehicles, but Porsche stands in a class of its own.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg",
},
name: "Laura Schmidt", role: "Performance Driver", quote: "I have driven many performance vehicles, but Porsche stands in a class of its own.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg"},
{
id: "4",
name: "Marcus Thorne",
role: "Entrepreneur",
quote: "Quality, heritage, and pure exhilaration. Nothing else compares.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-emotional-creative-young-lady-midi-floral-yellow-green-dress-relaxes-transparent-chair-holds-red-flowers_197531-29885.jpg",
},
name: "Marcus Thorne", role: "Entrepreneur", quote: "Quality, heritage, and pure exhilaration. Nothing else compares.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-emotional-creative-young-lady-midi-floral-yellow-green-dress-relaxes-transparent-chair-holds-red-flowers_197531-29885.jpg"},
{
id: "5",
name: "Fiona Davies",
role: "Architect",
quote: "As a designer, I appreciate the functional elegance of the Porsche aesthetic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148660681.jpg",
},
name: "Fiona Davies", role: "Architect", quote: "As a designer, I appreciate the functional elegance of the Porsche aesthetic.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148660681.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -218,14 +144,7 @@ export default function HomePage() {
title="Global Collaborators"
description="Technological partnerships that fuel our innovation."
names={[
"Brembo",
"Michelin",
"Mobil 1",
"Bosch",
"ZF Friedrichshafen",
"Continental",
"BBS",
]}
"Brembo", "Michelin", "Mobil 1", "Bosch", "ZF Friedrichshafen", "Continental", "BBS"]}
/>
</SectionErrorBoundary>
</div>
@@ -238,17 +157,11 @@ export default function HomePage() {
description="Answers to common questions regarding our performance vehicles."
items={[
{
question: "Can I request custom specifications?",
answer: "Yes, we offer comprehensive customization through our Porsche Exclusive Manufaktur.",
},
question: "Can I request custom specifications?", answer: "Yes, we offer comprehensive customization through our Porsche Exclusive Manufaktur."},
{
question: "What is the warranty coverage?",
answer: "Every new vehicle comes with a comprehensive 4-year/50,000-mile limited warranty.",
},
question: "What is the warranty coverage?", answer: "Every new vehicle comes with a comprehensive 4-year/50,000-mile limited warranty."},
{
question: "Do you offer test drives?",
answer: "Test drives can be booked through our local centers based on availability.",
},
question: "Do you offer test drives?", answer: "Test drives can be booked through our local centers based on availability."},
]}
/>
</SectionErrorBoundary>
@@ -260,13 +173,9 @@ export default function HomePage() {
tag="Get Started"
text="Start your configuration journey today and tailor your performance machine."
primaryButton={{
text: "Build Now",
href: "#",
}}
text: "Build Now", href: "#"}}
secondaryButton={{
text: "Contact Support",
href: "#",
}}
text: "Contact Support", href: "#"}}
/>
</SectionErrorBoundary>
</div>