Merge version_1 into main #1
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,34 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Lesson",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Lesson", href: "#contact"}}
|
||||
brandName="Naima's Driving School"
|
||||
/>
|
||||
</div>
|
||||
@@ -67,71 +53,46 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Learn to Drive with Confidence"
|
||||
description="Naima's Driving School: Patient, professional instruction for a high first-time pass rate. Get on the road quickly and affordably with our warm & encouraging atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your First Lesson",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your First Lesson", href: "#contact"},
|
||||
{
|
||||
text: "Explore Packages",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Explore Packages", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-photorealistic-road_23-2150953109.jpg"
|
||||
imageAlt="Modern car driving on a road, representing momentum and forward movement."
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-business-woman_23-2148692829.jpg",
|
||||
alt: "Smiling female student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-business-woman_23-2148692829.jpg", alt: "Smiling female student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
alt: "Confident student in glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Confident student in glasses"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Happy adult student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Happy adult student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Smiling student with bright expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Smiling student with bright expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Focused male student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Focused male student"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ happy learners!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Pass Rate",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "High Pass Rate", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Experienced Instructors",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Experienced Instructors", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Flexible Scheduling",
|
||||
icon: CalendarDays,
|
||||
type: "text-icon", text: "Flexible Scheduling", icon: CalendarDays,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Supportive Environment",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Supportive Environment", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Affordable Packages",
|
||||
icon: DollarSign,
|
||||
type: "text-icon", text: "Affordable Packages", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -142,20 +103,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Meet Naima, Your Expert Instructor",
|
||||
},
|
||||
type: "text", content: "Meet Naima, Your Expert Instructor"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-driving-instructor_52683-101117.jpg",
|
||||
alt: "Professional female driving instructor, Naima, smiling confidently.",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-male-driving-instructor_52683-101117.jpg", alt: "Professional female driving instructor, Naima, smiling confidently."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get to Know Naima",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get to Know Naima", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,45 +121,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "High First-Time Pass Rate",
|
||||
tags: [
|
||||
"Success",
|
||||
"Confidence",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891383.jpg",
|
||||
imageAlt: "Student celebrating passing driving test",
|
||||
},
|
||||
id: "f1", title: "High First-Time Pass Rate", tags: [
|
||||
"Success", "Confidence"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891383.jpg", imageAlt: "Student celebrating passing driving test"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quick & Flexible Scheduling",
|
||||
tags: [
|
||||
"Convenience",
|
||||
"Adaptable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-supplies-flat-lay_23-2149740034.jpg",
|
||||
imageAlt: "Calendar showing quick scheduling",
|
||||
},
|
||||
id: "f2", title: "Quick & Flexible Scheduling", tags: [
|
||||
"Convenience", "Adaptable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-supplies-flat-lay_23-2149740034.jpg", imageAlt: "Calendar showing quick scheduling"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Patient & Professional Instruction",
|
||||
tags: [
|
||||
"Expertise",
|
||||
"Guidance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg",
|
||||
imageAlt: "Driving instructor explaining car controls",
|
||||
},
|
||||
id: "f3", title: "Patient & Professional Instruction", tags: [
|
||||
"Expertise", "Guidance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg", imageAlt: "Driving instructor explaining car controls"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Warm & Encouraging Atmosphere",
|
||||
tags: [
|
||||
"Supportive",
|
||||
"Friendly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-lady-holding-looking-paper-map-sitting-inside-car_169016-25012.jpg",
|
||||
imageAlt: "Student and instructor laughing in a car",
|
||||
},
|
||||
id: "f4", title: "Warm & Encouraging Atmosphere", tags: [
|
||||
"Supportive", "Friendly"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-lady-holding-looking-paper-map-sitting-inside-car_169016-25012.jpg", imageAlt: "Student and instructor laughing in a car"},
|
||||
]}
|
||||
title="Why Choose Naima's Driving School?"
|
||||
description="Benefit from our proven methods, flexible scheduling, and a uniquely supportive environment designed for your success."
|
||||
@@ -218,25 +148,17 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "First-Time Pass Rate",
|
||||
value: "95%+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "First-Time Pass Rate", value: "95%+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Students Taught",
|
||||
value: "1000+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Students Taught", value: "1000+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Average Rating",
|
||||
value: "5 Stars",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Average Rating", value: "5 Stars"},
|
||||
]}
|
||||
title="Our Success Speaks Volumes"
|
||||
description="We are proud of our students' achievements and committed to helping every individual master the road."
|
||||
@@ -250,61 +172,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Beginner",
|
||||
badgeIcon: Sparkles,
|
||||
price: "£300",
|
||||
subtitle: "Perfect for a confident start",
|
||||
buttons: [
|
||||
id: "starter", badge: "Beginner", badgeIcon: Sparkles,
|
||||
price: "£300", subtitle: "Perfect for a confident start", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"5 Practical Lessons",
|
||||
"Basic Maneuvers",
|
||||
"Road Safety Basics",
|
||||
],
|
||||
"5 Practical Lessons", "Basic Maneuvers", "Road Safety Basics"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Crown,
|
||||
price: "£550",
|
||||
subtitle: "Comprehensive for first-time pass",
|
||||
buttons: [
|
||||
id: "standard", badge: "Most Popular", badgeIcon: Crown,
|
||||
price: "£550", subtitle: "Comprehensive for first-time pass", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Choose Plan", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"10 Practical Lessons",
|
||||
"Advanced Maneuvers",
|
||||
"Simulated Test Drives",
|
||||
"Roadside Assistance Tips",
|
||||
],
|
||||
"10 Practical Lessons", "Advanced Maneuvers", "Simulated Test Drives", "Roadside Assistance Tips"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Full Mastery",
|
||||
badgeIcon: Zap,
|
||||
price: "£990",
|
||||
subtitle: "For ultimate confidence on any road",
|
||||
buttons: [
|
||||
id: "premium", badge: "Full Mastery", badgeIcon: Zap,
|
||||
price: "£990", subtitle: "For ultimate confidence on any road", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"20 Practical Lessons",
|
||||
"Custom Test Preparation",
|
||||
"Night Driving Experience",
|
||||
"Motorway Driving Clinic",
|
||||
"Priority Scheduling",
|
||||
],
|
||||
"20 Practical Lessons", "Custom Test Preparation", "Night Driving Experience", "Motorway Driving Clinic", "Priority Scheduling"],
|
||||
},
|
||||
]}
|
||||
title="Affordable Driving Packages"
|
||||
@@ -317,43 +209,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-showing-thumbs-up-emotion-concept_169016-65501.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-showing-thumbs-up-emotion-concept_169016-65501.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-serious-senior-businessman_1262-1522.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-serious-senior-businessman_1262-1522.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-jacket-carries-bag-holds-paper-cup-coffee-enjoys-aromatic-beverage-looks-away-with-cheerful-expression-strolls-city-has-spare-time-lifestyle-concept_273609-59922.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-jacket-carries-bag-holds-paper-cup-coffee-enjoys-aromatic-beverage-looks-away-with-cheerful-expression-strolls-city-has-spare-time-lifestyle-concept_273609-59922.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
cardTitle="Hear From Our Happy Students"
|
||||
cardTag="Success Stories"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read All Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read All Reviews", href: "#"},
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -363,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started Today"
|
||||
title="Book Your First Driving Lesson!"
|
||||
description="Ready to hit the road with confidence? Contact us to schedule your first lesson or inquire about our tailored packages. Naima is ready to guide you."
|
||||
@@ -380,45 +249,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Naima",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Naima", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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