Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 32c6469ef2 |
235
src/app/page.tsx
235
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NewDrivers"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Start Your Driving Journey Today"
|
||||
variant: "plain"}}
|
||||
title="Pass Your Driving Test First Time with Expert Guidance"
|
||||
description="Expert guidance for new drivers. Join the best driving school in the city and get your license with confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Lesson",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Lesson", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-lady-holding-looking-paper-map-sitting-inside-car_169016-25013.jpg",
|
||||
imageAlt: "Driving lesson scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-lady-holding-looking-paper-map-sitting-inside-car_169016-25013.jpg", imageAlt: "Driving lesson scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-male-driving-instructor-driving-test_52683-101120.jpg",
|
||||
imageAlt: "Student with license",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-male-driving-instructor-driving-test_52683-101120.jpg", imageAlt: "Student with license"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891409.jpg",
|
||||
imageAlt: "Driving car interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891409.jpg", imageAlt: "Driving car interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/several-cars-with-kayaks-roof-rack-driving-road-trees_1153-3718.jpg",
|
||||
imageAlt: "Practice driving track",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/several-cars-with-kayaks-roof-rack-driving-road-trees_1153-3718.jpg", imageAlt: "Practice driving track"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-man-pointing-direction_1163-2670.jpg",
|
||||
imageAlt: "Confident young driver",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-man-pointing-direction_1163-2670.jpg", imageAlt: "Confident young driver"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891384.jpg",
|
||||
imageAlt: "Instructor dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891384.jpg", imageAlt: "Instructor dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,17 +79,11 @@ export default function LandingPage() {
|
||||
description="We are committed to turning beginners into safe, confident drivers. Our instructors are patient, certified, and ready to teach you."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Certified Instructors",
|
||||
description: "Every trainer is licensed and vetted.",
|
||||
},
|
||||
title: "Certified Instructors", description: "Every trainer is licensed and vetted."},
|
||||
{
|
||||
title: "Modern Fleet",
|
||||
description: "Learn with the latest, safest car models.",
|
||||
},
|
||||
title: "Modern Fleet", description: "Learn with the latest, safest car models."},
|
||||
{
|
||||
title: "Flexible Hours",
|
||||
description: "Classes that fit your schedule, including weekends.",
|
||||
},
|
||||
title: "Flexible Hours", description: "Classes that fit your schedule, including weekends."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-traveling-by-car_23-2148687107.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -126,20 +97,11 @@ export default function LandingPage() {
|
||||
description="We offer a unique, stress-free learning approach to help you pass your test on the first try."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Comprehensive Theory",
|
||||
content: "Master the rules of the road with our engaging theory modules.",
|
||||
},
|
||||
id: "1", title: "Comprehensive Theory", content: "Master the rules of the road with our engaging theory modules."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highway Safety",
|
||||
content: "Practice high-speed maneuvers in a controlled environment.",
|
||||
},
|
||||
id: "2", title: "Highway Safety", content: "Practice high-speed maneuvers in a controlled environment."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Mock Exams",
|
||||
content: "Feel prepared with realistic test conditions before the big day.",
|
||||
},
|
||||
id: "3", title: "Mock Exams", content: "Feel prepared with realistic test conditions before the big day."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-car-interface-projection-hologram_53876-96639.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -153,20 +115,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by Thousands"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Licensed Students",
|
||||
},
|
||||
id: "m1", value: "5000+", description: "Licensed Students"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Pass Rate",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Pass Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m3", value: "20", description: "Years Experience"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,52 +132,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$299",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "starter", price: "$299", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"5 Driving Hours",
|
||||
"Theory Access",
|
||||
"Basic Safety Training",
|
||||
],
|
||||
"5 Driving Hours", "Theory Access", "Basic Safety Training"],
|
||||
},
|
||||
{
|
||||
id: "advanced",
|
||||
price: "$599",
|
||||
name: "Advanced",
|
||||
buttons: [
|
||||
id: "advanced", price: "$599", name: "Advanced", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"15 Driving Hours",
|
||||
"Theory + Mock Tests",
|
||||
"Priority Scheduling",
|
||||
],
|
||||
"15 Driving Hours", "Theory + Mock Tests", "Priority Scheduling"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$899",
|
||||
name: "Elite Pro",
|
||||
buttons: [
|
||||
id: "pro", price: "$899", name: "Elite Pro", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Hours",
|
||||
"Full Test Guarantee",
|
||||
"Instructor Doorstep Service",
|
||||
],
|
||||
"Unlimited Hours", "Full Test Guarantee", "Instructor Doorstep Service"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -239,47 +168,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "I was so nervous, but the instructors at NewDrivers made it so simple! Passed first time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-freckled-woman-smiles-broadly-shows-white-perfect-teeth-being-good-mood_273609-18860.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "I was so nervous, but the instructors at NewDrivers made it so simple! Passed first time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-freckled-woman-smiles-broadly-shows-white-perfect-teeth-being-good-mood_273609-18860.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "The theory training was super engaging. Definitely recommend this school to anyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-young-girl-wearing-backpack-headphones_482257-116256.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", handle: "@jchen", testimonial: "The theory training was super engaging. Definitely recommend this school to anyone.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-young-girl-wearing-backpack-headphones_482257-116256.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda Gomez",
|
||||
handle: "@lgomez",
|
||||
testimonial: "Patient instructors and clear feedback. Great experience overall.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-teacher-with-laptop-sitting-desk_23-2148665933.jpg",
|
||||
},
|
||||
id: "t3", name: "Linda Gomez", handle: "@lgomez", testimonial: "Patient instructors and clear feedback. Great experience overall.", imageSrc: "http://img.b2bpic.net/free-photo/female-teacher-with-laptop-sitting-desk_23-2148665933.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom Baker",
|
||||
handle: "@tbaker",
|
||||
testimonial: "Worth every penny. The mock exam really helped me with my anxiety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489786.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom Baker", handle: "@tbaker", testimonial: "Worth every penny. The mock exam really helped me with my anxiety.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489786.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amy Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Best driving school in town! Very professional and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-portrait-happy-man-driving-car_158595-4186.jpg",
|
||||
},
|
||||
id: "t5", name: "Amy Smith", handle: "@asmith", testimonial: "Best driving school in town! Very professional and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-portrait-happy-man-driving-car_158595-4186.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Kevin Lee",
|
||||
handle: "@klee",
|
||||
testimonial: "Fantastic fleet of cars and excellent teachers. So happy I signed up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-satisfied-african-american-female-with-toothy-smile-dressed-casually-rejoices-good-offer-glad-participate-interesting-event-isolated-white-wall_273609-15922.jpg",
|
||||
},
|
||||
id: "t6", name: "Kevin Lee", handle: "@klee", testimonial: "Fantastic fleet of cars and excellent teachers. So happy I signed up.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-satisfied-african-american-female-with-toothy-smile-dressed-casually-rejoices-good-offer-glad-participate-interesting-event-isolated-white-wall_273609-15922.jpg"},
|
||||
]}
|
||||
title="What Students Say"
|
||||
description="Join our community of happy drivers who passed on their first try."
|
||||
@@ -291,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What documents do I need?",
|
||||
content: "You will need your learner's permit and proof of identification.",
|
||||
},
|
||||
id: "f1", title: "What documents do I need?", content: "You will need your learner's permit and proof of identification."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How many hours are required?",
|
||||
content: "Requirements vary by state, typically 20-50 hours of supervised practice.",
|
||||
},
|
||||
id: "f2", title: "How many hours are required?", content: "Requirements vary by state, typically 20-50 hours of supervised practice."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide cars for the test?",
|
||||
content: "Yes, we provide the exact vehicle you practiced with for your official test.",
|
||||
},
|
||||
id: "f3", title: "Do you provide cars for the test?", content: "Yes, we provide the exact vehicle you practiced with for your official test."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -318,28 +208,17 @@ export default function LandingPage() {
|
||||
description="Ready to get behind the wheel? Reach out to us for a consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-remote-worker-smiling-virtual-meeting-with-her-trainer_482257-121075.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -352,37 +231,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -392,4 +259,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user