Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 72ef4d8a7a | |||
| 0079fa2760 | |||
| 4baf443589 |
243
src/app/page.tsx
243
src/app/page.tsx
@@ -32,42 +32,30 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Vehicles",
|
name: "Vehicles", id: "vehicles"},
|
||||||
id: "vehicles",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Rochelles Rent a Car"
|
brandName="Shadew Rent a Car"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="Rochelles Rent a Car"
|
logoText="Shadew Rent a Car"
|
||||||
description="Get a well-maintained vehicle today with low deposits and responsive support. Available for short-term and monthly rentals across Sri Lanka."
|
description="Get a well-maintained vehicle today with low deposits and responsive support. Available for short-term and monthly rentals across Sri Lanka."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Your Car Now",
|
text: "Book Your Car Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=1"
|
||||||
imageAlt="Rochelles Rent a Car - Reliable vehicles for rent"
|
imageAlt="Shadew Rent a Car - Reliable vehicles for rent"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -75,9 +63,9 @@ export default function LandingPage() {
|
|||||||
<MediaAbout
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Local Service, Global Standards"
|
title="Local Service, Global Standards"
|
||||||
description="At Rochelles Rent a Car, we pride ourselves on being your local partner for seamless mobility. From the heart of Nugegoda, we serve locals and visitors alike with unmatched responsiveness and transparent policies."
|
description="At Shadew Rent a Car, we pride ourselves on being your local partner for seamless mobility. From the heart of Nugegoda, we serve locals and visitors alike with unmatched responsiveness and transparent policies."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434357.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434357.jpg?_wi=1"
|
||||||
imageAlt="Rochelles Rent a Car customer service team"
|
imageAlt="Shadew Rent a Car customer service team"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -88,35 +76,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Well-Maintained Fleet", tags: [
|
||||||
title: "Well-Maintained Fleet",
|
"Safety", "Reliable"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-opening-car-door-long-shot_23-2148266186.jpg", imageAlt: "Young blonde woman opening car door long shot"},
|
||||||
"Safety",
|
|
||||||
"Reliable",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-opening-car-door-long-shot_23-2148266186.jpg",
|
|
||||||
imageAlt: "Young blonde woman opening car door long shot",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Low Deposit Options", tags: [
|
||||||
title: "Low Deposit Options",
|
"Affordable", "Flexible"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=2", imageAlt: "Young blonde woman opening car door long shot"},
|
||||||
"Affordable",
|
|
||||||
"Flexible",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=2",
|
|
||||||
imageAlt: "Young blonde woman opening car door long shot",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "24/7 Responsive Support", tags: [
|
||||||
title: "24/7 Responsive Support",
|
"Support", "Responsive"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434357.jpg?_wi=2", imageAlt: "Young blonde woman opening car door long shot"},
|
||||||
"Support",
|
|
||||||
"Responsive",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434357.jpg?_wi=2",
|
|
||||||
imageAlt: "Young blonde woman opening car door long shot",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Rent With Us?"
|
title="Why Rent With Us?"
|
||||||
description="We put your convenience and safety first."
|
description="We put your convenience and safety first."
|
||||||
@@ -131,47 +101,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Compact City Car", price: "$25/day", variant: "Manual", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-couple-car_23-2148039029.jpg"},
|
||||||
name: "Compact City Car",
|
|
||||||
price: "$25/day",
|
|
||||||
variant: "Manual",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-couple-car_23-2148039029.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Family Sedan", price: "$35/day", variant: "Automatic", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-posing-together_23-2148637328.jpg"},
|
||||||
name: "Family Sedan",
|
|
||||||
price: "$35/day",
|
|
||||||
variant: "Automatic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-posing-together_23-2148637328.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Luxury Executive", price: "$60/day", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19792.jpg"},
|
||||||
name: "Luxury Executive",
|
|
||||||
price: "$60/day",
|
|
||||||
variant: "Premium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19792.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Compact SUV", price: "$45/day", variant: "Automatic", imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-51751.jpg"},
|
||||||
name: "Compact SUV",
|
|
||||||
price: "$45/day",
|
|
||||||
variant: "Automatic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-51751.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Economy Hatch", price: "$20/day", variant: "Manual", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-getting-out-car-window_23-2148150071.jpg"},
|
||||||
name: "Economy Hatch",
|
|
||||||
price: "$20/day",
|
|
||||||
variant: "Manual",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-getting-out-car-window_23-2148150071.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Hybrid Sedan", price: "$40/day", variant: "Hybrid", imageSrc: "http://img.b2bpic.net/free-photo/woman-driving-her-taxi-cab-with-her-client-backseat_23-2149236747.jpg"},
|
||||||
name: "Hybrid Sedan",
|
|
||||||
price: "$40/day",
|
|
||||||
variant: "Hybrid",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-driving-her-taxi-cab-with-her-client-backseat_23-2149236747.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Vehicles"
|
title="Our Vehicles"
|
||||||
description="Choose from our reliable and well-maintained fleet."
|
description="Choose from our reliable and well-maintained fleet."
|
||||||
@@ -185,52 +125,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "short-term",
|
id: "short-term", tag: "Daily", price: "$25", period: "/day", description: "Perfect for quick errands or short trips.", button: {
|
||||||
tag: "Daily",
|
text: "Book Now"},
|
||||||
price: "$25",
|
featuresTitle: "Included:", features: [
|
||||||
period: "/day",
|
"Roadside Assistance", "Basic Insurance", "200km/day"],
|
||||||
description: "Perfect for quick errands or short trips.",
|
|
||||||
button: {
|
|
||||||
text: "Book Now",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included:",
|
|
||||||
features: [
|
|
||||||
"Roadside Assistance",
|
|
||||||
"Basic Insurance",
|
|
||||||
"200km/day",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "monthly",
|
id: "monthly", tag: "Monthly", price: "$500", period: "/month", description: "Best value for long-term business or travel needs.", button: {
|
||||||
tag: "Monthly",
|
text: "Inquire Now"},
|
||||||
price: "$500",
|
featuresTitle: "Included:", features: [
|
||||||
period: "/month",
|
"All Insurance", "Priority Support", "Unlimited Mileage"],
|
||||||
description: "Best value for long-term business or travel needs.",
|
|
||||||
button: {
|
|
||||||
text: "Inquire Now",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included:",
|
|
||||||
features: [
|
|
||||||
"All Insurance",
|
|
||||||
"Priority Support",
|
|
||||||
"Unlimited Mileage",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "corporate",
|
id: "corporate", tag: "Enterprise", price: "Custom", period: "/plan", description: "Tailored solutions for your business operations.", button: {
|
||||||
tag: "Enterprise",
|
text: "Contact Us"},
|
||||||
price: "Custom",
|
featuresTitle: "Included:", features: [
|
||||||
period: "/plan",
|
"Dedicated Manager", "Premium Maintenance", "Flexible Billing"],
|
||||||
description: "Tailored solutions for your business operations.",
|
|
||||||
button: {
|
|
||||||
text: "Contact Us",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included:",
|
|
||||||
features: [
|
|
||||||
"Dedicated Manager",
|
|
||||||
"Premium Maintenance",
|
|
||||||
"Flexible Billing",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Rental Packages"
|
title="Rental Packages"
|
||||||
@@ -245,40 +155,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Rajesh Kumar", role: "Frequent Renter", testimonial: "Excellent service and very well-maintained cars. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-woman-drives-through-picturesque-sunny-city-waves-her-arms-while-stretching-out-car-window-beautiful-day_158595-6772.jpg"},
|
||||||
name: "Rajesh Kumar",
|
|
||||||
role: "Frequent Renter",
|
|
||||||
testimonial: "Excellent service and very well-maintained cars. Highly recommend!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-woman-drives-through-picturesque-sunny-city-waves-her-arms-while-stretching-out-car-window-beautiful-day_158595-6772.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Sarah Miller", role: "Tourist", testimonial: "Rented a car for my trip across the island. Reliable and smooth experience.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-well-dressed-couple-sitting-front-seats-luxury-car_613910-4816.jpg"},
|
||||||
name: "Sarah Miller",
|
|
||||||
role: "Tourist",
|
|
||||||
testimonial: "Rented a car for my trip across the island. Reliable and smooth experience.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-well-dressed-couple-sitting-front-seats-luxury-car_613910-4816.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Anil Perera", role: "Local Business", testimonial: "Always my go-to for business rentals. Professional and transparent.", imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-field_1157-20113.jpg"},
|
||||||
name: "Anil Perera",
|
|
||||||
role: "Local Business",
|
|
||||||
testimonial: "Always my go-to for business rentals. Professional and transparent.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-field_1157-20113.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "John Doe", role: "Tourist", testimonial: "Affordable rates and fantastic customer support. Five stars!", imageSrc: "http://img.b2bpic.net/free-photo/car-showroom-agent-suggesting-clients-extra-features-buy-asks-signature_482257-113135.jpg"},
|
||||||
name: "John Doe",
|
|
||||||
role: "Tourist",
|
|
||||||
testimonial: "Affordable rates and fantastic customer support. Five stars!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-showroom-agent-suggesting-clients-extra-features-buy-asks-signature_482257-113135.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Kumari Silva", role: "Regular Client", testimonial: "Very friendly staff and cars are always clean. Great local business.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-man-leaning-out-from-car-taking-selfie-smartphone_23-2148039063.jpg"},
|
||||||
name: "Kumari Silva",
|
|
||||||
role: "Regular Client",
|
|
||||||
testimonial: "Very friendly staff and cars are always clean. Great local business.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-man-leaning-out-from-car-taking-selfie-smartphone_23-2148039063.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Customer Reviews"
|
title="Customer Reviews"
|
||||||
description="Trusted by locals and visitors across Sri Lanka."
|
description="Trusted by locals and visitors across Sri Lanka."
|
||||||
@@ -291,20 +176,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Do I need an international license?", content: "Yes, for international tourists, an international driving permit is required."},
|
||||||
title: "Do I need an international license?",
|
|
||||||
content: "Yes, for international tourists, an international driving permit is required.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Is there a mileage limit?", content: "Our daily plans have a 200km/day limit, while our monthly plans offer unlimited mileage."},
|
||||||
title: "Is there a mileage limit?",
|
|
||||||
content: "Our daily plans have a 200km/day limit, while our monthly plans offer unlimited mileage.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "What payment methods do you accept?", content: "We accept major credit cards, bank transfers, and cash payments."},
|
||||||
title: "What payment methods do you accept?",
|
|
||||||
content: "We accept major credit cards, bank transfers, and cash payments.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Everything you need to know about our rental process."
|
description="Everything you need to know about our rental process."
|
||||||
@@ -316,8 +192,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="Book Your Vehicle Today"
|
title="Book Your Vehicle Today"
|
||||||
description="Call us or submit an inquiry to secure your car for your next trip."
|
description="Call us or submit an inquiry to secure your car for your next trip."
|
||||||
@@ -330,33 +205,23 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Short-term Rentals",
|
label: "Short-term Rentals", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Monthly Rentals",
|
label: "Monthly Rentals", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Rochelles Rent a Car"
|
bottomLeftText="© 2024 Shadew Rent a Car"
|
||||||
bottomRightText="Nugegoda, Sri Lanka"
|
bottomRightText="Nugegoda, Sri Lanka"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user