Files
8363061a-e5d3-44f8-87e4-96d…/src/app/page.tsx
2026-04-13 13:09:09 +00:00

159 lines
12 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
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="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="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="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" },
],
},
]}
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=3", 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="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>
</ReactLenis>
</ThemeProvider>
);
}