7 Commits

Author SHA1 Message Date
7f2728fcf4 Update src/app/page.tsx 2026-06-10 21:02:31 +00:00
4cc47e80c9 Merge version_2 into main
Merge version_2 into main
2026-06-10 21:00:01 +00:00
0ac4ab69e6 Update src/app/page.tsx 2026-06-10 20:59:58 +00:00
da08fc3014 Merge version_2 into main
Merge version_2 into main
2026-06-10 20:59:37 +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 65 additions and 34 deletions

View File

@@ -48,9 +48,9 @@ export default function LandingPage() {
description="Meisterhafte Reparatur und Wartung für Fahrzeuge, die mehr verdienen. Expertise, Präzision und Leidenschaft in jeder Werkstatt-Stunde."
background={{ variant: "radial-gradient" }}
kpis={[
{ value: "25+", label: "Jahre Erfahrung" },
{ value: "6", label: "Jahre im Geschäft" },
{ value: "80+", label: "Fahrzeuge/Monat" },
{ value: "100%", label: "Kundenzufriedenheit" },
{ value: "Luxus", label: "Service Garantiert" },
]}
enableKpiAnimation={true}
buttons={[{ text: "Termin vereinbaren", href: "#contact" }]}
@@ -72,22 +72,44 @@ export default function LandingPage() {
<FeatureCardNine
features={[
{
title: "Motor-Optimierung", description: "Leistungssteigerung und Effizienzverbesserung durch modernste Diagnosetechnik.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1232-1707.jpg", imageAlt: "Hochleistungsautomotor Nahaufnahme"},
title: "Reifenmontage", description: "Professionelle Montage und Auswuchtung für optimale Fahrsicherheit und Performance.", phoneOne: {
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: {
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: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171235.jpg", imageAlt: "Luxusauto auf der Hebebühne für Service"},
title: "Radwechsel", description: "Schneller und präziser saisonaler Radwechsel für Sommer- und Winterreifen.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-car-tyre_1232-2092.jpg", imageAlt: "Mechaniker wechselt Rad"
},
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: {
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", imageAlt: "Karosserie in der Lackierkabine"},
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/close-up-car-engine_1232-1707.jpg", imageAlt: "Motorölwechsel"
},
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}
@@ -102,17 +124,23 @@ export default function LandingPage() {
<ProductCardOne
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"
animationType="slide-up"
@@ -126,17 +154,17 @@ export default function LandingPage() {
<MetricCardSeven
metrics={[
{
id: "m1", value: "25+", title: "Jahre Expertise", items: [
"Seit 1998 im Geschäft", "Über 1000 Fahrzeuge betreut", "Familiengeführtes Unternehmen"],
id: "m1", value: "6", title: "Jahre im Geschäft", items: [
"Seit 6 Jahren erfolgreich", "Über 1000 Fahrzeuge betreut", "Familiengeführtes Unternehmen"],
},
{
id: "m2", value: "98%", title: "Kundenbindung", items: [
id: "m2", value: "80+", title: "Fahrzeuge/Monat", items: [
"Durchschnittliche Reparaturen", "Effiziente Abwicklung", "Schnelle Servicezeiten"],
},
{
id: "m3", value: "98%", title: "Kundenbindung", items: [
"Wiederkehrende Kunden", "Erstklassiger Service", "Vertrauenswürdiger Partner"],
},
{
id: "m3", value: "500+", title: "Veredelungs-Projekte", items: [
"Maßgeschneiderte Lösungen", "Individuelle Umbauten", "Einzigartige Ergebnisse"],
},
]}
animationType="slide-up"
title="Unsere Erfolge in Zahlen"
@@ -179,11 +207,14 @@ export default function LandingPage() {
<FaqSplitMedia
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"
imageAlt="Saubere Werkbank mit Werkzeugen"

View File

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