Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Quick N’ Clean"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,75 +48,40 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Quick N’ Clean Mobile Detailing"
|
||||
description="Luxury-level car detailing. Delivered to your driveway. Fast, flawless, and obsessively clean. We bring the showroom shine to you, making car care effortless."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_drive",
|
||||
testimonial: "Absolutely blown away! My car hasn't looked this good since I drove it off the lot. The convenience of having it done at home is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434350.jpg?_wi=1",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah_drive", testimonial: "Absolutely blown away! My car hasn't looked this good since I drove it off the lot. The convenience of having it done at home is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434350.jpg?_wi=1", imageAlt: "Sarah J."},
|
||||
{
|
||||
name: "Michael T.",
|
||||
handle: "@michaelt_cars",
|
||||
testimonial: "Quick N’ Clean truly delivered a 5-star experience. Professional, efficient, and the attention to detail was impeccable. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-consultant-car-salon-standing-near-car_146671-19465.jpg?_wi=1",
|
||||
imageAlt: "Michael T.",
|
||||
},
|
||||
name: "Michael T.", handle: "@michaelt_cars", testimonial: "Quick N’ Clean truly delivered a 5-star experience. Professional, efficient, and the attention to detail was impeccable. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-consultant-car-salon-standing-near-car_146671-19465.jpg?_wi=1", imageAlt: "Michael T."},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily_rides",
|
||||
testimonial: "My SUV needed a serious refresh, and they made it look brand new. The interior deep clean was incredible. I'll definitely be a repeat customer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-checking-timing-belt_1303-32028.jpg?_wi=1",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
name: "Emily R.", handle: "@emily_rides", testimonial: "My SUV needed a serious refresh, and they made it look brand new. The interior deep clean was incredible. I'll definitely be a repeat customer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-checking-timing-belt_1303-32028.jpg?_wi=1", imageAlt: "Emily R."},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk_detail",
|
||||
testimonial: "The exterior detail package left my car gleaming. It feels like a brand new vehicle. Outstanding service and phenomenal results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-showing-namaste-gesture-t-shirt-jacket-looking-cheerful-front-view_176474-91614.jpg?_wi=1",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
name: "David K.", handle: "@davidk_detail", testimonial: "The exterior detail package left my car gleaming. It feels like a brand new vehicle. Outstanding service and phenomenal results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-showing-namaste-gesture-t-shirt-jacket-looking-cheerful-front-view_176474-91614.jpg?_wi=1", imageAlt: "David K."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
alt: "Jane Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", alt: "Jane Smith"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-isolated-background-looking-proud-smiling-doing-thumbs-up-gesture-side_839833-17313.jpg",
|
||||
alt: "Robert Brown",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-isolated-background-looking-proud-smiling-doing-thumbs-up-gesture-side_839833-17313.jpg", alt: "Robert Brown"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-beautiful-student-girl-blue-dress-smiling-broadly-having-fun-while-surfing-internet-laptop_343059-3896.jpg",
|
||||
alt: "Alice Green",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-beautiful-student-girl-blue-dress-smiling-broadly-having-fun-while-surfing-internet-laptop_343059-3896.jpg", alt: "Alice Green"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099215.jpg",
|
||||
alt: "Mark White",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099215.jpg", alt: "Mark White"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212253.jpg"
|
||||
imageAlt="Luxury car being detailed"
|
||||
@@ -140,34 +95,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9269.jpg",
|
||||
alt: "Audi Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/black-carbon-fiber-with-metallic-lines-background_1017-33442.jpg",
|
||||
alt: "BMW Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-car-service-logo_23-2149725123.jpg",
|
||||
alt: "Mercedes-Benz Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/business-card-template_23-2148140032.jpg",
|
||||
alt: "Porsche Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/security_24908-54431.jpg",
|
||||
alt: "Lexus Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147734518.jpg",
|
||||
alt: "Tesla Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1893.jpg",
|
||||
alt: "Rolls-Royce Logo",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9269.jpg", "http://img.b2bpic.net/free-vector/black-carbon-fiber-with-metallic-lines-background_1017-33442.jpg", "http://img.b2bpic.net/free-vector/gradient-car-service-logo_23-2149725123.jpg", "http://img.b2bpic.net/free-vector/business-card-template_23-2148140032.jpg", "http://img.b2bpic.net/free-vector/security_24908-54431.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147734518.jpg", "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1893.jpg"
|
||||
]}
|
||||
title="Trusted by Busy Professionals & Car Enthusiasts"
|
||||
description="Our clients demand perfection, and we deliver. See why discerning car owners choose Quick N’ Clean for unparalleled service and convenience."
|
||||
@@ -181,31 +109,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Interior Care",
|
||||
title: "Interior Deep Clean",
|
||||
subtitle: "Restore your car's cabin to pristine condition.",
|
||||
description: "Every inch scrubbed, steamed, and restored. We meticulously clean all surfaces, extracting dirt and grime, leaving your car's interior feeling brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg",
|
||||
imageAlt: "Car interior being deep cleaned",
|
||||
},
|
||||
tag: "Interior Care", title: "Interior Deep Clean", subtitle: "Restore your car's cabin to pristine condition.", description: "Every inch scrubbed, steamed, and restored. We meticulously clean all surfaces, extracting dirt and grime, leaving your car's interior feeling brand new.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg", imageAlt: "Car interior being deep cleaned"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Exterior Shine",
|
||||
title: "Exterior Detail",
|
||||
subtitle: "Showroom shine, delivered to your driveway.",
|
||||
description: "Our comprehensive exterior detail includes a thorough hand wash, clay bar treatment, wax application, and tire dressing. Achieve a brilliant, head-turning shine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg",
|
||||
imageAlt: "Car exterior being polished",
|
||||
},
|
||||
tag: "Exterior Shine", title: "Exterior Detail", subtitle: "Showroom shine, delivered to your driveway.", description: "Our comprehensive exterior detail includes a thorough hand wash, clay bar treatment, wax application, and tire dressing. Achieve a brilliant, head-turning shine.", imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg", imageAlt: "Car exterior being polished"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Ultimate Package",
|
||||
title: "Full Detail Package",
|
||||
subtitle: "Inside + outside perfection for total transformation.",
|
||||
description: "The ultimate transformation for your vehicle. This package combines our interior deep clean and exterior detail services for a complete, luxury-level car rejuvenation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193593.jpg",
|
||||
imageAlt: "Car undergoing full detailing",
|
||||
},
|
||||
tag: "Ultimate Package", title: "Full Detail Package", subtitle: "Inside + outside perfection for total transformation.", description: "The ultimate transformation for your vehicle. This package combines our interior deep clean and exterior detail services for a complete, luxury-level car rejuvenation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193593.jpg", imageAlt: "Car undergoing full detailing"},
|
||||
]}
|
||||
title="Our Premium Detailing Services"
|
||||
description="From a quick refresh to a full restoration, our expert mobile detailing services are tailored to meet your vehicle's specific needs and exceed your expectations."
|
||||
@@ -219,22 +129,16 @@ export default function LandingPage() {
|
||||
description="We combine meticulous attention to detail with unparalleled convenience, bringing a luxury detailing experience directly to your home or office. Experience automotive care redesigned for your busy life."
|
||||
metrics={[
|
||||
{
|
||||
value: "Flawless Results",
|
||||
title: "Customers say their cars have never looked cleaner, consistently receiving showroom-quality finishes.",
|
||||
},
|
||||
value: "Flawless Results", title: "Customers say their cars have never looked cleaner, consistently receiving showroom-quality finishes."},
|
||||
{
|
||||
value: "Fast & Efficient",
|
||||
title: "We respect your time and deliver elite results quickly, without compromising on quality or thoroughness.",
|
||||
},
|
||||
value: "Fast & Efficient", title: "We respect your time and deliver elite results quickly, without compromising on quality or thoroughness."},
|
||||
{
|
||||
value: "5-Star Service",
|
||||
title: "Our team is friendly, professional, and easy to work with, ensuring a hassle-free and enjoyable experience every time.",
|
||||
},
|
||||
value: "5-Star Service", title: "Our team is friendly, professional, and easy to work with, ensuring a hassle-free and enjoyable experience every time."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-close-up-shot-car-door-lock-controls_482257-118201.jpg"
|
||||
imageAlt="Close-up of a meticulously detailed car"
|
||||
mediaAnimation="reveal-blur"
|
||||
metricsAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -244,47 +148,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Happy Customer",
|
||||
testimonial: "“Awesome customer service, great cleaning, and the inside of my car has never looked so clean. They were efficient and fast.”",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434350.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Happy Customer", testimonial: "“Awesome customer service, great cleaning, and the inside of my car has never looked so clean. They were efficient and fast.”", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434350.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "Local Business Owner",
|
||||
testimonial: "“I use Quick N’ Clean for all my company vehicles. The convenience is unbeatable, and the results are consistently perfect. True professionals!”",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-consultant-car-salon-standing-near-car_146671-19465.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "Local Business Owner", testimonial: "“I use Quick N’ Clean for all my company vehicles. The convenience is unbeatable, and the results are consistently perfect. True professionals!”", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-consultant-car-salon-standing-near-car_146671-19465.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica L.",
|
||||
handle: "Car Enthusiast",
|
||||
testimonial: "“My show car received the VIP treatment. Every detail was handled with care, and the finish is absolutely stunning. Highly recommended for premium vehicles.”",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-checking-timing-belt_1303-32028.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Jessica L.", handle: "Car Enthusiast", testimonial: "“My show car received the VIP treatment. Every detail was handled with care, and the finish is absolutely stunning. Highly recommended for premium vehicles.”", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-checking-timing-belt_1303-32028.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris P.",
|
||||
handle: "Busy Professional",
|
||||
testimonial: "“As someone with a demanding schedule, Quick N’ Clean is a lifesaver. They come to me, and my car looks immaculate every time. Five stars for convenience and quality!”",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-showing-namaste-gesture-t-shirt-jacket-looking-cheerful-front-view_176474-91614.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Chris P.", handle: "Busy Professional", testimonial: "“As someone with a demanding schedule, Quick N’ Clean is a lifesaver. They come to me, and my car looks immaculate every time. Five stars for convenience and quality!”", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-showing-namaste-gesture-t-shirt-jacket-looking-cheerful-front-view_176474-91614.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Angela S.",
|
||||
handle: "Family Car Owner",
|
||||
testimonial: "“With kids, my car gets messy fast. Quick N’ Clean transformed it! It smells fresh, looks amazing, and I didn't have to leave my home. Fantastic service!”",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-speaking-phone-smiling-office_176420-944.jpg",
|
||||
},
|
||||
id: "5", name: "Angela S.", handle: "Family Car Owner", testimonial: "“With kids, my car gets messy fast. Quick N’ Clean transformed it! It smells fresh, looks amazing, and I didn't have to leave my home. Fantastic service!”", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-speaking-phone-smiling-office_176420-944.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="blur-reveal"
|
||||
title="What Our Valued Customers Say"
|
||||
description="Our clients consistently praise our attention to detail, efficiency, and professional service. Read their experiences below and see why Quick N’ Clean is their top choice."
|
||||
/>
|
||||
@@ -294,14 +174,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready for a Spotless Ride? Experience the Quick N’ Clean difference today. Book your mobile detail and enjoy a pristine vehicle without leaving your driveway."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail Now", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,54 +187,33 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior Deep Clean",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior Deep Clean", href: "#services"},
|
||||
{
|
||||
label: "Exterior Detail",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Exterior Detail", href: "#services"},
|
||||
{
|
||||
label: "Full Detail Package",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Full Detail Package", href: "#services"},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "About Us", href: "#why-us"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user