Update src/app/page.tsx
This commit is contained in:
235
src/app/page.tsx
235
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Car, Star, Users } from "lucide-react";
|
||||
import { Car, Star, Users, CheckCircle, Headset, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "products",
|
||||
},
|
||||
name: "Vehicles", id: "products"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bali Auto Rental"
|
||||
/>
|
||||
@@ -63,39 +53,23 @@ export default function LandingPage() {
|
||||
description="Experience the beauty of Bali with freedom. We provide the most reliable, clean, and affordable car rental services for your unforgettable tropical vacation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Book Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-long-road-surrounded-by-greens-trees_181624-46222.jpg",
|
||||
imageAlt: "Bali Tropical Road Trip",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-long-road-surrounded-by-greens-trees_181624-46222.jpg", imageAlt: "Bali Tropical Road Trip"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-sitting-car-with-guitar-posing-photoshoot_181624-4405.jpg",
|
||||
imageAlt: "Bali Tropical Road Trip",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-sitting-car-with-guitar-posing-photoshoot_181624-4405.jpg", imageAlt: "Bali Tropical Road Trip"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6404.jpg",
|
||||
imageAlt: "Bali Tropical Road Trip",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6404.jpg", imageAlt: "Bali Tropical Road Trip"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-going-beach-swimming-suit-sitting-car-taking-selfie-sunny-day-near-sea_197531-22572.jpg",
|
||||
imageAlt: "Bali Tropical Road Trip",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-going-beach-swimming-suit-sitting-car-taking-selfie-sunny-day-near-sea_197531-22572.jpg", imageAlt: "Bali Tropical Road Trip"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052496.jpg",
|
||||
imageAlt: "Bali Tropical Road Trip",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052496.jpg", imageAlt: "Bali Tropical Road Trip"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-sunglasses-having-fun-while-traveling-by-car_23-2148771835.jpg",
|
||||
imageAlt: "Bali Tropical Road Trip",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-sunglasses-having-fun-while-traveling-by-car_23-2148771835.jpg", imageAlt: "Bali Tropical Road Trip"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,28 +80,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Full Coverage",
|
||||
description: "Drive worry-free with our comprehensive insurance policies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-credit-requests-real-estate_23-2147764219.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Full Coverage", description: "Drive worry-free with our comprehensive insurance policies.", imageSrc: "http://img.b2bpic.net/free-photo/composition-credit-requests-real-estate_23-2147764219.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Villa Delivery",
|
||||
description: "We deliver your rental car directly to your hotel or villa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236689.jpg",
|
||||
buttonIcon: "Car",
|
||||
title: "Villa Delivery", description: "We deliver your rental car directly to your hotel or villa.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236689.jpg", buttonIcon: Car,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our team is available round-the-clock for assistance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-backpack_23-2149437556.jpg",
|
||||
buttonIcon: "Headset",
|
||||
title: "24/7 Support", description: "Our team is available round-the-clock for assistance.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-backpack_23-2149437556.jpg", buttonIcon: Headset,
|
||||
},
|
||||
{
|
||||
title: "Top Condition",
|
||||
description: "Every vehicle is inspected and cleaned before delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-man-who-chooses-new-car-cabin_146671-19461.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Top Condition", description: "Every vehicle is inspected and cleaned before delivery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-man-who-chooses-new-car-cabin_146671-19461.jpg", buttonIcon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -143,41 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Compact City",
|
||||
price: "$25/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-taxi-car_23-2149149591.jpg",
|
||||
},
|
||||
id: "p1", name: "Compact City", price: "$25/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-taxi-car_23-2149149591.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Family SUV",
|
||||
price: "$45/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg",
|
||||
},
|
||||
id: "p2", name: "Family SUV", price: "$45/day", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elegant Sedan",
|
||||
price: "$50/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg",
|
||||
},
|
||||
id: "p3", name: "Elegant Sedan", price: "$50/day", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Summer Convertible",
|
||||
price: "$75/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6406.jpg",
|
||||
},
|
||||
id: "p4", name: "Summer Convertible", price: "$75/day", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6406.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Adventure 4x4",
|
||||
price: "$60/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-vehicle-with-nature-terrain-weather-conditions_23-2151430044.jpg",
|
||||
},
|
||||
id: "p5", name: "Adventure 4x4", price: "$60/day", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-vehicle-with-nature-terrain-weather-conditions_23-2151430044.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Electric Hatch",
|
||||
price: "$40/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14691.jpg",
|
||||
},
|
||||
id: "p6", name: "Electric Hatch", price: "$40/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14691.jpg"},
|
||||
]}
|
||||
title="Our Vehicles"
|
||||
description="Choose the perfect ride for your Bali adventure."
|
||||
@@ -192,25 +130,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
description: "Tourists served every year.",
|
||||
icon: Users,
|
||||
id: "m1", value: "10k+", title: "Happy Clients", description: "Tourists served every year.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Available Cars",
|
||||
description: "Well-maintained fleet.",
|
||||
icon: Car,
|
||||
id: "m2", value: "500+", title: "Available Cars", description: "Well-maintained fleet.", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Rated by our customers.",
|
||||
icon: Star,
|
||||
id: "m3", value: "99%", title: "Satisfaction", description: "Rated by our customers.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -225,40 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Best service ever! Car was delivered to our villa on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-waving-with-copy-space_23-2148631403.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "Best service ever! Car was delivered to our villa on time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-waving-with-copy-space_23-2148631403.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikec",
|
||||
testimonial: "Very professional and friendly staff. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "@mikec", testimonial: "Very professional and friendly staff. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma R.",
|
||||
handle: "@emmar",
|
||||
testimonial: "Perfect car for our island exploration. Will use again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-decorating-cookies-christmas_329181-6850.jpg",
|
||||
},
|
||||
id: "3", name: "Emma R.", handle: "@emmar", testimonial: "Perfect car for our island exploration. Will use again.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-decorating-cookies-christmas_329181-6850.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "Fair price, great condition. Bali was beautiful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@dkim", testimonial: "Fair price, great condition. Bali was beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
handle: "@lisab",
|
||||
testimonial: "Everything went smoothly. A+ experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa B.", handle: "@lisab", testimonial: "Everything went smoothly. A+ experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg"},
|
||||
]}
|
||||
title="Hear From Travelers"
|
||||
description="Real stories from our happy customers."
|
||||
@@ -270,14 +171,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bali Travel Agency",
|
||||
"Holiday Insurance Inc",
|
||||
"Bali Airport Service",
|
||||
"Grand Villa Partners",
|
||||
"Tour Operator Indo",
|
||||
"Road Safe Bali",
|
||||
"Island Transport Group",
|
||||
]}
|
||||
"Bali Travel Agency", "Holiday Insurance Inc", "Bali Airport Service", "Grand Villa Partners", "Tour Operator Indo", "Road Safe Bali", "Island Transport Group"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with the best in the industry."
|
||||
/>
|
||||
@@ -288,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an international license?",
|
||||
content: "Yes, an International Driving Permit is required along with your home country license.",
|
||||
},
|
||||
id: "q1", title: "Do I need an international license?", content: "Yes, an International Driving Permit is required along with your home country license."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is insurance included?",
|
||||
content: "Yes, we offer comprehensive insurance with all rentals.",
|
||||
},
|
||||
id: "q2", title: "Is insurance included?", content: "Yes, we offer comprehensive insurance with all rentals."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I pick up at the airport?",
|
||||
content: "Absolutely! We offer free delivery to Ngurah Rai International Airport.",
|
||||
},
|
||||
id: "q3", title: "Can I pick up at the airport?", content: "Absolutely! We offer free delivery to Ngurah Rai International Airport."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -312,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Book Your Ride Today"
|
||||
description="Ready to explore Bali? Reach out to our team to get a quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact WhatsApp",
|
||||
href: "https://wa.me/628123456789",
|
||||
},
|
||||
text: "Contact WhatsApp", href: "https://wa.me/628123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -331,50 +213,31 @@ export default function LandingPage() {
|
||||
logoText="Bali Auto Rental"
|
||||
columns={[
|
||||
{
|
||||
title: "Vehicles",
|
||||
items: [
|
||||
title: "Vehicles", items: [
|
||||
{
|
||||
label: "Compact",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Compact", href: "#products"},
|
||||
{
|
||||
label: "SUV",
|
||||
href: "#products",
|
||||
},
|
||||
label: "SUV", href: "#products"},
|
||||
{
|
||||
label: "Luxury",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Luxury", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Insurance Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Insurance Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user