209 lines
9.6 KiB
TypeScript
209 lines
9.6 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 FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Why Us", id: "why-us"},
|
||
{
|
||
name: "Success Path", id: "path"},
|
||
{
|
||
name: "Instructors", id: "team"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Lausanne Driving School"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
title="Pass Your License with Confidence. Fast, Professional, and Stress-Free."
|
||
description="Join Lausanne’s top-rated auto-moto school. From your first-aid course to the final exam, our expert instructors guide you every step of the way."
|
||
buttons={[
|
||
{
|
||
text: "Book Your First Lesson", href: "#contact"},
|
||
{
|
||
text: "See Our Packages", href: "#packages"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167545.jpg", imageAlt: "Driving school car"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-driving_23-2148765225.jpg", imageAlt: "Successful student"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-her-driver-s-license-test-vehicle_23-2150318425.jpg", imageAlt: "Driving instruction"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-women-checking-travel-map-close-up_23-2148375021.jpg", imageAlt: "Street driving lesson"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hands-wheel-when-driving-high-speed-from-inside-car_169016-23177.jpg", imageAlt: "Scenic road"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-smartphone_23-2149176300.jpg", imageAlt: "Instructor team"},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
negativeCard={{
|
||
items: [
|
||
"No Stress or Fear of Failure", "Flexible Schedule Options", "Clear Transparent Pricing", "Supportive Learning Atmosphere"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"4 Federally Certified Instructors", "Lessons across Lausanne & Morges", "Multilingual Support (FR, EN, IT, PT, ES)", "Modern Fleet (Golf GTI, Seat Leon, Puma)"],
|
||
}}
|
||
title="Why Choose Us?"
|
||
description="We address the common pain points that make learning to drive stressful, ensuring your journey is smooth and successful."
|
||
/>
|
||
</div>
|
||
|
||
<div id="path" data-section="path">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
title="Your 3-Step Success Path"
|
||
buttons={[
|
||
{
|
||
text: "Get Started", href: "#contact"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
groups={[
|
||
{
|
||
id: "team-1", groupTitle: "Expert Driving Instructors", members: [
|
||
{
|
||
id: "m1", title: "Grégory", subtitle: "Senior Instructor", detail: "Certified professional with 10+ years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg", imageAlt: "Instructor Grégory"},
|
||
{
|
||
id: "m2", title: "Joey", subtitle: "Safety Specialist", detail: "Passionate about road safety and confident driving.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", imageAlt: "Instructor Joey"},
|
||
{
|
||
id: "m3", title: "Carole", subtitle: "Driving Mentor", detail: "Patient instructor specializing in anxiety-free driving.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-upbeat-car-showroom-saleswoman-ready-assist-customers_482257-124030.jpg", imageAlt: "Instructor Carole"},
|
||
{
|
||
id: "m4", title: "Juan", subtitle: "Language Expert", detail: "Multilingual support for easy communication.", imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071441.jpg", imageAlt: "Instructor Juan"},
|
||
],
|
||
},
|
||
]}
|
||
title="Meet Your Instructors"
|
||
description="Our team isn't just about teaching you to drive; we’re about making sure you’re a safe, confident driver for life. Professional, patient, and 'cool'."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="asymmetric-60-wide-40-narrow"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah", role: "Student", company: "Lausanne", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/totally-approve-girl-agrees-taking-part-interesting-activity-smiling-joyful-staying-positive-showing-thumbs-up-support-recommend-super-cool-service-posing-delighted-against-yellow-wall_1258-309211.jpg"},
|
||
{
|
||
id: "t2", name: "Marc", role: "Student", company: "Morges", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg"},
|
||
{
|
||
id: "t3", name: "Elena", role: "Student", company: "Vaud", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg"},
|
||
{
|
||
id: "t4", name: "Thomas", role: "Student", company: "Lausanne", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"},
|
||
{
|
||
id: "t5", name: "Sofia", role: "Student", company: "Cossonay", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||
]}
|
||
title="What Our Students Say"
|
||
description="Trusted by hundreds in Lausanne for their first-time success."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Contact Us"
|
||
title="Ready to hit the road?"
|
||
description="Don't wait months to get started. Contact Grégory, Joey, Carole, or Juan today and let’s get your license moving."
|
||
buttonText="Contact Us Now"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#why-us"},
|
||
{
|
||
label: "Our Instructors", href: "#team"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Courses", items: [
|
||
{
|
||
label: "Theory", href: "#"},
|
||
{
|
||
label: "Practical", href: "#"},
|
||
{
|
||
label: "Phase 2", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Lausanne Driving School"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|