diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 70faf62..9963024 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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() { @@ -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() {