Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #7.
This commit is contained in:
@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Car, Clock, CreditCard, Map, MapPin, MessageCircle, Receipt, Settings, Star, UserCheck, Wallet } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,45 +29,33 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
|
||||
},
|
||||
name: "Home", href: "/"},
|
||||
{
|
||||
name: "Book a Ride",
|
||||
id: "book-ride",
|
||||
|
||||
},
|
||||
name: "Book a Ride", href: "/#hero"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "how-it-works",
|
||||
|
||||
},
|
||||
name: "How it Works", href: "/#how-it-works"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
|
||||
},
|
||||
name: "About Us", href: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
|
||||
},
|
||||
name: "Features", href: "/#features"},
|
||||
{
|
||||
name: "User Login",
|
||||
id: "user-login",
|
||||
|
||||
},
|
||||
name: "Products", href: "/#products"},
|
||||
{
|
||||
name: "Driver Login",
|
||||
id: "driver-login",
|
||||
|
||||
},
|
||||
name: "Metrics", href: "/#metrics-overview"},
|
||||
{
|
||||
name: "Admin Login",
|
||||
id: "admin-login",
|
||||
|
||||
},
|
||||
name: "Pricing", href: "/#pricing"},
|
||||
{
|
||||
name: "Testimonials", href: "/#testimonials"},
|
||||
{
|
||||
name: "FAQ", href: "/#faq"},
|
||||
{
|
||||
name: "Contact", href: "/#contact"},
|
||||
{
|
||||
name: "User Login", href: "/user-login"},
|
||||
{
|
||||
name: "Driver Login", href: "/driver-login"},
|
||||
{
|
||||
name: "Admin Login", href: "/admin-login"},
|
||||
]}
|
||||
brandName="BookMyRide"
|
||||
/>
|
||||
@@ -81,27 +69,17 @@ export default function LandingPage() {
|
||||
description="At BookMyRide, we believe in a future where transportation is seamless, sustainable, and accessible to everyone. We're driven by innovation and a commitment to our community, constantly striving to enhance your travel experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
text: "Learn More", href: "/how-it-works"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Reliability You Can Trust",
|
||||
description: "Always on time, every time. Our network of drivers ensures you reach your destination without a hitch.",
|
||||
},
|
||||
title: "Reliability You Can Trust", description: "Always on time, every time. Our network of drivers ensures you reach your destination without a hitch."},
|
||||
{
|
||||
title: "Safety First, Always",
|
||||
description: "Your well-being is our top priority. Advanced safety features and rigorous driver vetting are standard.",
|
||||
},
|
||||
title: "Safety First, Always", description: "Your well-being is our top priority. Advanced safety features and rigorous driver vetting are standard."},
|
||||
{
|
||||
title: "Affordable & Transparent Pricing",
|
||||
description: "Enjoy clear, upfront fares with no hidden surprises. Quality service shouldn't break the bank.",
|
||||
},
|
||||
title: "Affordable & Transparent Pricing", description: "Enjoy clear, upfront fares with no hidden surprises. Quality service shouldn't break the bank."},
|
||||
{
|
||||
title: "Eco-Conscious Choices",
|
||||
description: "Committed to a greener planet, we offer eco-friendly ride options for sustainable travel.",
|
||||
},
|
||||
title: "Eco-Conscious Choices", description: "Committed to a greener planet, we offer eco-friendly ride options for sustainable travel."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/a-futuristic-ride-sharing-app-interface--1774242857229-5c166130.png?_wi=2"
|
||||
imageAlt="A futuristic ride-sharing app interface on a smartphone"
|
||||
@@ -116,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Car,
|
||||
label: "Rides Completed",
|
||||
value: "500K+",
|
||||
},
|
||||
label: "Rides Completed", value: "500K+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Average Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
label: "Average Rating", value: "4.9"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Cities Served",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Cities Served", value: "100+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,74 +113,50 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Instant Booking & Tracking",
|
||||
description: "Request a ride in seconds and watch your driver arrive in real-time.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/an-illustration-of-a-hand-holding-a-smar-1774242855926-911a9587.png?_wi=3",
|
||||
imageAlt: "Hand holding smartphone with ride request screen",
|
||||
},
|
||||
id: "1", title: "Instant Booking & Tracking", description: "Request a ride in seconds and watch your driver arrive in real-time.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/an-illustration-of-a-hand-holding-a-smar-1774242855926-911a9587.png?_wi=3", imageAlt: "Hand holding smartphone with ride request screen"},
|
||||
items: [
|
||||
{
|
||||
icon: Map,
|
||||
text: "Real-time map updates",
|
||||
},
|
||||
text: "Real-time map updates"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Estimated arrival times",
|
||||
},
|
||||
text: "Estimated arrival times"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
text: "Driver contact in-app",
|
||||
},
|
||||
text: "Driver contact in-app"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Secure & Flexible Payments",
|
||||
description: "Pay how you want, securely and effortlessly.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/an-illustration-of-a-secure-mobile-payme-1774242855753-d94bf0a6.png?_wi=3",
|
||||
imageAlt: "Smartphone showing secure mobile payment interface",
|
||||
},
|
||||
id: "2", title: "Secure & Flexible Payments", description: "Pay how you want, securely and effortlessly.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/an-illustration-of-a-secure-mobile-payme-1774242855753-d94bf0a6.png?_wi=3", imageAlt: "Smartphone showing secure mobile payment interface"},
|
||||
items: [
|
||||
{
|
||||
icon: Wallet,
|
||||
text: "Multiple payment options",
|
||||
},
|
||||
text: "Multiple payment options"},
|
||||
{
|
||||
icon: CreditCard,
|
||||
text: "In-app cashless transactions",
|
||||
},
|
||||
text: "In-app cashless transactions"},
|
||||
{
|
||||
icon: Receipt,
|
||||
text: "Fare transparency",
|
||||
},
|
||||
text: "Fare transparency"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Comfort & Professionalism",
|
||||
description: "Enjoy a comfortable ride with vetted, professional drivers.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/an-illustration-of-a-comfortable-interio-1774242855299-fa38a449.png?_wi=3",
|
||||
imageAlt: "Comfortable interior of a modern car",
|
||||
},
|
||||
id: "3", title: "Comfort & Professionalism", description: "Enjoy a comfortable ride with vetted, professional drivers.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/an-illustration-of-a-comfortable-interio-1774242855299-fa38a449.png?_wi=3", imageAlt: "Comfortable interior of a modern car"},
|
||||
items: [
|
||||
{
|
||||
icon: Car,
|
||||
text: "Clean, comfortable vehicles",
|
||||
},
|
||||
text: "Clean, comfortable vehicles"},
|
||||
{
|
||||
icon: UserCheck,
|
||||
text: "Highly-rated drivers",
|
||||
},
|
||||
text: "Highly-rated drivers"},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Personalized journey preferences",
|
||||
},
|
||||
text: "Personalized journey preferences"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -225,41 +173,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarah_travels",
|
||||
testimonial: "BookMyRide has completely changed my daily commute. Always reliable, always on time, and the drivers are so friendly!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-smiling-young-1774242857187-53c82054.png",
|
||||
imageAlt: "Professional headshot of Sarah Chen",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", handle: "@sarah_travels", testimonial: "BookMyRide has completely changed my daily commute. Always reliable, always on time, and the drivers are so friendly!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-smiling-young-1774242857187-53c82054.png", imageAlt: "Professional headshot of Sarah Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Johnson",
|
||||
handle: "@tech_mark",
|
||||
testimonial: "As a business traveler, punctuality is key. BookMyRide never disappoints and the premium options are fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-confident-man-1774242854791-73eb0078.png",
|
||||
imageAlt: "Professional headshot of Mark Johnson",
|
||||
},
|
||||
id: "2", name: "Mark Johnson", handle: "@tech_mark", testimonial: "As a business traveler, punctuality is key. BookMyRide never disappoints and the premium options are fantastic.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-confident-man-1774242854791-73eb0078.png", imageAlt: "Professional headshot of Mark Johnson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily_explorer",
|
||||
testimonial: "The app is super easy to use, and I love the transparency in pricing. BookMyRide is my go-to for city trips!",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-smiling-middl-1774242855069-c4c66ff7.png",
|
||||
imageAlt: "Professional headshot of Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emily_explorer", testimonial: "The app is super easy to use, and I love the transparency in pricing. BookMyRide is my go-to for city trips!", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-smiling-middl-1774242855069-c4c66ff7.png", imageAlt: "Professional headshot of Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Lee",
|
||||
handle: "@urban_david",
|
||||
testimonial: "Safe, clean, and efficient. I appreciate the focus on safety features. Highly recommend to everyone.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-thoughtful-yo-1774242855507-be4b1113.png",
|
||||
imageAlt: "Professional headshot of David Lee",
|
||||
},
|
||||
id: "4", name: "David Lee", handle: "@urban_david", testimonial: "Safe, clean, and efficient. I appreciate the focus on safety features. Highly recommend to everyone.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/professional-headshot-of-a-thoughtful-yo-1774242855507-be4b1113.png", imageAlt: "Professional headshot of David Lee"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Our Community"
|
||||
@@ -268,58 +192,49 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/a-futuristic-ride-sharing-app-interface--1774242857229-5c166130.png?_wi=1"
|
||||
imageAlt="BookMyRide App Screenshot"
|
||||
logoText="BookMyRide"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Book a Ride",
|
||||
href: "/book-ride",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "How it Works",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
{
|
||||
label: "Driver Signup",
|
||||
href: "/driver-register",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Book a Ride", href: "/book-ride"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "How It Works", href: "/#how-it-works"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ride Types", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "/#faq"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "/#contact"},
|
||||
{
|
||||
label: "Safety Guidelines", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BookMyRide"
|
||||
copyrightText="© 2025 BookMyRide. All rights reserved."
|
||||
copyrightText="© 2024 BookMyRide. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user