From 09c08166df9016958a97c511ea207481c6b2ebb7 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 17 Apr 2026 12:16:54 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 299 +++++++++++------------------------------------ 1 file changed, 66 insertions(+), 233 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f0b4c8f..f4fa88d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -57,98 +49,55 @@ export default function LandingPage() { @@ -160,19 +109,13 @@ export default function LandingPage() { metrics={[ { icon: Car, - label: "Vehicles", - value: "500+", - }, + label: "Vehicles", value: "500+"}, { icon: Award, - label: "Clients", - value: "15k+", - }, + label: "Clients", value: "15k+"}, { icon: Shield, - label: "Service", - value: "24/7", - }, + label: "Service", value: "24/7"}, ]} metricsAnimation="slide-up" /> @@ -184,20 +127,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Fast Booking", - description: "Book in under 60 seconds with our streamlined digital platform.", - imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg", - }, + title: "Fast Booking", description: "Book in under 60 seconds with our streamlined digital platform.", imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg"}, { - title: "Reliable Fleet", - description: "Every vehicle is inspected and maintained to perfection daily.", - imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg", - }, + title: "Reliable Fleet", description: "Every vehicle is inspected and maintained to perfection daily.", imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg"}, { - title: "Total Coverage", - description: "Comprehensive insurance included in every rental package.", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-luxury-car-reading-newspaper_23-2147937351.jpg", - }, + title: "Total Coverage", description: "Comprehensive insurance included in every rental package.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-luxury-car-reading-newspaper_23-2147937351.jpg"}, ]} title="Why Choose DriveEase?" description="We redefine the car rental experience through seamless technology and premium service standards." @@ -212,41 +146,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "1", - name: "Silver Sedan", - price: "$89/day", - imageSrc: "http://img.b2bpic.net/free-photo/trunk-sportscar-with-white-background_181624-25356.jpg", - }, + id: "1", name: "Silver Sedan", price: "$89/day", imageSrc: "http://img.b2bpic.net/free-photo/trunk-sportscar-with-white-background_181624-25356.jpg"}, { - id: "2", - name: "Luxury SUV", - price: "$129/day", - imageSrc: "http://img.b2bpic.net/free-photo/that-how-success-looks-like-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16555.jpg", - }, + id: "2", name: "Luxury SUV", price: "$129/day", imageSrc: "http://img.b2bpic.net/free-photo/that-how-success-looks-like-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16555.jpg"}, { - id: "3", - name: "Sport Coupe", - price: "$159/day", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg", - }, + id: "3", name: "Sport Coupe", price: "$159/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg"}, { - id: "4", - name: "Red Convertible", - price: "$199/day", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg", - }, + id: "4", name: "Red Convertible", price: "$199/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg"}, { - id: "5", - name: "Electric Sedan", - price: "$139/day", - imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-20216.jpg", - }, + id: "5", name: "Electric Sedan", price: "$139/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-20216.jpg"}, { - id: "6", - name: "Crossover SUV", - price: "$109/day", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sits-car-field_169016-41470.jpg", - }, + id: "6", name: "Crossover SUV", price: "$109/day", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sits-car-field_169016-41470.jpg"}, ]} title="Our Premium Fleet" description="Choose from our exclusive collection of luxury sedans, SUVs, and high-performance vehicles." @@ -258,41 +168,23 @@ export default function LandingPage() { animationType="slide-up" textboxLayout="default" useInvertedBackground={false} + buttons={[ + { + text: "Book Now", href: "#contact" + } + ]} plans={[ { - id: "basic", - badge: "Essential", - price: "$89", - subtitle: "For quick city trips", - features: [ - "Limited mileage", - "Basic insurance", - "Standard support", - ], + id: "basic", badge: "Essential", price: "$89", subtitle: "For quick city trips", features: [ + "Limited mileage", "Basic insurance", "Standard support"], }, { - id: "pro", - badge: "Popular", - price: "$149", - subtitle: "For comfort and style", - features: [ - "Unlimited mileage", - "Full insurance", - "24/7 Priority support", - "Free delivery", - ], + id: "pro", badge: "Popular", price: "$149", subtitle: "For comfort and style", features: [ + "Unlimited mileage", "Full insurance", "24/7 Priority support", "Free delivery"], }, { - id: "elite", - badge: "Ultimate", - price: "$249", - subtitle: "Total luxury experience", - features: [ - "VIP fleet access", - "Premium insurance", - "Concierge services", - "Free delivery", - ], + id: "elite", badge: "Ultimate", price: "$249", subtitle: "Total luxury experience", features: [ + "VIP fleet access", "Premium insurance", "Concierge services", "Free delivery"], }, ]} title="Transparent Pricing" @@ -306,45 +198,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "Excellent Fleet", - quote: "The cars are always in perfect condition. Incredible service.", - name: "Sarah J.", - role: "CEO", - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-computer-cafe_1303-9724.jpg", - }, + id: "1", title: "Excellent Fleet", quote: "The cars are always in perfect condition. Incredible service.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-computer-cafe_1303-9724.jpg"}, { - id: "2", - title: "Best in Class", - quote: "Professional team and seamless process. My go-to for all business travel.", - name: "Mark D.", - role: "CTO", - imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg", - }, + id: "2", title: "Best in Class", quote: "Professional team and seamless process. My go-to for all business travel.", name: "Mark D.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg"}, { - id: "3", - title: "Flawless Service", - quote: "Truly reliable service that makes travel stress-free. Very pleased.", - name: "Elena V.", - role: "Marketing Dir", - imageSrc: "http://img.b2bpic.net/free-photo/arab-man-use-smart-phone-while-waiting-charging-battery-car_1157-49245.jpg", - }, + id: "3", title: "Flawless Service", quote: "Truly reliable service that makes travel stress-free. Very pleased.", name: "Elena V.", role: "Marketing Dir", imageSrc: "http://img.b2bpic.net/free-photo/arab-man-use-smart-phone-while-waiting-charging-battery-car_1157-49245.jpg"}, { - id: "4", - title: "Premium Experience", - quote: "Everything from booking to return was handled with class and efficiency.", - name: "Tom R.", - role: "Product Mgr", - imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", - }, + id: "4", title: "Premium Experience", quote: "Everything from booking to return was handled with class and efficiency.", name: "Tom R.", role: "Product Mgr", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg"}, { - id: "5", - title: "High Standard", - quote: "They set a new high bar for rental services everywhere.", - name: "Lisa K.", - role: "Director", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg", - }, + id: "5", title: "High Standard", quote: "They set a new high bar for rental services everywhere.", name: "Lisa K.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg"}, ]} title="Loved by Professionals" description="See why top professionals trust DriveEase for their transport needs." @@ -356,20 +218,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What documents do I need?", - content: "A valid driver's license, credit card, and passport or ID card.", - }, + id: "1", title: "What documents do I need?", content: "A valid driver's license, credit card, and passport or ID card."}, { - id: "2", - title: "Is insurance included?", - content: "Yes, all rentals include comprehensive insurance coverage.", - }, + id: "2", title: "Is insurance included?", content: "Yes, all rentals include comprehensive insurance coverage."}, { - id: "3", - title: "Can I return the car anywhere?", - content: "We offer flexible pick-up and drop-off at major transit locations.", - }, + id: "3", title: "Can I return the car anywhere?", content: "We offer flexible pick-up and drop-off at major transit locations."}, ]} sideTitle="Frequently Asked Questions" faqsAnimation="blur-reveal" @@ -383,22 +236,14 @@ export default function LandingPage() { description="Have questions? Reach out and we'll assist you with your booking." inputs={[ { - name: "name", - type: "text", - placeholder: "Full Name", - required: true, + name: "name", type: "text", placeholder: "Full Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: true, + name: "email", type: "email", placeholder: "Email Address", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your trip", - rows: 4, + name: "message", placeholder: "Tell us about your trip", rows: 4, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/empty-road-cloudy-day_417767-133.jpg" @@ -411,37 +256,25 @@ export default function LandingPage() { { items: [ { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Inventory", - href: "#inventory", - }, + label: "Inventory", href: "#inventory"}, ], }, { items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, ], }, ]} -- 2.49.1