Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DAB Auto Concept"
|
||||
/>
|
||||
@@ -59,47 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Excellence in Automotive Detailing"
|
||||
description="Give your car the treatment it deserves with our premium services: detailing, ceramic coatings, and high-end paint protection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Service", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020119.jpg?_wi=1",
|
||||
imageAlt: "Professional Car Detailing",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020119.jpg", imageAlt: "Professional Car Detailing"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193618.jpg?_wi=1",
|
||||
imageAlt: "Interior Vacuuming",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193618.jpg", imageAlt: "Interior Vacuuming"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-wrapping-car-with-ptotective-foil_1303-27665.jpg?_wi=1",
|
||||
imageAlt: "Premium Waxing",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-wrapping-car-with-ptotective-foil_1303-27665.jpg", imageAlt: "Premium Waxing"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32331.jpg",
|
||||
imageAlt: "Paint Protection Film",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32331.jpg", imageAlt: "Paint Protection Film"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593852.jpg",
|
||||
imageAlt: "Clay Bar Treatment",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593852.jpg", imageAlt: "Clay Bar Treatment"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486995.jpg",
|
||||
imageAlt: "Final Finish",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486995.jpg", imageAlt: "Final Finish"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,9 +79,7 @@ export default function LandingPage() {
|
||||
title="Welcome to DAB Auto Concept"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Services", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,37 +91,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Auto Detailing",
|
||||
description: "Comprehensive cleaning for your vehicle's exterior and interior.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32333.jpg",
|
||||
title: "Auto Detailing", description: "Comprehensive cleaning for your vehicle's exterior and interior.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32333.jpg", imageAlt: "luxury car detailing interior"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020119.jpg?_wi=2",
|
||||
imageAlt: "luxury car detailing interior",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Paint Protection Film",
|
||||
description: "High-durability PPF installation to guard against scratches.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
|
||||
title: "Paint Protection Film", description: "High-durability PPF installation to guard against scratches.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", imageAlt: "luxury car detailing interior"
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193618.jpg?_wi=2",
|
||||
imageAlt: "luxury car detailing interior",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Clay Bar & Waxing",
|
||||
description: "Decontaminate and protect your paint for a mirror-like gloss.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-professional-wrapping-car-with-blue-cover_23-2149385690.jpg",
|
||||
title: "Clay Bar & Waxing", description: "Decontaminate and protect your paint for a mirror-like gloss.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-professional-wrapping-car-with-blue-cover_23-2149385690.jpg", imageAlt: "luxury car detailing interior"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-wrapping-car-with-ptotective-foil_1303-27665.jpg?_wi=2",
|
||||
imageAlt: "luxury car detailing interior",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -169,39 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$150",
|
||||
subtitle: "Deep clean and shine",
|
||||
features: [
|
||||
"Full Exterior Wash",
|
||||
"Interior Vacuuming",
|
||||
"Basic Waxing",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "$150", subtitle: "Deep clean and shine", features: [
|
||||
"Full Exterior Wash", "Interior Vacuuming", "Basic Waxing"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$300",
|
||||
subtitle: "Complete aesthetic renewal",
|
||||
features: [
|
||||
"Everything in Essential",
|
||||
"Clay Bar Treatment",
|
||||
"Paint Sealant",
|
||||
"Leather Conditioning",
|
||||
],
|
||||
id: "p2", badge: "Premium", price: "$300", subtitle: "Complete aesthetic renewal", features: [
|
||||
"Everything in Essential", "Clay Bar Treatment", "Paint Sealant", "Leather Conditioning"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$600+",
|
||||
subtitle: "Full protection & finish",
|
||||
features: [
|
||||
"Full Premium Detail",
|
||||
"Partial PPF Installation",
|
||||
"Ceramic Coating",
|
||||
"Engine Bay Cleaning",
|
||||
],
|
||||
id: "p3", badge: "Elite", price: "$600+", subtitle: "Full protection & finish", features: [
|
||||
"Full Premium Detail", "Partial PPF Installation", "Ceramic Coating", "Engine Bay Cleaning"],
|
||||
},
|
||||
]}
|
||||
title="Select Your Detailing Package"
|
||||
@@ -216,20 +148,11 @@ export default function LandingPage() {
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "118+",
|
||||
description: "Satisfied Reviews",
|
||||
},
|
||||
id: "m1", value: "118+", description: "Satisfied Reviews"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.6",
|
||||
description: "Star Rating",
|
||||
},
|
||||
id: "m2", value: "4.6", description: "Star Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Cars Serviced",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Cars Serviced"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -243,53 +166,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali Raza",
|
||||
role: "Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212217.jpg",
|
||||
},
|
||||
id: "t1", name: "Ali Raza", role: "Owner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212217.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sara Khan",
|
||||
role: "Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27339.jpg",
|
||||
},
|
||||
id: "t2", name: "Sara Khan", role: "Owner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27339.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Hamza M.",
|
||||
role: "Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-repairing-workshop_23-2150171284.jpg",
|
||||
},
|
||||
id: "t3", name: "Hamza M.", role: "Owner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-repairing-workshop_23-2150171284.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Aisha T.",
|
||||
role: "Owner",
|
||||
company: "Client",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg",
|
||||
},
|
||||
id: "t4", name: "Aisha T.", role: "Owner", company: "Client", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Faisal A.",
|
||||
role: "Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-by-his-car-talking-phone_1303-31477.jpg",
|
||||
},
|
||||
id: "t5", name: "Faisal A.", role: "Owner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-by-his-car-talking-phone_1303-31477.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Mariam S.",
|
||||
role: "Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg",
|
||||
},
|
||||
id: "t6", name: "Mariam S.", role: "Owner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join hundreds of happy customers who trust DAB Auto Concept."
|
||||
@@ -301,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a full detail take?",
|
||||
content: "Typically 3-5 hours depending on vehicle size and condition.",
|
||||
},
|
||||
id: "f1", title: "How long does a full detail take?", content: "Typically 3-5 hours depending on vehicle size and condition."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking in advance to ensure slot availability.",
|
||||
},
|
||||
id: "f2", title: "Do I need an appointment?", content: "We recommend booking in advance to ensure slot availability."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is included in PPF?",
|
||||
content: "High-durability films applied to vulnerable areas of your paint.",
|
||||
},
|
||||
id: "f3", title: "What is included in PPF?", content: "High-durability films applied to vulnerable areas of your paint."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -325,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Consultation"
|
||||
description="Visit us at College Road, Lahore, or call +92-313-6666146 to book."
|
||||
|
||||
Reference in New Issue
Block a user