Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-31 10:30:55 +00:00
3 changed files with 208 additions and 414 deletions

View File

@@ -8,140 +8,78 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import { ShieldCheck, ThumbsUp } from "lucide-react";
export default function LandingPage() {
export default function FahrlehrerPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Fahrlehrer",
id: "/fahrlehrer",
},
{
name: "Kurse",
id: "/kurse",
},
{
name: "Info",
id: "/info",
},
]}
brandName="LET'ZHGO!"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Fahrlehrer", id: "/fahrlehrer" },
{ name: "Kurse", id: "/kurse" },
{ name: "Info", id: "/info" },
]}
brandName="LET'ZHGO!"
button={{ text: "Login", href: "/login" }}
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Fahrlehrer"
description="Lerne unsere Profis kennen."
groups={[
{
id: "g1",
groupTitle: "Team Nord",
members: [
{
id: "t1",
title: "Gianni S.",
subtitle: "Experte",
detail: "Über 10 Jahre Erfahrung in Zürich.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-female-driver_23-2148384913.jpg?_wi=3",
},
{
id: "t2",
title: "Samir R.",
subtitle: "Coach",
detail: "Geduldig und zielorientiert.",
imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13613.jpg?_wi=3",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businesswoman-black-dress-eyeglasses-talking-cellphone-thoughtfully-looking-documents-while-sitting-wheel-car_574295-4954.jpg?_wi=2",
imageAlt: "driving school car interior",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Fahrlehrer"
description="Lerne unsere Profis kennen."
groups={[
{
id: "g1", groupTitle: "Team Nord", members: [
{
id: "t1", name: "Gianni S.", role: "Experte - Über 10 Jahre Erfahrung in Zürich.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-female-driver_23-2148384913.jpg"},
{
id: "t2", name: "Samir R.", role: "Coach - Geduldig und zielorientiert.", imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13613.jpg"},
],
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Qualitätsversprechen"
description="Was dich bei uns erwartet."
features={[
{
icon: ShieldCheck,
title: "Sicherheit",
description: "Oberste Priorität in allen Kursen.",
},
{
icon: ThumbsUp,
title: "Zufriedenheit",
description: "Über 95% Erfolgsquote.",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Qualitätsversprechen"
description="Was dich bei uns erwartet."
features={[
{ icon: ShieldCheck, title: "Sicherheit", description: "Oberste Priorität in allen Kursen." },
{ icon: ThumbsUp, title: "Zufriedenheit", description: "Über 95% Erfolgsquote." },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg?_wi=3"
columns={[
{
title: "Let'ZHGO!",
items: [
{
label: "Über uns",
href: "/",
},
{
label: "Kontakt",
href: "/contact",
},
],
},
{
title: "Kurse",
items: [
{
label: "Nothelfer",
href: "/nothelfer",
},
{
label: "VKU",
href: "/verkehrskunde",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "/impressum",
},
{
label: "Datenschutz",
href: "/datenschutz",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg"
columns={[
{ title: "Let'ZHGO!", items: [{ label: "Über uns", href: "/" }, { label: "Kontakt", href: "/contact" }] },
{ title: "Kurse", items: [{ label: "Nothelfer", href: "/nothelfer" }, { label: "VKU", href: "/verkehrskunde" }] },
{ title: "Rechtliches", items: [{ label: "Impressum", href: "/impressum" }, { label: "Datenschutz", href: "/datenschutz" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -8,122 +8,72 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { MessageCircle } from "lucide-react";
export default function LandingPage() {
export default function KursePage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Fahrlehrer",
id: "/fahrlehrer",
},
{
name: "Kurse",
id: "/kurse",
},
{
name: "Info",
id: "/info",
},
]}
brandName="LET'ZHGO!"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Fahrlehrer", id: "/fahrlehrer" },
{ name: "Kurse", id: "/kurse" },
{ name: "Info", id: "/info" },
]}
brandName="LET'ZHGO!"
button={{ text: "Login", href: "/login" }}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Alle Kurse"
description="Wähle deine Ausbildung."
features={[
{
id: "c1",
title: "Nothelfer",
description: "Basis-Kurs.",
imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg?_wi=4",
},
{
id: "c2",
title: "VKU",
description: "Verkehrsunterricht.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg?_wi=2",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Alle Kurse"
description="Wähle deine Ausbildung."
features={[
{ id: "c1", title: "Nothelfer", description: "Basis-Kurs.", imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg" },
{ id: "c2", title: "VKU", description: "Verkehrsunterricht.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Feedback"
title="Was unsere Schüler sagen"
description="Erfolgsgeschichten bei Let'ZHGO!"
subdescription="Die beste Fahrschule in Zürich!"
icon={MessageCircle}
imageSrc="http://img.b2bpic.net/free-photo/woman-crashed-into-car_1157-45193.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Feedback"
title="Was unsere Schüler sagen"
description="Erfolgsgeschichten bei Let'ZHGO!"
subdescription="Die beste Fahrschule in Zürich!"
icon={MessageCircle}
imageSrc="http://img.b2bpic.net/free-photo/woman-crashed-into-car_1157-45193.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg?_wi=5"
columns={[
{
title: "Let'ZHGO!",
items: [
{
label: "Über uns",
href: "/",
},
{
label: "Kontakt",
href: "/contact",
},
],
},
{
title: "Kurse",
items: [
{
label: "Nothelfer",
href: "/nothelfer",
},
{
label: "VKU",
href: "/verkehrskunde",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "/impressum",
},
{
label: "Datenschutz",
href: "/datenschutz",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg"
columns={[
{ title: "Let'ZHGO!", items: [{ label: "Über uns", href: "/" }, { label: "Kontakt", href: "/contact" }] },
{ title: "Kurse", items: [{ label: "Nothelfer", href: "/nothelfer" }, { label: "VKU", href: "/verkehrskunde" }] },
{ title: "Rechtliches", items: [{ label: "Impressum", href: "/impressum" }, { label: "Datenschutz", href: "/datenschutz" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -17,198 +17,104 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Fahrlehrer",
id: "/fahrlehrer",
},
{
name: "Kurse",
id: "/kurse",
},
{
name: "Info",
id: "/info",
},
]}
brandName="LET'ZHGO!"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Fahrlehrer", id: "/fahrlehrer" },
{ name: "Kurse", id: "/kurse" },
{ name: "Info", id: "/info" },
]}
brandName="LET'ZHGO!"
button={{ text: "Login", href: "/login" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="LET'ZHGO! FAHRSCHULE"
description="Willkommen bei Let'ZHGO! In und um Zürich! Wähle einen von unseren tollen Fahrlehrern und kontaktiere sie direkt per Telefon. Für eine schnelle Rückantwort wird WhatsApp bevorzugt!"
buttons={[
{
text: "WhatsApp Fahrlehrer",
href: "https://wa.me/41794340966",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-serious-businesswoman-black-dress-eyeglasses-talking-cellphone-thoughtfully-looking-documents-while-sitting-wheel-car_574295-4954.jpg?_wi=1"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="LET'ZHGO! FAHRSCHULE"
description="Willkommen bei Let'ZHGO! In und um Zürich! Wähle einen von unseren tollen Fahrlehrern und kontaktiere sie direkt per Telefon. Für eine schnelle Rückantwort wird WhatsApp bevorzugt!"
buttons={[{ text: "WhatsApp Fahrlehrer", href: "https://wa.me/41794340966" }]}
imageSrc="http://img.b2bpic.net/free-photo/young-serious-businesswoman-black-dress-eyeglasses-talking-cellphone-thoughtfully-looking-documents-while-sitting-wheel-car_574295-4954.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Nothelferkurse",
description: "Erste Hilfe leicht gemacht für deinen Lernfahrausweis.",
imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg?_wi=1",
},
{
id: "f2",
title: "Verkehrskunde",
description: "Die obligatorischen 8 Lektionen für Theorie und Praxis.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg?_wi=1",
},
{
id: "f3",
title: "Motorradkurse",
description: "Sicher auf zwei Rädern durch den Zürcher Verkehr.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-motorbike-outdoors_23-2150620915.jpg",
},
]}
title="Unsere Kursangebote"
description="Dein Weg zum Führerschein mit Let'ZHGO!"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Nothelferkurse", description: "Erste Hilfe leicht gemacht für deinen Lernfahrausweis.", imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg" },
{ id: "f2", title: "Verkehrskunde", description: "Die obligatorischen 8 Lektionen für Theorie und Praxis.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-people-taking-selfie_23-2149356859.jpg" },
{ id: "f3", title: "Motorradkurse", description: "Sicher auf zwei Rädern durch den Zürcher Verkehr.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-motorbike-outdoors_23-2150620915.jpg" },
]}
title="Unsere Kursangebote"
description="Dein Weg zum Führerschein mit Let'ZHGO!"
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "m1",
name: "Gianni Sebestin",
role: "Auto, Motorrad, Anhänger",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-female-driver_23-2148384913.jpg?_wi=1",
},
{
id: "m2",
name: "Samir Radič",
role: "Auto, Motorrad, VKU",
imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13613.jpg?_wi=1",
},
{
id: "m3",
name: "Tomi Caleta",
role: "Auto, Motorrad, Anhänger",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-female-driver_23-2148384913.jpg?_wi=2",
},
{
id: "m4",
name: "Doma Caleta",
role: "Auto, VKU",
imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13613.jpg?_wi=2",
},
]}
title="Unser Fahrlehrer-Team"
description="Direkter Kontakt, motiviert und erfahren."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{ id: "m1", name: "Gianni Sebestin", role: "Auto, Motorrad, Anhänger", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-female-driver_23-2148384913.jpg" },
{ id: "m2", name: "Samir Radič", role: "Auto, Motorrad, VKU", imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13613.jpg" },
{ id: "m3", name: "Tomi Caleta", role: "Auto, Motorrad, Anhänger", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-female-driver_23-2148384913.jpg" },
{ id: "m4", name: "Doma Caleta", role: "Auto, VKU", imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13613.jpg" },
]}
title="Unser Fahrlehrer-Team"
description="Direkter Kontakt, motiviert und erfahren."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Partner"
description="Zusammen für eine sichere Mobilität in Zürich."
names={[
"ASA Schweiz",
"Zürich Verkehr",
"Auto-Gewerbe Verband",
"DriveSafety",
"Swiss Mobility",
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Partner"
description="Zusammen für eine sichere Mobilität in Zürich."
names={["ASA Schweiz", "Zürich Verkehr", "Auto-Gewerbe Verband", "DriveSafety", "Swiss Mobility"]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Warum Let'ZHGO?"
description="Deine Vorteile bei unserer Fahrschule."
features={[
{
title: "Modernste Flotte",
description: "Fahre mit aktuellen, sicheren Fahrzeugen.",
icon: Car,
},
{
title: "Individuelle Betreuung",
description: "Lerne in deinem Tempo.",
icon: User,
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Warum Let'ZHGO?"
description="Deine Vorteile bei unserer Fahrschule."
features={[
{ title: "Modernste Flotte", description: "Fahre mit aktuellen, sicheren Fahrzeugen.", icon: Car },
{ title: "Individuelle Betreuung", description: "Lerne in deinem Tempo.", icon: User },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg?_wi=2"
columns={[
{
title: "Let'ZHGO!",
items: [
{
label: "Über uns",
href: "/",
},
{
label: "Kontakt",
href: "/contact",
},
],
},
{
title: "Kurse",
items: [
{
label: "Nothelfer",
href: "/nothelfer",
},
{
label: "VKU",
href: "/verkehrskunde",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "/impressum",
},
{
label: "Datenschutz",
href: "/datenschutz",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/prosthetist-man-making-orthopedic-insoles-while-working-laboratory_627829-7194.jpg"
columns={[
{ title: "Let'ZHGO!", items: [{ label: "Über uns", href: "/" }, { label: "Kontakt", href: "/contact" }] },
{ title: "Kurse", items: [{ label: "Nothelfer", href: "/nothelfer" }, { label: "VKU", href: "/verkehrskunde" }] },
{ title: "Rechtliches", items: [{ label: "Impressum", href: "/impressum" }, { label: "Datenschutz", href: "/datenschutz" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);