Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8060d32807 | |||
| db5a72fb41 | |||
| 2daeedacee | |||
| 3e3320fa05 |
198
src/app/page.tsx
198
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { CreditCard, Shield, Truck } from "lucide-react";
|
||||
import { CreditCard, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,16 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Cars", id: "inventory"},
|
||||
{
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Cars", id: "inventory" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AutoTrust Pakistan"
|
||||
/>
|
||||
@@ -49,52 +44,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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: "4.9/5", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "7-Day", label: "Return Guarantee"},
|
||||
{ value: "1,500+", label: "Verified Cars Sold" },
|
||||
{ value: "4.9/5", label: "Customer Satisfaction" },
|
||||
{ value: "7-Day", label: "Return Guarantee" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory", href: "#inventory"},
|
||||
{
|
||||
text: "Get Instant Price", href: "#contact"},
|
||||
{ text: "Browse Inventory", href: "#inventory" },
|
||||
{ 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"
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy car buyers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "200-Point Inspected"},
|
||||
{
|
||||
type: "text", text: "Easy EMI Plans"},
|
||||
{
|
||||
type: "text", text: "7-Day Returns"},
|
||||
{
|
||||
type: "text", text: "Free Delivery"},
|
||||
{
|
||||
type: "text", text: "Transparent Pricing"},
|
||||
]}
|
||||
containerClassName="px-4 py-8 md:py-16"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,16 +69,14 @@ export default function LandingPage() {
|
||||
title="Why AutoTrust Pakistan?"
|
||||
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: "200+", title: "Inspection Points"},
|
||||
{
|
||||
value: "24/7", title: "Customer Support"},
|
||||
{ value: "0%", title: "Hidden Fees" },
|
||||
{ value: "200+", title: "Inspection Points" },
|
||||
{ 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"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
className="px-4 py-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,21 +87,13 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
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"},
|
||||
{
|
||||
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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Recently Inspected Cars"
|
||||
description="Premium imported and local stock. Book your inspection online today."
|
||||
className="px-4 py-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,36 +103,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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/mechanic-fixing-car-tyre_1170-1661.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
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/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,
|
||||
mediaItems: [
|
||||
{
|
||||
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"},
|
||||
]
|
||||
},
|
||||
{ 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/mechanic-fixing-car-tyre_1170-1661.jpg" }] },
|
||||
{ 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/top-view-personal-planning-financial-with-coffee_23-2148305941.jpg" }] },
|
||||
]}
|
||||
title="A Smarter Way to Buy"
|
||||
description="We leverage technology to ensure you get the best deal on the market."
|
||||
className="px-4 py-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,15 +119,13 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "95%", description: "Customer Retention Rate"},
|
||||
{
|
||||
id: "m2", value: "PKR 2B+", description: "Total Value Sold"},
|
||||
{
|
||||
id: "m3", value: "45 min", description: "Average Approval Time"},
|
||||
{ id: "m1", value: "95%", description: "Customer Retention Rate" },
|
||||
{ id: "m2", value: "PKR 2B+", description: "Total Value Sold" },
|
||||
{ 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."
|
||||
className="px-4 py-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -205,19 +134,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "t1", title: "Reliable Service", quote: "The inspection process gave me total peace of mind.", 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.", 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" },
|
||||
]}
|
||||
title="What Our Drivers Say"
|
||||
description="Don't take our word for it — listen to our community."
|
||||
className="px-4 py-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,35 +148,28 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "f4", title: "Are these cars registered?", content: "Yes, all our stock is fully verified for registration and ownership history."},
|
||||
{ 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." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers. Check out our most common inquiries."
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
className="px-4 py-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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: "WhatsApp Support", href: "https://wa.me/923000000000"},
|
||||
{ text: "Call Now", href: "tel:+923000000000" },
|
||||
{ text: "WhatsApp Support", href: "https://wa.me/923000000000" },
|
||||
]}
|
||||
className="px-4 py-16"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -262,40 +177,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AutoTrust"
|
||||
columns={[
|
||||
{
|
||||
title: "Cars", items: [
|
||||
{
|
||||
label: "Inventory", href: "#inventory"},
|
||||
{
|
||||
label: "Certified", href: "#inventory"},
|
||||
{
|
||||
label: "Sell My Car", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Financing", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Cars", items: [{ label: "Inventory", href: "#inventory" }, { label: "Certified", href: "#inventory" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user