159 lines
12 KiB
TypeScript
159 lines
12 KiB
TypeScript
"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>
|
||
);
|
||
}
|