Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "product",
|
||||
},
|
||||
name: "Cars", id: "product"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Qarzonline"
|
||||
/>
|
||||
@@ -60,21 +50,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Verified Tokunbo & Nigerian Used Cars"
|
||||
description="Drive home your dream car with confidence. Qarzonline.ng offers rigorously inspected, high-quality used cars at prices you'll love."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#product",
|
||||
},
|
||||
text: "Browse Inventory", href: "#product"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg"
|
||||
imageAlt="luxury car showroom photography"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,7 +72,7 @@ export default function LandingPage() {
|
||||
description="At Qarzonline, we bridge the gap between quality and affordability. Every car in our inventory undergoes a 150-point inspection before it reaches your hands."
|
||||
subdescription="Whether you are looking for a fuel-efficient city car or a robust SUV, we ensure total peace of mind with verified documents and genuine parts."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593883.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593883.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="car quality inspection"
|
||||
/>
|
||||
@@ -101,65 +86,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Toyota",
|
||||
name: "Camry 2020",
|
||||
price: "₦8,500,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-women-car-salon_1157-30142.jpg?_wi=1",
|
||||
imageAlt: "silver sedan side view",
|
||||
},
|
||||
id: "1", brand: "Toyota", name: "Camry 2020", price: "₦8,500,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-women-car-salon_1157-30142.jpg", imageAlt: "silver sedan side view"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Honda",
|
||||
name: "CR-V 2019",
|
||||
price: "₦11,200,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg",
|
||||
imageAlt: "white SUV parked",
|
||||
},
|
||||
id: "2", brand: "Honda", name: "CR-V 2019", price: "₦11,200,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg", imageAlt: "white SUV parked"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Lexus",
|
||||
name: "RX 350",
|
||||
price: "₦18,500,000",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22820.jpg",
|
||||
imageAlt: "black suv showroom photo",
|
||||
},
|
||||
id: "3", brand: "Lexus", name: "RX 350", price: "₦18,500,000", rating: 5,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22820.jpg", imageAlt: "black suv showroom photo"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Hyundai",
|
||||
name: "Accent 2018",
|
||||
price: "₦4,800,000",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-point-headlight-lamp-car_1339-6303.jpg",
|
||||
imageAlt: "blue hatchback exterior",
|
||||
},
|
||||
id: "4", brand: "Hyundai", name: "Accent 2018", price: "₦4,800,000", rating: 4,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-point-headlight-lamp-car_1339-6303.jpg", imageAlt: "blue hatchback exterior"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Kia",
|
||||
name: "Rio 2021",
|
||||
price: "₦6,200,000",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130090.jpg",
|
||||
imageAlt: "red sedan side profile",
|
||||
},
|
||||
id: "5", brand: "Kia", name: "Rio 2021", price: "₦6,200,000", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130090.jpg", imageAlt: "red sedan side profile"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Mercedes",
|
||||
name: "GLK 350",
|
||||
price: "₦9,900,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/let-s-go-job-modern-stylish-bearded-businessman-automobile-saloon_146671-16682.jpg",
|
||||
imageAlt: "silver suv exterior",
|
||||
},
|
||||
id: "6", brand: "Mercedes", name: "GLK 350", price: "₦9,900,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/let-s-go-job-modern-stylish-bearded-businessman-automobile-saloon_146671-16682.jpg", imageAlt: "silver suv exterior"},
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Explore our latest arrivals, thoroughly checked and ready for the road."
|
||||
@@ -173,67 +116,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every car is inspected by our team of professionals.",
|
||||
items: [
|
||||
title: "Verified Quality", description: "Every car is inspected by our team of professionals.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "150-point inspection",
|
||||
},
|
||||
text: "150-point inspection"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Verified document history",
|
||||
},
|
||||
text: "Verified document history"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32035.jpg",
|
||||
imageAlt: "silver sedan side view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=2",
|
||||
imageAlt: "silver sedan side view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32035.jpg", imageAlt: "silver sedan side view"},
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, just straightforward pricing.",
|
||||
items: [
|
||||
title: "Transparent Pricing", description: "No hidden fees, just straightforward pricing.", items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fair market rates",
|
||||
},
|
||||
text: "Fair market rates"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Hassle-free negotiation",
|
||||
},
|
||||
text: "Hassle-free negotiation"},
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-man-working-car_23-2149385722.jpg",
|
||||
imageAlt: "white SUV parked",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593883.jpg?_wi=2",
|
||||
imageAlt: "silver sedan side view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-man-working-car_23-2149385722.jpg", imageAlt: "white SUV parked"},
|
||||
},
|
||||
{
|
||||
title: "After-Sales Support",
|
||||
description: "Our team is here to help even after you drive off.",
|
||||
items: [
|
||||
title: "After-Sales Support", description: "Our team is here to help even after you drive off.", items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Dedicated customer service",
|
||||
},
|
||||
text: "Dedicated customer service"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Extended service plans",
|
||||
},
|
||||
text: "Extended service plans"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg",
|
||||
imageAlt: "black suv showroom photo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-women-car-salon_1157-30142.jpg?_wi=2",
|
||||
imageAlt: "silver sedan side view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg", imageAlt: "black suv showroom photo"},
|
||||
},
|
||||
]}
|
||||
title="Why Buy From Qarzonline?"
|
||||
@@ -248,25 +167,13 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Cars Sold",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Cars Sold"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support Ready",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Support Ready"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m4", value: "15+", description: "Years Experience"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -279,50 +186,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Adeola",
|
||||
handle: "@sarahadeola",
|
||||
testimonial: "I got my Tokunbo Toyota Camry here, and it's been running smoothly for a year. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-24294.jpg",
|
||||
imageAlt: "customer buying new car",
|
||||
},
|
||||
id: "t1", name: "Sarah Adeola", handle: "@sarahadeola", testimonial: "I got my Tokunbo Toyota Camry here, and it's been running smoothly for a year. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-24294.jpg", imageAlt: "customer buying new car"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Chinedu Okeke",
|
||||
handle: "@chinedu_okeke",
|
||||
testimonial: "Very professional and trustworthy. The car verification documents were genuine and accurate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-customer-car-dealership-posing_651396-1177.jpg",
|
||||
imageAlt: "satisfied business customer car",
|
||||
},
|
||||
id: "t2", name: "Chinedu Okeke", handle: "@chinedu_okeke", testimonial: "Very professional and trustworthy. The car verification documents were genuine and accurate.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-customer-car-dealership-posing_651396-1177.jpg", imageAlt: "satisfied business customer car"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Funke Balogun",
|
||||
handle: "@funke_b",
|
||||
testimonial: "The best place to buy a used car in Lagos. Transparent process and great quality cars.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-little-son-by-car_1303-31629.jpg",
|
||||
imageAlt: "family buying car",
|
||||
},
|
||||
id: "t3", name: "Funke Balogun", handle: "@funke_b", testimonial: "The best place to buy a used car in Lagos. Transparent process and great quality cars.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-little-son-by-car_1303-31629.jpg", imageAlt: "family buying car"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Musa",
|
||||
handle: "@davidmusa",
|
||||
testimonial: "Smooth transaction from payment to car delivery. Qarzonline is definitely legit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-happy-man-holding-keys_171337-17577.jpg",
|
||||
imageAlt: "young person buying car",
|
||||
},
|
||||
id: "t4", name: "David Musa", handle: "@davidmusa", testimonial: "Smooth transaction from payment to car delivery. Qarzonline is definitely legit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-happy-man-holding-keys_171337-17577.jpg", imageAlt: "young person buying car"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ifeoma Okafor",
|
||||
handle: "@ifeoma_o",
|
||||
testimonial: "Customer service was excellent. They guided me through the entire selection process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg",
|
||||
imageAlt: "satisfied senior customer car",
|
||||
},
|
||||
id: "t5", name: "Ifeoma Okafor", handle: "@ifeoma_o", testimonial: "Customer service was excellent. They guided me through the entire selection process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg", imageAlt: "satisfied senior customer car"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -336,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your Tokunbo cars cleared?",
|
||||
content: "Yes, all our imported vehicles come with complete and cleared documents.",
|
||||
},
|
||||
id: "f1", title: "Are your Tokunbo cars cleared?", content: "Yes, all our imported vehicles come with complete and cleared documents."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I inspect the car before payment?",
|
||||
content: "Absolutely! We encourage you to bring your mechanic to inspect the vehicle at our showroom.",
|
||||
},
|
||||
id: "f2", title: "Can I inspect the car before payment?", content: "Absolutely! We encourage you to bring your mechanic to inspect the vehicle at our showroom."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, we provide a limited 3-month engine warranty on selected vehicles.",
|
||||
},
|
||||
id: "f3", title: "Do you offer warranty?", content: "Yes, we provide a limited 3-month engine warranty on selected vehicles."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about purchasing at Qarzonline."
|
||||
@@ -361,8 +229,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to ride?"
|
||||
title="Stay Updated with Qarzonline"
|
||||
description="Sign up to receive the latest vehicle listings and special deals directly to your inbox."
|
||||
@@ -378,19 +245,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user