4 Commits

Author SHA1 Message Date
0ac4ab69e6 Update src/app/page.tsx 2026-06-10 20:59:58 +00:00
fd3f12cbdf Update src/app/styles/variables.css 2026-06-10 20:59:34 +00:00
5163feafc6 Update src/app/page.tsx 2026-06-10 20:59:34 +00:00
232f8282ed Merge version_1 into main
Merge version_1 into main
2026-06-10 20:52:06 +00:00
2 changed files with 56 additions and 25 deletions

View File

@@ -72,22 +72,44 @@ export default function LandingPage() {
<FeatureCardNine <FeatureCardNine
features={[ features={[
{ {
title: "Motor-Optimierung", description: "Leistungssteigerung und Effizienzverbesserung durch modernste Diagnosetechnik.", phoneOne: { title: "Reifenmontage", description: "Professionelle Montage und Auswuchtung für optimale Fahrsicherheit und Performance.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1232-1707.jpg", imageAlt: "Hochleistungsautomotor Nahaufnahme"}, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", imageAlt: "Reifenmontage in der Werkstatt"
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg", imageAlt: "Mechaniker bei der Motordiagnose"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-tire_1067-1725.jpg", imageAlt: "Neuer Reifen auf Felge"
},
}, },
{ {
title: "Luxus-Fahrzeugwartung", description: "Exklusive Wartungspakete nach Herstellervorgaben, um die Langlebigkeit zu sichern.", phoneOne: { title: "Radwechsel", description: "Schneller und präziser saisonaler Radwechsel für Sommer- und Winterreifen.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171235.jpg", imageAlt: "Luxusauto auf der Hebebühne für Service"}, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-car-tyre_1232-2092.jpg", imageAlt: "Mechaniker wechselt Rad"
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", imageAlt: "Radwechsel an einem Sportwagen"}, imageSrc: "http://img.b2bpic.net/free-photo/wheel-motor-sport-car-vehicle_1203-12344.jpg", imageAlt: "Sportwagenräder"
},
}, },
{ {
title: "Karosserie & Lackierung", description: "Makellose Instandsetzung und Veredelung mit höchster Handwerkskunst.", phoneOne: { title: "Ölwechsel", description: "Regelmäßiger Ölwechsel mit hochwertigen Ölen schützt den Motor und sichert dessen Langlebigkeit.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", imageAlt: "Karosserie in der Lackierkabine"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1232-1707.jpg", imageAlt: "Motorölwechsel"
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg", imageAlt: "Feinpolitur einer frisch lackierten Karosserie"}, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-level-oil-engine-car_1150-17937.jpg", imageAlt: "Ölstand prüfen"
},
},
{
title: "Beleuchtung & Scheibenwischer", description: "Sicherheitsprüfung und Austausch von Beleuchtungssystemen und Scheibenwischern.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg?_wi=1", imageAlt: "Auto Beleuchtung prüfen"
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/car-service-concept_23-2151042571.jpg", imageAlt: "Neue Scheibenwischer installieren"
},
},
{
title: "Checks", description: "Umfassende Fahrzeugchecks für Ihre Sicherheit und zur Werterhaltung Ihres Automobils.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg", imageAlt: "Fahrzeugdiagnose mit Laptop"
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/car-service-composition_23-2147881907.jpg", imageAlt: "Mechaniker bei der Inspektion"
},
}, },
]} ]}
showStepNumbers={true} showStepNumbers={true}
@@ -102,17 +124,23 @@ export default function LandingPage() {
<ProductCardOne <ProductCardOne
products={[ products={[
{ {
id: "p1", name: "Porsche 911 Restauration", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1955.jpg", imageAlt: "Restaurierter klassischer Porsche 911"}, id: "p1", name: "Porsche 911 Restauration", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1955.jpg", imageAlt: "Restaurierter klassischer Porsche 911"
},
{ {
id: "p2", name: "Mercedes-AMG Leistungsupgrade", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/add-details-car-body-robotic-equipment-makes-assembly-car-modern-car-assembly-factory_645730-656.jpg", imageAlt: "Mercedes-AMG mit Leistungssteigerung"}, id: "p2", name: "Mercedes-AMG Leistungsupgrade", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/add-details-car-body-robotic-equipment-makes-assembly-car-modern-car-assembly-factory_645730-656.jpg", imageAlt: "Mercedes-AMG mit Leistungssteigerung"
},
{ {
id: "p3", name: "Audi R8 Individualisierung", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138944.jpg", imageAlt: "Individualisierter Audi R8 Sportwagen"}, id: "p3", name: "Audi R8 Individualisierung", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138944.jpg", imageAlt: "Individualisierter Audi R8 Sportwagen"
},
{ {
id: "p4", name: "BMW M Karosseriepflege", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg", imageAlt: "BMW M Serie nach der Karosseriepflege"}, id: "p4", name: "BMW M Karosseriepflege", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg?_wi=2", imageAlt: "BMW M Serie nach der Karosseriepflege"
},
{ {
id: "p5", name: "Ferrari Wartungsprogramm", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-business-composition_23-2147881882.jpg", imageAlt: "Ferrari in Wartung"}, id: "p5", name: "Ferrari Wartungsprogramm", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-business-composition_23-2147881882.jpg", imageAlt: "Ferrari in Wartung"
},
{ {
id: "p6", name: "Lamborghini Lackschutz", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-back-vire-motor-gas-pipes-blank-space-registration-number_114579-1167.jpg", imageAlt: "Lamborghini mit Lackschutz"}, id: "p6", name: "Lamborghini Lackschutz", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-back-vire-motor-gas-pipes-blank-space-registration-number_114579-1167.jpg", imageAlt: "Lamborghini mit Lackschutz"
},
]} ]}
gridVariant="bento-grid" gridVariant="bento-grid"
animationType="slide-up" animationType="slide-up"
@@ -179,11 +207,14 @@ export default function LandingPage() {
<FaqSplitMedia <FaqSplitMedia
faqs={[ faqs={[
{ {
id: "faq1", title: "Welche Marken werden bei HZ Performance gewartet?", content: "Wir sind spezialisiert auf Luxus- und Hochleistungsfahrzeuge führender europäischer Hersteller wie Porsche, Mercedes-AMG, BMW M, Audi RS, Ferrari und Lamborghini."}, id: "faq1", title: "Welche Marken werden bei HZ Performance gewartet?", content: "Wir sind spezialisiert auf Luxus- und Hochleistungsfahrzeuge führender europäischer Hersteller wie Porsche, Mercedes-AMG, BMW M, Audi RS, Ferrari und Lamborghini."
},
{ {
id: "faq2", title: "Bieten Sie Garantie auf Ihre Reparaturen?", content: "Ja, wir stehen voll hinter der Qualität unserer Arbeit und bieten eine umfassende Garantie auf alle durchgeführten Reparaturen und verwendeten Ersatzteile."}, id: "faq2", title: "Bieten Sie Garantie auf Ihre Reparaturen?", content: "Ja, wir stehen voll hinter der Qualität unserer Arbeit und bieten eine umfassende Garantie auf alle durchgeführten Reparaturen und verwendeten Ersatzteile."
},
{ {
id: "faq3", title: "Wie kann ich einen Termin vereinbaren?", content: "Sie können uns telefonisch kontaktieren, eine E-Mail senden oder das Kontaktformular auf unserer Website nutzen, um einen persönlichen Beratungstermin zu vereinbaren."}, id: "faq3", title: "Wie kann ich einen Termin vereinbaren?", content: "Sie können uns telefonisch kontaktieren, eine E-Mail senden oder das Kontaktformular auf unserer Website nutzen, um einen persönlichen Beratungstermin zu vereinbaren."
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/different-type-tools-especially-wrenches-are-hanging-wall-workshop_613910-15268.jpg" imageSrc="http://img.b2bpic.net/free-photo/different-type-tools-especially-wrenches-are-hanging-wall-workshop_613910-15268.jpg"
imageAlt="Saubere Werkbank mit Werkzeugen" imageAlt="Saubere Werkbank mit Werkzeugen"

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #000000; --background: #0a0a0a;
--card: #0c0c0c; --card: #1a1a1a;
--foreground: #ffffff; --foreground: #ffffff;
--primary-cta: #cee7ff; --primary-cta: #1f7cff;
--primary-cta-text: #000000; --primary-cta-text: #ffffff;
--secondary-cta: #000000; --secondary-cta: #010101;
--secondary-cta-text: #ffffff; --secondary-cta-text: #ffffff;
--accent: #535353; --accent: #1f7cff;
--background-accent: #CEE7FF; --background-accent: #f96b2f;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);