Merge version_1 into main #1
197
src/app/page.tsx
197
src/app/page.tsx
@@ -33,76 +33,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Eric’s Performance Detailing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:9495241761",
|
||||
}}
|
||||
text: "Call Now", href: "tel:9495241761"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Detailing for Performance Vehicles."
|
||||
description="Your vehicle deserves the ultimate care. We provide elite automotive services with an uncompromising attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Inspection", href: "#contact"},
|
||||
{
|
||||
text: "View Packages",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Packages", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg",
|
||||
imageAlt: "luxury car detailing studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg", imageAlt: "luxury car detailing studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-transmission-inside-car-salon-close-up_1303-19223.jpg",
|
||||
imageAlt: "detailing luxury car interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-transmission-inside-car-salon-close-up_1303-19223.jpg", imageAlt: "detailing luxury car interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750038.jpg",
|
||||
imageAlt: "ceramic coating car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750038.jpg", imageAlt: "ceramic coating car"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-auto-mechanic-checking-car-oil-while-wearing-face-mask-repair-shop_637285-9448.jpg",
|
||||
imageAlt: "engine detailing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-auto-mechanic-checking-car-oil-while-wearing-face-mask-repair-shop_637285-9448.jpg", imageAlt: "engine detailing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-using-flashlight-while-examining-car-tire-workshop_637285-12697.jpg",
|
||||
imageAlt: "car wheel detailing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-using-flashlight-while-examining-car-tire-workshop_637285-12697.jpg", imageAlt: "car wheel detailing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-headlight-black-luxury-car-isolated-white-background_181624-25404.jpg",
|
||||
imageAlt: "porsche luxury car studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-headlight-black-luxury-car-isolated-white-background_181624-25404.jpg", imageAlt: "porsche luxury car studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Paint Correction",
|
||||
description: "Removing swirl marks and defects to restore a flawless, showroom finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26078.jpg",
|
||||
imageAlt: "paint correction tool",
|
||||
},
|
||||
title: "Paint Correction", description: "Removing swirl marks and defects to restore a flawless, showroom finish.", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26078.jpg", imageAlt: "paint correction tool"},
|
||||
{
|
||||
title: "Ceramic Coating",
|
||||
description: "The ultimate layer of protection for your vehicle's paint, ensuring long-term luster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg",
|
||||
imageAlt: "ceramic coating application",
|
||||
},
|
||||
title: "Ceramic Coating", description: "The ultimate layer of protection for your vehicle's paint, ensuring long-term luster.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg", imageAlt: "ceramic coating application"},
|
||||
{
|
||||
title: "Interior Restoration",
|
||||
description: "Deep cleaning and conditioning for all interior surfaces to maintain luxury feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg",
|
||||
imageAlt: "interior restoration car",
|
||||
},
|
||||
title: "Interior Restoration", description: "Deep cleaning and conditioning for all interior surfaces to maintain luxury feel.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg", imageAlt: "interior restoration car"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Elite care for your pride and joy."
|
||||
@@ -157,20 +116,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Performance Vehicles Detailed",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Performance Vehicles Detailed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction Rate",
|
||||
},
|
||||
id: "m2", value: "99%", description: "Client Satisfaction Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
id: "m3", value: "10", description: "Years of Expertise"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,45 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "Porsche Owner",
|
||||
testimonial: "Eric is truly a master of his craft. The ceramic coating looks incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-couple-smiling-bearded-male-beautiful-woman-sitting-front-seats-luxury-car_613910-4818.jpg",
|
||||
imageAlt: "satisfied car owner",
|
||||
},
|
||||
id: "1", name: "John D.", handle: "Porsche Owner", testimonial: "Eric is truly a master of his craft. The ceramic coating looks incredible.", imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-couple-smiling-bearded-male-beautiful-woman-sitting-front-seats-luxury-car_613910-4818.jpg", imageAlt: "satisfied car owner"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah W.",
|
||||
handle: "Ferrari Owner",
|
||||
testimonial: "The interior restoration was like magic. My car smells and looks brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "2", name: "Sarah W.", handle: "Ferrari Owner", testimonial: "The interior restoration was like magic. My car smells and looks brand new.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "professional business portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike B.",
|
||||
handle: "Lamborghini Owner",
|
||||
testimonial: "Unparalleled service. I'm picky about my car, and Eric exceeded my expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-looking-car-car-salon_1303-23590.jpg",
|
||||
imageAlt: "collector car enthusiast",
|
||||
},
|
||||
id: "3", name: "Mike B.", handle: "Lamborghini Owner", testimonial: "Unparalleled service. I'm picky about my car, and Eric exceeded my expectations.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-looking-car-car-salon_1303-23590.jpg", imageAlt: "collector car enthusiast"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena R.",
|
||||
handle: "Tesla Owner",
|
||||
testimonial: "Best service in Laguna Woods. Professional and very thorough.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14871.jpg",
|
||||
imageAlt: "young luxury car owner",
|
||||
},
|
||||
id: "4", name: "Elena R.", handle: "Tesla Owner", testimonial: "Best service in Laguna Woods. Professional and very thorough.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14871.jpg", imageAlt: "young luxury car owner"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James L.",
|
||||
handle: "BMW Owner",
|
||||
testimonial: "Worth every cent. My car has never looked this good.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106159.jpg",
|
||||
imageAlt: "car keys focus owner",
|
||||
},
|
||||
id: "5", name: "James L.", handle: "BMW Owner", testimonial: "Worth every cent. My car has never looked this good.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106159.jpg", imageAlt: "car keys focus owner"},
|
||||
]}
|
||||
title="Trusted by Owners"
|
||||
description="Don't just take our word for it."
|
||||
@@ -233,15 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Porsche",
|
||||
"Ferrari",
|
||||
"Lamborghini",
|
||||
"Mercedes",
|
||||
"BMW",
|
||||
"Audi",
|
||||
"Tesla",
|
||||
]}
|
||||
"Porsche", "Ferrari", "Lamborghini", "Mercedes", "BMW", "Audi", "Tesla"]}
|
||||
title="Proud to service elite brands"
|
||||
description="Elite brands deserve the best care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -250,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does ceramic coating last?",
|
||||
content: "Our premium ceramic coating lasts for 2 to 5 years depending on maintenance.",
|
||||
},
|
||||
id: "f1", title: "How long does ceramic coating last?", content: "Our premium ceramic coating lasts for 2 to 5 years depending on maintenance."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we operate strictly by appointment to ensure every vehicle gets the required attention.",
|
||||
},
|
||||
id: "f2", title: "Do I need an appointment?", content: "Yes, we operate strictly by appointment to ensure every vehicle gets the required attention."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer mobile services?",
|
||||
content: "We offer drop-off at our Laguna Woods facility for the best possible controlled environment.",
|
||||
},
|
||||
id: "f3", title: "Do you offer mobile services?", content: "We offer drop-off at our Laguna Woods facility for the best possible controlled environment."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -274,20 +179,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready for your precision detail?"
|
||||
description="23582 Moulton Pkwy Unit 105, Laguna Woods, CA 92637 | (949) 524-1761"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:9495241761",
|
||||
},
|
||||
text: "Call Now", href: "tel:9495241761"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -297,38 +197,25 @@ export default function LandingPage() {
|
||||
logoText="Eric’s Performance Detailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Paint Correction",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Paint Correction", href: "#services"},
|
||||
{
|
||||
label: "Ceramic Coating",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ceramic Coating", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:9495241761",
|
||||
},
|
||||
label: "Call Us", href: "tel:9495241761"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Directions", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user