Update src/app/page.tsx
This commit is contained in:
198
src/app/page.tsx
198
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Success Path",
|
||||
id: "path",
|
||||
},
|
||||
name: "Success Path", id: "path"},
|
||||
{
|
||||
name: "Instructors",
|
||||
id: "team",
|
||||
},
|
||||
name: "Instructors", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lausanne Driving School"
|
||||
/>
|
||||
@@ -57,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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: "Book Your First Lesson", href: "#contact"},
|
||||
{
|
||||
text: "See Our Packages",
|
||||
href: "#packages",
|
||||
},
|
||||
text: "See Our Packages", href: "#packages"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167545.jpg?_wi=1",
|
||||
imageAlt: "Driving school car",
|
||||
},
|
||||
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/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/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/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/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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-smartphone_23-2149176300.jpg", imageAlt: "Instructor team"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,19 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Stress or Fear of Failure",
|
||||
"Flexible Schedule Options",
|
||||
"Clear Transparent Pricing",
|
||||
"Supportive Learning Atmosphere",
|
||||
],
|
||||
"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)",
|
||||
],
|
||||
"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."
|
||||
@@ -133,9 +98,7 @@ export default function LandingPage() {
|
||||
title="Your 3-Step Success Path"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,44 +110,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "team-1",
|
||||
groupTitle: "Expert Driving Instructors",
|
||||
members: [
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167545.jpg?_wi=2",
|
||||
imageAlt: "driving instructor car professional",
|
||||
},
|
||||
]}
|
||||
title="Meet Your Instructors"
|
||||
@@ -200,45 +135,20 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -249,8 +159,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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."
|
||||
@@ -262,50 +171,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "About Us", href: "#why-us"},
|
||||
{
|
||||
label: "Our Instructors",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Instructors", href: "#team"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Courses",
|
||||
items: [
|
||||
title: "Courses", items: [
|
||||
{
|
||||
label: "Theory",
|
||||
href: "#",
|
||||
},
|
||||
label: "Theory", href: "#"},
|
||||
{
|
||||
label: "Practical",
|
||||
href: "#",
|
||||
},
|
||||
label: "Practical", href: "#"},
|
||||
{
|
||||
label: "Phase 2",
|
||||
href: "#",
|
||||
},
|
||||
label: "Phase 2", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user