Update src/app/page.tsx
This commit is contained in:
296
src/app/page.tsx
296
src/app/page.tsx
@@ -33,35 +33,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Dienste",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Dienste", id: "#services"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Preise", id: "#pricing"},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Referenzen", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
{
|
||||
name: "Impressum", id: "/impressum"},
|
||||
]}
|
||||
brandName="BECHT Fahrzeugaufbereitung"
|
||||
button={{
|
||||
text: "Termin Buchen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Termin Buchen", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -69,71 +57,44 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="BECHT Fahrzeugaufbereitung: Ihr Auto, neu definiert."
|
||||
description="Professionelle Fahrzeugpflege, die Ihr Auto wie neu aussehen lässt. Wir bieten umfassende Reinigungs-, Schutz- und Veredelungsdienste für innen und außen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin Vereinbaren",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Termin Vereinbaren", href: "#contact"},
|
||||
{
|
||||
text: "Unsere Dienste",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Unsere Dienste", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22301.jpg"
|
||||
imageAlt="Luxuriös aufbereitetes Fahrzeug in einer modernen Werkstatt"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Zufriedener Kunde",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Zufriedener Kunde"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
alt: "Automotive Enthusiastin",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", alt: "Automotive Enthusiastin"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg",
|
||||
alt: "Experte für Fahrzeugpflege",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg", alt: "Experte für Fahrzeugpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "Begeisterter Kunde",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "Begeisterter Kunde"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14877.jpg",
|
||||
alt: "Stolz auf sein Auto",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14877.jpg", alt: "Stolz auf sein Auto"},
|
||||
]}
|
||||
avatarText="Mehr als 5.000 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Perfektion im Detail",
|
||||
},
|
||||
type: "text", text: "Perfektion im Detail"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strahlender Glanz",
|
||||
},
|
||||
type: "text", text: "Strahlender Glanz"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Umfassende Pflege",
|
||||
},
|
||||
type: "text", text: "Umfassende Pflege"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltiger Schutz",
|
||||
},
|
||||
type: "text", text: "Nachhaltiger Schutz"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fahrzeug wie neu",
|
||||
},
|
||||
type: "text", text: "Fahrzeug wie neu"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exklusive Aufbereitung",
|
||||
},
|
||||
type: "text", text: "Exklusive Aufbereitung"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,19 +106,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Jahre Erfahrung", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Zufriedene Kunden",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Zufriedene Kunden", value: "5000+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Exzellenz-Auszeichnungen",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Exzellenz-Auszeichnungen", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -170,35 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "interior",
|
||||
title: "Luxuriöse Innenreinigung",
|
||||
descriptions: [
|
||||
"Tiefenreinigung und Pflege aller Oberflächen, inklusive Leder- und Polsteraufbereitung.",
|
||||
"Geruchsbeseitigung durch Ozonbehandlung für ein frisches Gefühl.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg",
|
||||
imageAlt: "Professionelle Innenreinigung eines Fahrzeugs",
|
||||
},
|
||||
id: "interior", title: "Luxuriöse Innenreinigung", descriptions: [
|
||||
"Tiefenreinigung und Pflege aller Oberflächen, inklusive Leder- und Polsteraufbereitung.", "Geruchsbeseitigung durch Ozonbehandlung für ein frisches Gefühl."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg", imageAlt: "Professionelle Innenreinigung eines Fahrzeugs"},
|
||||
{
|
||||
id: "exterior",
|
||||
title: "Perfektion der Außenpflege",
|
||||
descriptions: [
|
||||
"Handwäsche, Lackreinigung, Felgen- und Reifenpflege für einen makellosen Glanz.",
|
||||
"Entfernung von Kratzern und Hologrammen durch Politur.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193167.jpg",
|
||||
imageAlt: "Detaillierte Außenreinigung und Politur eines Autos",
|
||||
},
|
||||
id: "exterior", title: "Perfektion der Außenpflege", descriptions: [
|
||||
"Handwäsche, Lackreinigung, Felgen- und Reifenpflege für einen makellosen Glanz.", "Entfernung von Kratzern und Hologrammen durch Politur."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193167.jpg", imageAlt: "Detaillierte Außenreinigung und Politur eines Autos"},
|
||||
{
|
||||
id: "sealing",
|
||||
title: "Langzeit-Lackversiegelung",
|
||||
descriptions: [
|
||||
"Keramik- oder Wachsversiegelungen für dauerhaften Schutz vor Umwelteinflüssen.",
|
||||
"Intensiver Tiefenglanz und Abperl-Effekt für einfache Reinigung.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30594.jpg",
|
||||
imageAlt: "Lackversiegelung wird auf ein Auto aufgetragen",
|
||||
},
|
||||
id: "sealing", title: "Langzeit-Lackversiegelung", descriptions: [
|
||||
"Keramik- oder Wachsversiegelungen für dauerhaften Schutz vor Umwelteinflüssen.", "Intensiver Tiefenglanz und Abperl-Effekt für einfache Reinigung."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30594.jpg", imageAlt: "Lackversiegelung wird auf ein Auto aufgetragen"},
|
||||
]}
|
||||
title="Unsere Premium-Dienste"
|
||||
description="Entdecken Sie unsere umfassenden Pflegepakete, maßgeschneidert für jedes Fahrzeug und jeden Anspruch. Wir bringen Ihr Fahrzeug zum Strahlen, innen und außen."
|
||||
@@ -212,63 +149,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "bronze",
|
||||
badge: "Basis",
|
||||
badgeIcon: Sparkles,
|
||||
price: "ab 99€",
|
||||
subtitle: "Ideal für die schnelle Auffrischung",
|
||||
buttons: [
|
||||
id: "bronze", badge: "Basis", badgeIcon: Sparkles,
|
||||
price: "ab 99€", subtitle: "Ideal für die schnelle Auffrischung", buttons: [
|
||||
{
|
||||
text: "Paket wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Paket wählen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Express-Handwäsche",
|
||||
"Saugen des Innenraums",
|
||||
"Reinigung der Scheiben",
|
||||
"Reifenpflege",
|
||||
],
|
||||
"Express-Handwäsche", "Saugen des Innenraums", "Reinigung der Scheiben", "Reifenpflege"],
|
||||
},
|
||||
{
|
||||
id: "silver",
|
||||
badge: "Standard",
|
||||
badgeIcon: Star,
|
||||
price: "ab 199€",
|
||||
subtitle: "Umfassende Pflege für den Alltag",
|
||||
buttons: [
|
||||
id: "silver", badge: "Standard", badgeIcon: Star,
|
||||
price: "ab 199€", subtitle: "Umfassende Pflege für den Alltag", buttons: [
|
||||
{
|
||||
text: "Paket wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Paket wählen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Intensive Handwäsche",
|
||||
"Tiefenreinigung Innenraum",
|
||||
"Lackpolitur (leicht)",
|
||||
"Felgenreinigung",
|
||||
"Duftbehandlung",
|
||||
],
|
||||
"Intensive Handwäsche", "Tiefenreinigung Innenraum", "Lackpolitur (leicht)", "Felgenreinigung", "Duftbehandlung"],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
badge: "Premium",
|
||||
badgeIcon: Diamond,
|
||||
price: "ab 349€",
|
||||
subtitle: "Komplett-Aufbereitung für höchste Ansprüche",
|
||||
buttons: [
|
||||
id: "gold", badge: "Premium", badgeIcon: Diamond,
|
||||
price: "ab 349€", subtitle: "Komplett-Aufbereitung für höchste Ansprüche", buttons: [
|
||||
{
|
||||
text: "Paket wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Paket wählen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Exklusive Handwäsche & Politur",
|
||||
"Keramik-Lackversiegelung",
|
||||
"Lederpflege & -schutz",
|
||||
"Ozon-Geruchsbeseitigung",
|
||||
"Motorraumreinigung",
|
||||
],
|
||||
"Exklusive Handwäsche & Politur", "Keramik-Lackversiegelung", "Lederpflege & -schutz", "Ozon-Geruchsbeseitigung", "Motorraumreinigung"],
|
||||
},
|
||||
]}
|
||||
title="Unsere Pakete"
|
||||
@@ -284,25 +189,15 @@ export default function LandingPage() {
|
||||
author="Max Mustermann, Geschäftsleiter"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
alt: "Avatar von Max Mustermann",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg", alt: "Avatar von Max Mustermann"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-being-displeased-frowning-standing-orange-wall_141793-53246.jpg",
|
||||
alt: "Avatar von Lena Schmidt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-being-displeased-frowning-standing-orange-wall_141793-53246.jpg", alt: "Avatar von Lena Schmidt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Avatar von Thomas Becker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Avatar von Thomas Becker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
|
||||
alt: "Avatar von Anna Wagner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg", alt: "Avatar von Anna Wagner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
|
||||
alt: "Avatar von Markus Schulz",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg", alt: "Avatar von Markus Schulz"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -314,15 +209,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Sonax",
|
||||
"Meguiar's",
|
||||
"Koch Chemie",
|
||||
"Menzerna",
|
||||
"Gyeon",
|
||||
"Chemical Guys",
|
||||
"Rupes",
|
||||
"Flex",
|
||||
]}
|
||||
"Sonax", "Meguiar's", "Koch Chemie", "Menzerna", "Gyeon", "Chemical Guys", "Rupes", "Flex"]}
|
||||
title="Unsere Partner & Lieferanten"
|
||||
description="Wir arbeiten ausschließlich mit den besten Produkten und Marken der Branche, um Ihnen höchste Qualität und langanhaltende Ergebnisse zu garantieren."
|
||||
showCard={false}
|
||||
@@ -334,30 +221,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie lange dauert eine Fahrzeugaufbereitung?",
|
||||
content: "Die Dauer variiert je nach gewähltem Paket und Zustand des Fahrzeugs. Eine Expressreinigung kann 1-2 Stunden dauern, während eine Premium-Aufbereitung 1-2 Tage in Anspruch nehmen kann.",
|
||||
},
|
||||
id: "q1", title: "Wie lange dauert eine Fahrzeugaufbereitung?", content: "Die Dauer variiert je nach gewähltem Paket und Zustand des Fahrzeugs. Eine Expressreinigung kann 1-2 Stunden dauern, während eine Premium-Aufbereitung 1-2 Tage in Anspruch nehmen kann."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Welche Zahlungsmethoden werden akzeptiert?",
|
||||
content: "Wir akzeptieren Barzahlung, EC-Karte, Kreditkarte (Visa, Mastercard) sowie Überweisung nach Absprache.",
|
||||
},
|
||||
id: "q2", title: "Welche Zahlungsmethoden werden akzeptiert?", content: "Wir akzeptieren Barzahlung, EC-Karte, Kreditkarte (Visa, Mastercard) sowie Überweisung nach Absprache."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Muss ich mein Fahrzeug vorab reinigen?",
|
||||
content: "Nein, das ist nicht notwendig. Unsere professionelle Reinigung ist darauf ausgelegt, alle Arten von Verschmutzungen zu entfernen.",
|
||||
},
|
||||
id: "q3", title: "Muss ich mein Fahrzeug vorab reinigen?", content: "Nein, das ist nicht notwendig. Unsere professionelle Reinigung ist darauf ausgelegt, alle Arten von Verschmutzungen zu entfernen."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Bieten Sie auch Hol- und Bringservice an?",
|
||||
content: "Ja, auf Anfrage und gegen einen geringen Aufpreis bieten wir einen bequemen Hol- und Bringservice in der Region an.",
|
||||
},
|
||||
id: "q4", title: "Bieten Sie auch Hol- und Bringservice an?", content: "Ja, auf Anfrage und gegen einen geringen Aufpreis bieten wir einen bequemen Hol- und Bringservice in der Region an."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Gibt es eine Garantie auf die Leistungen?",
|
||||
content: "Ja, wir stehen hinter der Qualität unserer Arbeit. Für bestimmte Versiegelungsdienste bieten wir Langzeitgarantien an. Details erfahren Sie bei der Beratung.",
|
||||
},
|
||||
id: "q5", title: "Gibt es eine Garantie auf die Leistungen?", content: "Ja, wir stehen hinter der Qualität unserer Arbeit. Für bestimmte Versiegelungsdienste bieten wir Langzeitgarantien an. Details erfahren Sie bei der Beratung."},
|
||||
]}
|
||||
sideTitle="Häufig gestellte Fragen"
|
||||
sideDescription="Finden Sie hier schnelle Antworten auf die gängigsten Fragen rund um unsere Fahrzeugaufbereitungsdienste."
|
||||
@@ -371,8 +243,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Bereit für ein strahlendes Fahrzeug?"
|
||||
description="Kontaktieren Sie uns noch heute für ein individuelles Angebot oder vereinbaren Sie direkt einen Termin. Wir freuen uns auf Ihre Nachricht!"
|
||||
@@ -387,54 +258,35 @@ export default function LandingPage() {
|
||||
logoText="BECHT Fahrzeugaufbereitung"
|
||||
columns={[
|
||||
{
|
||||
title: "Dienste",
|
||||
items: [
|
||||
title: "Dienste", items: [
|
||||
{
|
||||
label: "Innenreinigung",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Innenreinigung", href: "#services"},
|
||||
{
|
||||
label: "Außenpflege",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Außenpflege", href: "#services"},
|
||||
{
|
||||
label: "Lackversiegelung",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Lackversiegelung", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{
|
||||
label: "Über Uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über Uns", href: "#about"},
|
||||
{
|
||||
label: "Preise",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Preise", href: "#pricing"},
|
||||
{
|
||||
label: "Referenzen",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Referenzen", href: "#testimonials"},
|
||||
{
|
||||
label: "Impressum", href: "/impressum"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -444,4 +296,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user