163 lines
7.9 KiB
TypeScript
163 lines
7.9 KiB
TypeScript
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
|
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
|
|
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
|
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
|
import { Car, CreditCard, MapPin, ShieldCheck, Trophy } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroSplit
|
|
tag="Trusted Car Dealership"
|
|
title="Find Your Dream Ride in Lahore"
|
|
description="Premium imported vehicles, SUVs, and affordable cars. We provide transparent service and financing to get you on the road today."
|
|
primaryButton={{
|
|
text: "View Inventory", href: "#inventory"}}
|
|
secondaryButton={{
|
|
text: "Contact Us", href: "#contact"}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/successful-guy-modern-stylish-bearded-businessman-automobile-saloon_146671-16683.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutMediaOverlay
|
|
tag="Our Story"
|
|
title="Excellence in Automotive Trading"
|
|
description="For years, First Choice Motors has been the preferred partner for car buyers in Faisal Town and beyond. We combine high-quality Japanese imports with unrivaled customer care."
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-talking-with-showroom-agent_23-2148384883.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="inventory" data-section="inventory">
|
|
<SectionErrorBoundary name="inventory">
|
|
<FeaturesImageBento
|
|
tag="Featured Inventory"
|
|
title="Luxury Rides & Daily Drivers"
|
|
description="Explore our curated selection of high-quality, pre-inspected vehicles."
|
|
items={[
|
|
{
|
|
title: "Luxury SUVs", description: "High performance 4WD vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/front-headlamp-with-brilliant-reflections-body-car_146671-14974.jpg"},
|
|
{
|
|
title: "Japanese Sedans", description: "Reliable and fuel-efficient.", imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-city-street-modern-suv-moving-urban-traffic_169016-72788.jpg"},
|
|
{
|
|
title: "Family Vans", description: "Comfort for the whole family.", imageSrc: "http://img.b2bpic.net/free-photo/driver-wet-road-after-rain-realistic-travel-moment-car_169016-70076.jpg"},
|
|
{
|
|
title: "Compact Cars", description: "Perfect for city driving.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20965.jpg"},
|
|
{
|
|
title: "Sports Coupes", description: "Engineered for speed.", imageSrc: "http://img.b2bpic.net/free-photo/black-convertible-driving-highway-road-trip-modern-luxury-car-with-open-top_169016-72712.jpg"},
|
|
{
|
|
title: "Hybrid Models", description: "Sustainable and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065369.jpg"},
|
|
{
|
|
title: "Certified Used", description: "Inspected for reliability.", imageSrc: "http://img.b2bpic.net/free-photo/men-observing-automobiles-showroom_651396-1185.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<SectionErrorBoundary name="services">
|
|
<FeaturesBorderGlow
|
|
tag="Our Services"
|
|
title="Why Choose First Choice?"
|
|
description="We offer more than just car sales; we offer a complete automotive solution."
|
|
features={[
|
|
{
|
|
icon: Car,
|
|
title: "Import Services", description: "Import your dream car with our help."},
|
|
{
|
|
icon: CreditCard,
|
|
title: "Flexible Financing", description: "Tailored payment plans for every budget."},
|
|
{
|
|
icon: ShieldCheck,
|
|
title: "Quality Assured", description: "Thorough vehicle inspections."},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialQuoteCards
|
|
tag="Reviews"
|
|
title="Customer Success Stories"
|
|
description="Hear what our customers have to say about their experience."
|
|
testimonials={[
|
|
{
|
|
name: "Ahmed Raza", role: "Entrepreneur", quote: "The best affordable cars with discounted rates!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg"},
|
|
{
|
|
name: "Sara Khan", role: "Client", quote: "Excellent service and very transparent process.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
|
|
{
|
|
name: "Usman Malik", role: "Car Enthusiast", quote: "Top notch inventory, very clean and well maintained.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-standing-profile-view-pointing-isolated-crimson-background-with-copy-space_141793-84088.jpg"},
|
|
{
|
|
name: "Zahra Noor", role: "Client", quote: "Highly recommended, professional staff.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg"},
|
|
{
|
|
name: "Bilal Sheikh", role: "Client", quote: "Smooth experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="stats" data-section="stats">
|
|
<SectionErrorBoundary name="stats">
|
|
<MetricsIconCards
|
|
tag="Our Impact"
|
|
title="Serving Lahore's Drivers"
|
|
description="Key achievements over the years."
|
|
metrics={[
|
|
{
|
|
icon: "Trophy", title: "Happy Customers", value: "1500+"},
|
|
{
|
|
icon: "Car", title: "Vehicles Delivered", value: "2000+"},
|
|
{
|
|
icon: "MapPin", title: "Years Established", value: "10+"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTabbedAccordion
|
|
tag="Support"
|
|
title="Common Questions"
|
|
description="Everything you need to know about our process."
|
|
categories={[
|
|
{
|
|
name: "General", items: [
|
|
{
|
|
question: "Can I import a car?", answer: "Yes, we handle imports on nominal fees."},
|
|
{
|
|
question: "Do you offer financing?", answer: "We facilitate flexible financing plans."},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Get in Touch"
|
|
text="Ready to drive your dream car? Visit our showroom or give us a call today."
|
|
primaryButton={{
|
|
text: "Call Now", href: "tel:03006910513"}}
|
|
secondaryButton={{
|
|
text: "WhatsApp Us", href: "https://wa.me/923006910513"}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|