Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-13 13:08:48 +00:00

View File

@@ -26,324 +26,132 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "Leistungen",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Erfolge",
id: "testimonials",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="Fahrschule Schulz"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Start", id: "hero" },
{ name: "Leistungen", id: "services" },
{ name: "Team", id: "team" },
{ name: "Erfolge", id: "testimonials" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Fahrschule Schulz"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Dein Führerschein. Sicher. Entspannt. Beim ersten Versuch."
description="Erlebe eine Fahrschule, bei der Qualität, Geduld und dein persönlicher Erfolg im Mittelpunkt stehen. Mit Kerstin Grabowsky und unserem erfahrenen Team startest du entspannt in die Freiheit."
testimonials={[
{
name: "Lukas M.",
handle: "@Fahrschüler",
testimonial: "Habe den Führerschein direkt beim ersten Mal bestanden. Super geduldige Fahrlehrer!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg?_wi=1",
imageAlt: "luxury car interior driving lesson",
},
{
name: "Sarah K.",
handle: "@Fahrschülerin",
testimonial: "Sehr entspannte Atmosphäre, man fühlt sich nie unter Druck gesetzt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22383.jpg?_wi=1",
imageAlt: "luxury car interior driving lesson",
},
{
name: "Maximilian T.",
handle: "@Fahrschüler",
testimonial: "Alles top! Beste Fahrschule in der Stadt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-traveling-by-car_23-2148687108.jpg?_wi=1",
imageAlt: "luxury car interior driving lesson",
},
{
name: "Lena R.",
handle: "@Fahrschülerin",
testimonial: "Sehr geduldige Lehrer, habe mich immer sicher gefühlt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-lady-inside-car_93675-133553.jpg?_wi=1",
imageAlt: "luxury car interior driving lesson",
},
{
name: "Julian B.",
handle: "@Fahrschüler",
testimonial: "Professionell und schnell. Sehr zufrieden.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-facing-camera-doing-peace-sign_23-2148218423.jpg",
imageAlt: "luxury car interior driving lesson",
},
]}
buttons={[
{
text: "Jetzt starten",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg?_wi=2"
imageAlt="Luxuriöse Fahrschulausbildung"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-couple-car-consulting-map_23-2148704508.jpg",
alt: "Side view of couple in car consulting map",
},
{
src: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891381.jpg",
alt: "Person taking driver's license exam",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30144.jpg",
alt: "Stylish and elegant people in a car salon",
},
{
src: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314861.jpg",
alt: "Family having fun during winter roadtrip",
},
{
src: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891410.jpg",
alt: "Person taking driver's license exam",
},
]}
marqueeItems={[
{
type: "text",
text: "Fahrschule Schulz",
},
{
type: "text",
text: "Beste Erfolgsquote",
},
{
type: "text",
text: "Moderne Autos",
},
{
type: "text",
text: "Geduldige Fahrlehrer",
},
{
type: "text",
text: "Schnell zum Führerschein",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Dein Führerschein. Sicher. Entspannt. Beim ersten Versuch."
description="Erlebe eine Fahrschule, bei der Qualität, Geduld und dein persönlicher Erfolg im Mittelpunkt stehen. Mit Kerstin Grabowsky und unserem erfahrenen Team startest du entspannt in die Freiheit."
testimonials={[
{ name: "Lukas M.", handle: "@Fahrschüler", testimonial: "Habe den Führerschein direkt beim ersten Mal bestanden. Super geduldige Fahrlehrer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg", imageAlt: "luxury car interior driving lesson" },
{ name: "Sarah K.", handle: "@Fahrschülerin", testimonial: "Sehr entspannte Atmosphäre, man fühlt sich nie unter Druck gesetzt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22383.jpg", imageAlt: "luxury car interior driving lesson" },
{ name: "Maximilian T.", handle: "@Fahrschüler", testimonial: "Alles top! Beste Fahrschule in der Stadt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-traveling-by-car_23-2148687108.jpg", imageAlt: "luxury car interior driving lesson" },
{ name: "Lena R.", handle: "@Fahrschülerin", testimonial: "Sehr geduldige Lehrer, habe mich immer sicher gefühlt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-lady-inside-car_93675-133553.jpg", imageAlt: "luxury car interior driving lesson" },
{ name: "Julian B.", handle: "@Fahrschüler", testimonial: "Professionell und schnell. Sehr zufrieden.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-facing-camera-doing-peace-sign_23-2148218423.jpg", imageAlt: "luxury car interior driving lesson" },
]}
buttons={[{ text: "Jetzt starten", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg"
imageAlt="Luxuriöse Fahrschulausbildung"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/side-view-couple-car-consulting-map_23-2148704508.jpg", alt: "Side view of couple in car consulting map" },
{ src: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891381.jpg", alt: "Person taking driver's license exam" },
{ src: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30144.jpg", alt: "Stylish and elegant people in a car salon" },
{ src: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314861.jpg", alt: "Family having fun during winter roadtrip" },
{ src: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891410.jpg", alt: "Person taking driver's license exam" },
]}
marqueeItems={[
{ type: "text", text: "Fahrschule Schulz" },
{ type: "text", text: "Beste Erfolgsquote" },
{ type: "text", text: "Moderne Autos" },
{ type: "text", text: "Geduldige Fahrlehrer" },
{ type: "text", text: "Schnell zum Führerschein" },
]}
/>
</div>
<div id="trust" data-section="trust">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Kein Stress oder Zeitdruck",
"Keine anonyme Massenausbildung",
"Kein unfreundliches Personal",
"Keine unklaren Kostenstrukturen",
],
}}
positiveCard={{
items: [
"Hohe Erfolgsquote beim ersten Versuch",
"Äußerst geduldige & empathische Fahrlehrer",
"Individuelle Lernbegleitung für Angstfahrer",
"Moderne & top gewartete Fahrzeuge",
],
}}
title="Warum wir die richtige Wahl sind"
description="Fahrschule Schulz steht für exzellente Ausbildung und ein starkes Team."
/>
</div>
<div id="trust" data-section="trust">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{ items: ["Kein Stress oder Zeitdruck", "Keine anonyme Massenausbildung", "Kein unfreundliches Personal", "Keine unklaren Kostenstrukturen"] }}
positiveCard={{ items: ["Hohe Erfolgsquote beim ersten Versuch", "Äußerst geduldige & empathische Fahrlehrer", "Individuelle Lernbegleitung für Angstfahrer", "Moderne & top gewartete Fahrzeuge"] }}
title="Warum wir die richtige Wahl sind"
description="Fahrschule Schulz steht für exzellente Ausbildung und ein starkes Team."
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "b",
brand: "Klasse B",
name: "PKW Führerschein",
price: "Standard",
rating: 5,
reviewCount: "100+",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22383.jpg?_wi=2",
},
{
id: "a",
brand: "Klasse A",
name: "Motorrad Führerschein",
price: "Standard",
rating: 5,
reviewCount: "50+",
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-with-thumbs-up-car-travel-scene-baby-car-seat_169016-68402.jpg?_wi=1",
},
{
id: "be",
brand: "Klasse BE",
name: "Anhänger Ausbildung",
price: "Standard",
rating: 5,
reviewCount: "30+",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-gas-station_23-2150697534.jpg",
},
]}
title="Unsere Führerscheinklassen"
description="Ob Auto, Motorrad oder Erweiterungen wir bieten eine fundierte Ausbildung für jeden Anspruch."
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "b", brand: "Klasse B", name: "PKW Führerschein", price: "Standard", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22383.jpg" },
{ id: "a", brand: "Klasse A", name: "Motorrad Führerschein", price: "Standard", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-with-thumbs-up-car-travel-scene-baby-car-seat_169016-68402.jpg" },
{ id: "be", brand: "Klasse BE", name: "Anhänger Ausbildung", price: "Standard", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-gas-station_23-2150697534.jpg" },
]}
title="Unsere Führerscheinklassen"
description="Ob Auto, Motorrad oder Erweiterungen wir bieten eine fundierte Ausbildung für jeden Anspruch."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
groups={[
{
id: "instructors",
groupTitle: "Deine Fahrlehrer",
members: [
{
id: "sven",
title: "Sven",
subtitle: "Souverän & Geduldig",
detail: "Sven ist bekannt für seine ruhige Art, besonders bei Fahranfängern mit Respekt vor dem Verkehr.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-traveling-by-car_23-2148687108.jpg?_wi=2",
},
{
id: "corinne",
title: "Corinne",
subtitle: "Kompetent & Herzlich",
detail: "Corinne begleitet dich sicher durch die Theorie und Praxis mit einer persönlichen Note.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-lady-inside-car_93675-133553.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg?_wi=3",
imageAlt: "professional driving instructor portrait",
},
]}
title="Lerne unser Team kennen"
description="Unser Team um Kerstin Grabowsky ist darauf spezialisiert, dir Sicherheit und Spaß am Fahren zu vermitteln."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
groups={[
{
id: "instructors", groupTitle: "Deine Fahrlehrer", members: [
{ id: "sven", title: "Sven", subtitle: "Souverän & Geduldig", detail: "Sven ist bekannt für seine ruhige Art, besonders bei Fahranfängern mit Respekt vor dem Verkehr.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-traveling-by-car_23-2148687108.jpg" },
{ id: "corinne", title: "Corinne", subtitle: "Kompetent & Herzlich", detail: "Corinne begleitet dich sicher durch die Theorie und Praxis mit einer persönlichen Note.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-lady-inside-car_93675-133553.jpg" },
],
},
]}
title="Lerne unser Team kennen"
description="Unser Team um Kerstin Grabowsky ist darauf spezialisiert, dir Sicherheit und Spaß am Fahren zu vermitteln."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maximilian T.",
date: "Mai 2024",
title: "Alles top!",
quote: "Habe meinen Führerschein beim ersten Mal bestanden. Sven ist ein Weltklasse-Fahrlehrer!",
tag: "Klasse B",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-facing-camera-doing-peace-sign_23-2148218423.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg?_wi=4",
imageAlt: "happy student with driving license",
},
{
id: "2",
name: "Lena R.",
date: "April 2024",
title: "Sehr geduldig",
quote: "Danke an Corinne für die Unterstützung, auch als ich nervös war. Beste Entscheidung!",
tag: "Klasse B",
avatarSrc: "http://img.b2bpic.net/free-photo/selfie-solo-traveling-woman_23-2148218429.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22383.jpg?_wi=3",
imageAlt: "happy student with driving license",
},
{
id: "3",
name: "Julian B.",
date: "März 2024",
title: "Professionell",
quote: "Schnelle Ausbildung und super Kommunikation. Komme für den Motorradschein wieder!",
tag: "Klasse A",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-elegant-woman-sitting-car-with-fastened-seatbelt-driving-work-female-driver-smiling-camera-looking-out-window_197531-30470.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-traveling-by-car_23-2148687108.jpg?_wi=3",
imageAlt: "happy student with driving license",
},
{
id: "4",
name: "Anna S.",
date: "Februar 2024",
title: "Sehr empfehlenswert",
quote: "Tolle Fahrschule, entspannte Atmosphäre und faire Preise. Danke für alles!",
tag: "Klasse B",
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-sitting-trunk-with-mobile-phone_1157-33918.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-lady-inside-car_93675-133553.jpg?_wi=3",
imageAlt: "happy student with driving license",
},
{
id: "5",
name: "Tom F.",
date: "Januar 2024",
title: "Schnell zum Schein",
quote: "Habe hier bereits meinen Auto- und Anhängerschein gemacht. Immer wieder gerne!",
tag: "Klasse BE",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-traveler-woman-casual-clothes-wearing-backpack-holding-ticket-making-thumb-up-sign_179666-33974.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-with-thumbs-up-car-travel-scene-baby-car-seat_169016-68402.jpg?_wi=2",
imageAlt: "happy student with driving license",
},
]}
title="Erfolgsgeschichten unserer Schüler"
description="Was unsere Schüler sagen Erfolg durch Vertrauen und Qualität."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Maximilian T.", date: "Mai 2024", title: "Alles top!", quote: "Habe meinen Führerschein beim ersten Mal bestanden. Sven ist ein Weltklasse-Fahrlehrer!", tag: "Klasse B", avatarSrc: "http://img.b2bpic.net/free-photo/woman-facing-camera-doing-peace-sign_23-2148218423.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-luggage-car_23-2148687126.jpg", imageAlt: "happy student with driving license" },
{ id: "2", name: "Lena R.", date: "April 2024", title: "Sehr geduldig", quote: "Danke an Corinne für die Unterstützung, auch als ich nervös war. Beste Entscheidung!", tag: "Klasse B", avatarSrc: "http://img.b2bpic.net/free-photo/selfie-solo-traveling-woman_23-2148218429.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22383.jpg", imageAlt: "happy student with driving license" },
{ id: "3", name: "Julian B.", date: "März 2024", title: "Professionell", quote: "Schnelle Ausbildung und super Kommunikation. Komme für den Motorradschein wieder!", tag: "Klasse A", avatarSrc: "http://img.b2bpic.net/free-photo/happy-elegant-woman-sitting-car-with-fastened-seatbelt-driving-work-female-driver-smiling-camera-looking-out-window_197531-30470.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-traveling-by-car_23-2148687108.jpg", imageAlt: "happy student with driving license" },
{ id: "4", name: "Anna S.", date: "Februar 2024", title: "Sehr empfehlenswert", quote: "Tolle Fahrschule, entspannte Atmosphäre und faire Preise. Danke für alles!", tag: "Klasse B", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-sitting-trunk-with-mobile-phone_1157-33918.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-lady-inside-car_93675-133553.jpg", imageAlt: "happy student with driving license" },
{ id: "5", name: "Tom F.", date: "Januar 2024", title: "Schnell zum Schein", quote: "Habe hier bereits meinen Auto- und Anhängerschein gemacht. Immer wieder gerne!", tag: "Klasse BE", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-traveler-woman-casual-clothes-wearing-backpack-holding-ticket-making-thumb-up-sign_179666-33974.jpg", imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-with-thumbs-up-car-travel-scene-baby-car-seat_169016-68402.jpg", imageAlt: "happy student with driving license" },
]}
title="Erfolgsgeschichten unserer Schüler"
description="Was unsere Schüler sagen Erfolg durch Vertrauen und Qualität."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Starte noch diese Woche"
description="Hinterlasse uns eine Nachricht oder ruf an. Wir freuen uns, dich auf dem Weg zum Führerschein zu begleiten."
inputPlaceholder="Deine E-Mail-Adresse"
buttonText="Fahrstunde anfragen"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Kontakt"
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Starte noch diese Woche"
description="Hinterlasse uns eine Nachricht oder ruf an. Wir freuen uns, dich auf dem Weg zum Führerschein zu begleiten."
inputPlaceholder="Deine E-Mail-Adresse"
buttonText="Fahrstunde anfragen"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Fahrschule Schulz"
copyrightText="© 2024 Inh. Kerstin Grabowsky"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Fahrschule Schulz"
copyrightText="© 2024 Inh. Kerstin Grabowsky"
/>
</div>
</ReactLenis>
</ThemeProvider>
);