Merge version_2 into main #2
@@ -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", 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", 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"
|
||||
@@ -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"
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user