Update src/app/page.tsx
This commit is contained in:
258
src/app/page.tsx
258
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Packages", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AccraDrive"
|
||||
/>
|
||||
@@ -58,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="AccraDrive"
|
||||
description="Premium private rides, safe and reliable, delivered with excellence across Accra. Book your trip in seconds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Ride",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Ride", href: "#contact"},
|
||||
{
|
||||
text: "View Packages",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Packages", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,79 +69,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Airport Transfers",
|
||||
description: "Seamless, stress-free transfers to and from Kotoka International Airport.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-holding-key_23-2149901455.jpg",
|
||||
imageAlt: "Airport transfer",
|
||||
},
|
||||
title: "Airport Transfers", description: "Seamless, stress-free transfers to and from Kotoka International Airport.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-holding-key_23-2149901455.jpg", imageAlt: "Airport transfer"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
text: "24/7 Availability"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Flight tracking",
|
||||
},
|
||||
text: "Flight tracking"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Verified chauffeurs",
|
||||
},
|
||||
text: "Verified chauffeurs"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg?_wi=2",
|
||||
imageAlt: "airport transfer Ghana",
|
||||
},
|
||||
{
|
||||
title: "Executive Rides",
|
||||
description: "Travel in style with our fleet of pristine executive vehicles.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-using-bike-travel-city_23-2149258643.jpg",
|
||||
imageAlt: "Executive car",
|
||||
},
|
||||
title: "Executive Rides", description: "Travel in style with our fleet of pristine executive vehicles.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-using-bike-travel-city_23-2149258643.jpg", imageAlt: "Executive car"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Premium fleet",
|
||||
},
|
||||
text: "Premium fleet"},
|
||||
{
|
||||
icon: User,
|
||||
text: "Personalized service",
|
||||
},
|
||||
text: "Personalized service"},
|
||||
{
|
||||
icon: Wifi,
|
||||
text: "In-ride amenities",
|
||||
},
|
||||
text: "In-ride amenities"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-taxi-driver-paying-attention-road_23-2149236680.jpg",
|
||||
imageAlt: "airport transfer Ghana",
|
||||
},
|
||||
{
|
||||
title: "Guided City Tours",
|
||||
description: "Explore the vibrant streets of Accra with local expert guides.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-travel-around-bangkok-with-backpack-enjoying-beautiful-sunny-day-tropical-park-green-grass-field_343596-2595.jpg?_wi=1",
|
||||
imageAlt: "City tours",
|
||||
},
|
||||
title: "Guided City Tours", description: "Explore the vibrant streets of Accra with local expert guides.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-travel-around-bangkok-with-backpack-enjoying-beautiful-sunny-day-tropical-park-green-grass-field_343596-2595.jpg", imageAlt: "City tours"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Custom itineraries",
|
||||
},
|
||||
text: "Custom itineraries"},
|
||||
{
|
||||
icon: Camera,
|
||||
text: "Photo stops",
|
||||
},
|
||||
text: "Photo stops"},
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "Local hidden gems",
|
||||
},
|
||||
text: "Local hidden gems"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-driver-female-client-interacting-formal-way_23-2149204538.jpg?_wi=1",
|
||||
imageAlt: "airport transfer Ghana",
|
||||
},
|
||||
]}
|
||||
title="Unmatched Travel Experience"
|
||||
@@ -171,56 +129,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "₵250",
|
||||
subtitle: "Perfect for city errands",
|
||||
features: [
|
||||
"1-way ride",
|
||||
"Professional driver",
|
||||
"Basic insurance",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "₵250", subtitle: "Perfect for city errands", features: [
|
||||
"1-way ride", "Professional driver", "Basic insurance"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "executive",
|
||||
badge: "Premium",
|
||||
price: "₵500",
|
||||
subtitle: "Best for business & airport",
|
||||
features: [
|
||||
"Airport pickup/drop",
|
||||
"Luxury sedan",
|
||||
"Enhanced comfort",
|
||||
"Flight monitoring",
|
||||
],
|
||||
id: "executive", badge: "Premium", price: "₵500", subtitle: "Best for business & airport", features: [
|
||||
"Airport pickup/drop", "Luxury sedan", "Enhanced comfort", "Flight monitoring"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "daily",
|
||||
badge: "Full Day",
|
||||
price: "₵1,200",
|
||||
subtitle: "Full day dedicated car",
|
||||
features: [
|
||||
"10-hour service",
|
||||
"Unlimited stops",
|
||||
"Expert guide",
|
||||
"Full beverage service",
|
||||
],
|
||||
id: "daily", badge: "Full Day", price: "₵1,200", subtitle: "Full day dedicated car", features: [
|
||||
"10-hour service", "Unlimited stops", "Expert guide", "Full beverage service"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -237,32 +166,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5000+",
|
||||
title: "Trips Completed",
|
||||
description: "Successfully fulfilled bookings",
|
||||
icon: Car,
|
||||
id: "1", value: "5000+", title: "Trips Completed", description: "Successfully fulfilled bookings", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99.8%",
|
||||
title: "On-Time Rate",
|
||||
description: "We value your schedule",
|
||||
icon: Clock,
|
||||
id: "2", value: "99.8%", title: "On-Time Rate", description: "We value your schedule", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
title: "User Rating",
|
||||
description: "Highly recommended service",
|
||||
icon: Star,
|
||||
id: "3", value: "4.9/5", title: "User Rating", description: "Highly recommended service", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always available for you",
|
||||
icon: PhoneCall,
|
||||
id: "4", value: "24/7", title: "Support", description: "Always available for you", icon: PhoneCall,
|
||||
},
|
||||
]}
|
||||
title="Quality You Can Trust"
|
||||
@@ -278,45 +191,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-travel-around-bangkok-with-backpack-enjoying-beautiful-sunny-day-tropical-park-green-grass-field_343596-2595.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-travel-around-bangkok-with-backpack-enjoying-beautiful-sunny-day-tropical-park-green-grass-field_343596-2595.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-driver-female-client-interacting-formal-way_23-2149204538.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-driver-female-client-interacting-formal-way_23-2149204538.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-street-while-looking-shop-window_641386-764.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-street-while-looking-shop-window_641386-764.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-elegant-clothing-working-talking-phone-while-sitting-car_613910-10987.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-elegant-clothing-working-talking-phone-while-sitting-car_613910-10987.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ama Serwaa",
|
||||
role: "Director",
|
||||
company: "LocalBiz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908142.jpg",
|
||||
},
|
||||
id: "5", name: "Ama Serwaa", role: "Director", company: "LocalBiz", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908142.jpg"},
|
||||
]}
|
||||
title="What Our Passengers Say"
|
||||
description="Experiences from happy travelers across Accra who choose AccraDrive for their transport needs."
|
||||
@@ -327,14 +215,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
text="Ready to experience premium, reliable transport in Accra? Secure your booking now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@accradrive.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@accradrive.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,54 +228,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Airport Transfer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Airport Transfer", href: "#"},
|
||||
{
|
||||
label: "Executive Ride",
|
||||
href: "#",
|
||||
},
|
||||
label: "Executive Ride", href: "#"},
|
||||
{
|
||||
label: "City Tour",
|
||||
href: "#",
|
||||
},
|
||||
label: "City Tour", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user