Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
314
src/app/page.tsx
314
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Cars", id: "inventory"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoTrust Pakistan"
|
||||
/>
|
||||
@@ -60,81 +50,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Trusted Destination for Certified Cars in Pakistan"
|
||||
description="Drive home with confidence. Every car goes through a 200-point inspection. Transparent pricing, easy financing, and a 7-day money-back guarantee."
|
||||
kpis={[
|
||||
{
|
||||
value: "1,500+",
|
||||
label: "Verified Cars Sold",
|
||||
},
|
||||
value: "1,500+", label: "Verified Cars Sold"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "7-Day",
|
||||
label: "Return Guarantee",
|
||||
},
|
||||
value: "7-Day", label: "Return Guarantee"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Browse Inventory", href: "#inventory"},
|
||||
{
|
||||
text: "Get Instant Price",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Instant Price", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg",
|
||||
alt: "Woman buying car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg", alt: "Woman buying car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/parking-valet-beoge-suit-stands-before-white-peugeout_1304-3055.jpg",
|
||||
alt: "Valet standing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/parking-valet-beoge-suit-stands-before-white-peugeout_1304-3055.jpg", alt: "Valet standing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-indian-man-model-pose-street-against-suv-car_627829-4501.jpg",
|
||||
alt: "Man with suv",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-indian-man-model-pose-street-against-suv-car_627829-4501.jpg", alt: "Man with suv"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curly-haired-businessman-from-india-drinks-coffee_496169-2929.jpg",
|
||||
alt: "Businessman drinking coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/curly-haired-businessman-from-india-drinks-coffee_496169-2929.jpg", alt: "Businessman drinking coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-sit-hood-red-city-car_627829-1173.jpg",
|
||||
alt: "Woman by red car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-sit-hood-red-city-car_627829-1173.jpg", alt: "Woman by red car"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy car buyers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "200-Point Inspected",
|
||||
},
|
||||
type: "text", text: "200-Point Inspected"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy EMI Plans",
|
||||
},
|
||||
type: "text", text: "Easy EMI Plans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "7-Day Returns",
|
||||
},
|
||||
type: "text", text: "7-Day Returns"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Delivery",
|
||||
},
|
||||
type: "text", text: "Free Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
type: "text", text: "Transparent Pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,19 +105,13 @@ export default function LandingPage() {
|
||||
description="We redefined the car buying experience in Pakistan. No hidden fees, no shady deals, just pure automotive transparency."
|
||||
metrics={[
|
||||
{
|
||||
value: "0%",
|
||||
title: "Hidden Fees",
|
||||
},
|
||||
value: "0%", title: "Hidden Fees"},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Inspection Points",
|
||||
},
|
||||
value: "200+", title: "Inspection Points"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Customer Support",
|
||||
},
|
||||
value: "24/7", title: "Customer Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/important-document-manager-stands-front-modern-white-car-with-paper-hands_146671-16503.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/important-document-manager-stands-front-modern-white-car-with-paper-hands_146671-16503.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -172,47 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Honda Civic Turbo 2022",
|
||||
price: "PKR 7,500,000",
|
||||
variant: "Certified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Honda Civic Turbo 2022", price: "PKR 7,500,000", variant: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Toyota Corolla Altis 2023",
|
||||
price: "PKR 6,200,000",
|
||||
variant: "Inspected",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483027.jpg",
|
||||
},
|
||||
id: "2", name: "Toyota Corolla Altis 2023", price: "PKR 6,200,000", variant: "Inspected", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483027.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Suzuki Alto VXR 2024",
|
||||
price: "PKR 2,800,000",
|
||||
variant: "Brand New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg",
|
||||
},
|
||||
id: "3", name: "Suzuki Alto VXR 2024", price: "PKR 2,800,000", variant: "Brand New", imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hyundai Elantra 2023",
|
||||
price: "PKR 6,900,000",
|
||||
variant: "Verified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13635.jpg",
|
||||
},
|
||||
id: "4", name: "Hyundai Elantra 2023", price: "PKR 6,900,000", variant: "Verified", imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13635.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "KIA Sportage AWD 2022",
|
||||
price: "PKR 8,800,000",
|
||||
variant: "Inspected",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-playing-ukulele-car_23-2147769181.jpg",
|
||||
},
|
||||
id: "5", name: "KIA Sportage AWD 2022", price: "PKR 8,800,000", variant: "Inspected", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-playing-ukulele-car_23-2147769181.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Toyota Yaris Ativ 2023",
|
||||
price: "PKR 4,500,000",
|
||||
variant: "Certified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-four-kids-sitting-trunk-big-suv-car_627829-1516.jpg",
|
||||
},
|
||||
id: "6", name: "Toyota Yaris Ativ 2023", price: "PKR 4,500,000", variant: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-four-kids-sitting-trunk-big-suv-car_627829-1516.jpg"},
|
||||
]}
|
||||
title="Recently Inspected Cars"
|
||||
description="Premium imported and local stock. Book your inspection online today."
|
||||
@@ -226,49 +149,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "200-Point Inspection",
|
||||
description: "Every car is rigorously inspected by our certified automotive experts.",
|
||||
icon: Shield,
|
||||
title: "200-Point Inspection", description: "Every car is rigorously inspected by our certified automotive experts.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384798.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384798.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1661.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg?_wi=2",
|
||||
imageAlt: "car engine inspection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1661.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Flexible EMI Plans",
|
||||
description: "Calculate your monthly installments instantly with our smart finance tools.",
|
||||
icon: CreditCard,
|
||||
title: "Flexible EMI Plans", description: "Calculate your monthly installments instantly with our smart finance tools.", icon: CreditCard,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21395.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21395.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-personal-planning-financial-with-coffee_23-2148305941.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/important-document-manager-stands-front-modern-white-car-with-paper-hands_146671-16503.jpg?_wi=2",
|
||||
imageAlt: "car engine inspection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-personal-planning-financial-with-coffee_23-2148305941.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Doorstep Delivery",
|
||||
description: "Safe, secure, and professional home delivery across all major cities.",
|
||||
icon: Truck,
|
||||
title: "Doorstep Delivery", description: "Safe, secure, and professional home delivery across all major cities.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-38928.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-38928.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-full-food-poor-people_23-2149012199.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg?_wi=2",
|
||||
imageAlt: "car engine inspection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-full-food-poor-people_23-2149012199.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="A Smarter Way to Buy"
|
||||
@@ -284,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Customer Retention Rate",
|
||||
},
|
||||
id: "m1", value: "95%", description: "Customer Retention Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "PKR 2B+",
|
||||
description: "Total Value Sold",
|
||||
},
|
||||
id: "m2", value: "PKR 2B+", description: "Total Value Sold"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45 min",
|
||||
description: "Average Approval Time",
|
||||
},
|
||||
id: "m3", value: "45 min", description: "Average Approval Time"},
|
||||
]}
|
||||
title="The Numbers Don't Lie"
|
||||
description="Thousands of happy drivers trust us with their automotive needs."
|
||||
@@ -310,45 +206,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Reliable Service",
|
||||
quote: "The inspection process gave me total peace of mind. Great car, smooth delivery.",
|
||||
name: "Ahmed Raza",
|
||||
role: "Software Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
},
|
||||
id: "t1", title: "Reliable Service", quote: "The inspection process gave me total peace of mind. Great car, smooth delivery.", name: "Ahmed Raza", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Transparent",
|
||||
quote: "No hidden costs. The price I saw online is exactly what I paid. Highly recommended.",
|
||||
name: "Fatima Khan",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
|
||||
},
|
||||
id: "t2", title: "Transparent", quote: "No hidden costs. The price I saw online is exactly what I paid. Highly recommended.", name: "Fatima Khan", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Fast Financing",
|
||||
quote: "I got my car approved and delivered in just 2 days. The EMI plans are very helpful.",
|
||||
name: "Bilal Sheikh",
|
||||
role: "Businessman",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-buyer-sitting-new-vehicle-holding-car-keys_342744-750.jpg",
|
||||
},
|
||||
id: "t3", title: "Fast Financing", quote: "I got my car approved and delivered in just 2 days. The EMI plans are very helpful.", name: "Bilal Sheikh", role: "Businessman", imageSrc: "http://img.b2bpic.net/free-photo/happy-buyer-sitting-new-vehicle-holding-car-keys_342744-750.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Certified Quality",
|
||||
quote: "I've bought three cars from them. Always reliable and top-notch customer support.",
|
||||
name: "Sarah J.",
|
||||
role: "Doctor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-44053.jpg",
|
||||
},
|
||||
id: "t4", title: "Certified Quality", quote: "I've bought three cars from them. Always reliable and top-notch customer support.", name: "Sarah J.", role: "Doctor", imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-44053.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Hassle Free",
|
||||
quote: "The home delivery option saved me so much time. Excellent service.",
|
||||
name: "Usman Malik",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-car-showroom_1303-19008.jpg",
|
||||
},
|
||||
id: "t5", title: "Hassle Free", quote: "The home delivery option saved me so much time. Excellent service.", name: "Usman Malik", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-car-showroom_1303-19008.jpg"},
|
||||
]}
|
||||
title="What Our Drivers Say"
|
||||
description="Don't take our word for it — listen to our community."
|
||||
@@ -361,25 +227,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, every certified car comes with a 6-month engine and gearbox warranty.",
|
||||
},
|
||||
id: "f1", title: "Do you offer warranties?", content: "Yes, every certified car comes with a 6-month engine and gearbox warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I trade in my old car?",
|
||||
content: "Absolutely. We offer a fair trade-in valuation for your existing car.",
|
||||
},
|
||||
id: "f2", title: "Can I trade in my old car?", content: "Absolutely. We offer a fair trade-in valuation for your existing car."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the pricing final?",
|
||||
content: "Our pricing is transparent and fixed, but we often have promotional offers available.",
|
||||
},
|
||||
id: "f3", title: "Is the pricing final?", content: "Our pricing is transparent and fixed, but we often have promotional offers available."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are these cars registered?",
|
||||
content: "Yes, all our stock is fully verified for registration and ownership history.",
|
||||
},
|
||||
id: "f4", title: "Are these cars registered?", content: "Yes, all our stock is fully verified for registration and ownership history."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers. Check out our most common inquiries."
|
||||
@@ -391,20 +245,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Find Your Dream Car?"
|
||||
description="Our experts are ready to assist you. Call us or visit our showroom today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923000000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+923000000000"},
|
||||
{
|
||||
text: "WhatsApp Support",
|
||||
href: "https://wa.me/923000000000",
|
||||
},
|
||||
text: "WhatsApp Support", href: "https://wa.me/923000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -414,54 +263,33 @@ export default function LandingPage() {
|
||||
logoText="AutoTrust"
|
||||
columns={[
|
||||
{
|
||||
title: "Cars",
|
||||
items: [
|
||||
title: "Cars", items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventory", href: "#inventory"},
|
||||
{
|
||||
label: "Certified",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Certified", href: "#inventory"},
|
||||
{
|
||||
label: "Sell My Car",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Sell My Car", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Financing", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user