1 Commits

Author SHA1 Message Date
cf3bb1256b Update src/app/page.tsx 2026-06-11 14:48:50 +00:00

View File

@@ -30,100 +30,65 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "How It Works", name: "How It Works", id: "#how-it-works"},
id: "#how-it-works",
},
{ {
name: "Reviews", name: "Reviews", id: "#reviews"},
id: "#reviews",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="The Detail Doctor" brandName="The Detail Doctor"
button={{ button={{
text: "Book Now", text: "Book Now", href: "tel:+12065565243"}}
href: "tel:+12065565243",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
imagePosition="right" imagePosition="right"
title="Your Car Deserves a Doctor's Touch." title="Your Car Deserves a Doctor's Touch."
description="We come to you — sit back and relax while your car gets a doctor's treatment. Premium mobile auto detailing in Austin, TX." description="We come to you — sit back and relax while your car gets a doctor's treatment. Premium mobile auto detailing in Austin, TX."
buttons={[ buttons={[
{ {
text: "Book Now", text: "Book Now", href: "tel:+12065565243"},
href: "tel:+12065565243",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzkBZMO1pnygslZG8X3toApCot/uploaded-1781189304446-s4g3ixr2.jpg"
imageAlt="Mobile car detailing service in Austin, TX" imageAlt="Mobile car detailing service in Austin, TX"
mediaAnimation="slide-up" mediaAnimation="slide-up"
fixedMediaHeight={true} fixedMediaHeight={true}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Happy customer John D."},
alt: "Happy customer John D.",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-brunette-girl-dressed-gray-elegant-jacket-leaning-brick-wall-room-with-loft-interior-looking-camera_613910-18212.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-brunette-girl-dressed-gray-elegant-jacket-leaning-brick-wall-room-with-loft-interior-looking-camera_613910-18212.jpg", alt: "Happy customer Jane S."},
alt: "Happy customer Jane S.",
},
{ {
src: "http://img.b2bpic.net/free-photo/face-handsome-redhead-man-glasses-smiling-pleased-looking-upper-right-corner-standing_1258-173503.jpg", src: "http://img.b2bpic.net/free-photo/face-handsome-redhead-man-glasses-smiling-pleased-looking-upper-right-corner-standing_1258-173503.jpg", alt: "Happy customer Mike P."},
alt: "Happy customer Mike P.",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-happy-carefree-woman-with-curly-blonde-hair-stands-with-crossed-arms-wears-casual-pink-turtleneck-smiles-broadly-has-white-teeth-poses-against-brown-studio-wall-emotions-concept_273609-59426.jpg", src: "http://img.b2bpic.net/free-photo/portrait-happy-carefree-woman-with-curly-blonde-hair-stands-with-crossed-arms-wears-casual-pink-turtleneck-smiles-broadly-has-white-teeth-poses-against-brown-studio-wall-emotions-concept_273609-59426.jpg", alt: "Happy customer Alex R."},
alt: "Happy customer Alex R.",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", alt: "Happy customer Sarah L."},
alt: "Happy customer Sarah L.",
},
]} ]}
avatarText="Trusted by 1000+ happy customers in Austin" avatarText="Trusted by 1000+ happy customers in Austin"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Ceramic Coatings", icon: Paintbrush,
text: "Ceramic Coatings",
icon: Paintbrush,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Interior Deep Clean", icon: Car,
text: "Interior Deep Clean",
icon: Car,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Exterior Wash", icon: Sparkles,
text: "Exterior Wash",
icon: Sparkles,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Headlight Restoration", icon: Lightbulb,
text: "Headlight Restoration",
icon: Lightbulb,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Wheel Detailing", icon: Activity,
text: "Wheel Detailing",
icon: Activity,
}, },
]} ]}
/> />
@@ -137,35 +102,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Full Exterior Detailing & Car Wash", title: "Full Exterior Detailing & Car Wash", description: "Restore your car's exterior shine with our thorough wash, decontamination, and protection processes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg", imageAlt: "Car exterior detailing with foam"},
description: "Restore your car's exterior shine with our thorough wash, decontamination, and protection processes.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg",
imageAlt: "Car exterior detailing with foam",
},
{ {
title: "Interior Detailing", title: "Interior Detailing", description: "Experience a spotless cabin with deep cleaning, vacuuming, and conditioning for all surfaces.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193589.jpg", imageAlt: "Clean car interior dashboard"},
description: "Experience a spotless cabin with deep cleaning, vacuuming, and conditioning for all surfaces.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193589.jpg",
imageAlt: "Clean car interior dashboard",
},
{ {
title: "Paint & Exterior Protection", title: "Paint & Exterior Protection", description: "Guard your vehicle's finish against the elements with our long-lasting waxes, sealants, and ceramic coatings.", imageSrc: "http://img.b2bpic.net/free-photo/old-red-car-with-ribbon_181624-38.jpg", imageAlt: "Car paint protection coating"},
description: "Guard your vehicle's finish against the elements with our long-lasting waxes, sealants, and ceramic coatings.",
imageSrc: "http://img.b2bpic.net/free-photo/old-red-car-with-ribbon_181624-38.jpg",
imageAlt: "Car paint protection coating",
},
{ {
title: "Headlight Restoration", title: "Headlight Restoration", description: "Enhance visibility and aesthetics by restoring cloudy, yellowed headlights to their original clarity.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg", imageAlt: "Restored clear car headlight"},
description: "Enhance visibility and aesthetics by restoring cloudy, yellowed headlights to their original clarity.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg",
imageAlt: "Restored clear car headlight",
},
{ {
title: "Wheel & Rim Detailing", title: "Wheel & Rim Detailing", description: "Bring back the sparkle to your wheels and rims with deep cleaning, polishing, and tire dressing.", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-wheel-bolts_23-2148321924.jpg", imageAlt: "Clean car wheel and rim"},
description: "Bring back the sparkle to your wheels and rims with deep cleaning, polishing, and tire dressing.",
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-wheel-bolts_23-2148321924.jpg",
imageAlt: "Clean car wheel and rim",
},
]} ]}
title="Comprehensive Car Care, Delivered to You" title="Comprehensive Car Care, Delivered to You"
description="From a sparkling exterior to an immaculate interior, our expert mobile detailing services keep your vehicle looking its best. Affordable, convenient, and fully mobile." description="From a sparkling exterior to an immaculate interior, our expert mobile detailing services keep your vehicle looking its best. Affordable, convenient, and fully mobile."
@@ -179,28 +124,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "step-1", id: "step-1", value: "1", title: "Book Your Service", items: [
value: "1", "Choose your desired detailing package and schedule a convenient time online or by phone."],
title: "Book Your Service",
items: [
"Choose your desired detailing package and schedule a convenient time online or by phone.",
],
}, },
{ {
id: "step-2", id: "step-2", value: "2", title: "We Come To You", items: [
value: "2", "Our professional team arrives at your location in Austin, fully equipped with everything needed."],
title: "We Come To You",
items: [
"Our professional team arrives at your location in Austin, fully equipped with everything needed.",
],
}, },
{ {
id: "step-3", id: "step-3", value: "3", title: "Drive Away Clean", items: [
value: "3", "Relax while your car receives a meticulous 'doctor's treatment,' then enjoy its showroom shine!"],
title: "Drive Away Clean",
items: [
"Relax while your car receives a meticulous 'doctor's treatment,' then enjoy its showroom shine!",
],
}, },
]} ]}
title="Your Car Detailing Journey, Simplified" title="Your Car Detailing Journey, Simplified"
@@ -215,40 +148,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "testimonial-1", id: "testimonial-1", name: "Sarah J.", handle: "@AustinDriver", testimonial: "The Detail Doctor brought my car back to life! So convenient they come to you. Absolutely thrilled with the results!", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg"},
name: "Sarah J.",
handle: "@AustinDriver",
testimonial: "The Detail Doctor brought my car back to life! So convenient they come to you. Absolutely thrilled with the results!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",
},
{ {
id: "testimonial-2", id: "testimonial-2", name: "Michael Chen", handle: "@TechEnthusiast", testimonial: "Exceptional service and attention to detail. My car looks better than when I first bought it. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-upbeat-tender-feminine-young-brunette-woman-hold-smartphone-one-hand-showing-goodwill-wellbeing-sign-victory-peace-gesture-smiling-silly-express-enthusiasm-white-background_176420-51328.jpg"},
name: "Michael Chen",
handle: "@TechEnthusiast",
testimonial: "Exceptional service and attention to detail. My car looks better than when I first bought it. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-upbeat-tender-feminine-young-brunette-woman-hold-smartphone-one-hand-showing-goodwill-wellbeing-sign-victory-peace-gesture-smiling-silly-express-enthusiasm-white-background_176420-51328.jpg",
},
{ {
id: "testimonial-3", id: "testimonial-3", name: "Emily R.", handle: "@LocalFoodie", testimonial: "Couldn't be happier! Professional, affordable, and my interior is pristine. The Detail Doctor is my new go-to.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-work_23-2149546183.jpg"},
name: "Emily R.",
handle: "@LocalFoodie",
testimonial: "Couldn't be happier! Professional, affordable, and my interior is pristine. The Detail Doctor is my new go-to.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-work_23-2149546183.jpg",
},
{ {
id: "testimonial-4", id: "testimonial-4", name: "David Kim", handle: "@ATXExplorer", testimonial: "Fantastic job on my headlights! They look brand new. The mobile service makes it so easy. 5 stars!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg"},
name: "David Kim",
handle: "@ATXExplorer",
testimonial: "Fantastic job on my headlights! They look brand new. The mobile service makes it so easy. 5 stars!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg",
},
{ {
id: "testimonial-5", id: "testimonial-5", name: "Jessica Lee", handle: "@FitnessFan", testimonial: "My car's paint has never looked this good. The team was super friendly and efficient. Definitely worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg"},
name: "Jessica Lee",
handle: "@FitnessFan",
testimonial: "My car's paint has never looked this good. The team was super friendly and efficient. Definitely worth every penny!",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg",
},
]} ]}
title="Hear From Our Happy Customers" title="Hear From Our Happy Customers"
description="Discover why drivers across Austin trust The Detail Doctor for their mobile detailing needs. We're proud to maintain a 5.0-star rating." description="Discover why drivers across Austin trust The Detail Doctor for their mobile detailing needs. We're proud to maintain a 5.0-star rating."
@@ -262,28 +170,17 @@ export default function LandingPage() {
description="Contact us today to schedule your next mobile detailing appointment. We bring the shine to your doorstep across Austin, TX!" description="Contact us today to schedule your next mobile detailing appointment. We bring the shine to your doorstep across Austin, TX!"
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number", required: false,
type: "tel",
placeholder: "Phone Number",
required: false,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us about your car and detailing needs...", rows: 4,
placeholder: "Tell us about your car and detailing needs...",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193142.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193142.jpg"
@@ -301,23 +198,17 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Phone, icon: Phone,
href: "tel:+12065565243", href: "tel:+12065565243", ariaLabel: "Call us"},
ariaLabel: "Call us",
},
{ {
icon: MapPin, icon: MapPin,
href: "https://www.google.com/maps/search/1301+Crossing+Pl,+Austin,+TX+78741", href: "https://www.google.com/maps/search/1301+Crossing+Pl,+Austin,+TX+78741", ariaLabel: "Our Location"},
ariaLabel: "Our Location",
},
{ {
icon: Calendar, icon: Calendar,
href: "#contact", href: "#contact", ariaLabel: "Book an Appointment"},
ariaLabel: "Book an Appointment",
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }