bender/37532b06-9a14-40a2-bef1-5ee3ad84c848
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 14:48:50 +00:00
parent 9a8d1267c4
commit cf3bb1256b
1 changed files with 43 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
src/app/page.tsx
View File

@@ -30,100 +30,65 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "How It Works",
id: "#how-it-works",
},
name: "How It Works", id: "#how-it-works"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="The Detail Doctor"
button={{
text: "Book Now",
href: "tel:+12065565243",
}}
text: "Book Now", href: "tel:+12065565243"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
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."
buttons={[
{
text: "Book Now",
href: "tel:+12065565243",
},
text: "Book Now", 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"
mediaAnimation="slide-up"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
alt: "Happy customer John D.",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", 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",
alt: "Happy customer Jane S.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
alt: "Happy customer Sarah L.",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", alt: "Happy customer Sarah L."},
]}
avatarText="Trusted by 1000+ happy customers in Austin"
marqueeItems={[
{
type: "text-icon",
text: "Ceramic Coatings",
icon: Paintbrush,
type: "text-icon", text: "Ceramic Coatings", icon: Paintbrush,
},
{
type: "text-icon",
text: "Interior Deep Clean",
icon: Car,
type: "text-icon", text: "Interior Deep Clean", icon: Car,
},
{
type: "text-icon",
text: "Exterior Wash",
icon: Sparkles,
type: "text-icon", text: "Exterior Wash", icon: Sparkles,
},
{
type: "text-icon",
text: "Headlight Restoration",
icon: Lightbulb,
type: "text-icon", text: "Headlight Restoration", icon: Lightbulb,
},
{
type: "text-icon",
text: "Wheel Detailing",
icon: Activity,
type: "text-icon", text: "Wheel Detailing", icon: Activity,
},
]}
/>
@@ -137,35 +102,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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."
@@ -179,28 +124,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "step-1",
value: "1",
title: "Book Your Service",
items: [
"Choose your desired detailing package and schedule a convenient time online or by phone.",
],
id: "step-1", value: "1", title: "Book Your Service", items: [
"Choose your desired detailing package and schedule a convenient time online or by phone."],
},
{
id: "step-2",
value: "2",
title: "We Come To You",
items: [
"Our professional team arrives at your location in Austin, fully equipped with everything needed.",
],
id: "step-2", value: "2", title: "We Come To You", items: [
"Our professional team arrives at your location in Austin, fully equipped with everything needed."],
},
{
id: "step-3",
value: "3",
title: "Drive Away Clean",
items: [
"Relax while your car receives a meticulous 'doctor's treatment,' then enjoy its showroom shine!",
],
id: "step-3", value: "3", 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"
@@ -215,40 +148,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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."
@@ -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!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your car and detailing needs...",
rows: 4,
name: "message", placeholder: "Tell us about your car and detailing needs...", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193142.jpg"
@@ -301,23 +198,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Phone,
href: "tel:+12065565243",
ariaLabel: "Call us",
},
href: "tel:+12065565243", ariaLabel: "Call us"},
{
icon: MapPin,
href: "https://www.google.com/maps/search/1301+Crossing+Pl,+Austin,+TX+78741",
ariaLabel: "Our Location",
},
href: "https://www.google.com/maps/search/1301+Crossing+Pl,+Austin,+TX+78741", ariaLabel: "Our Location"},
{
icon: Calendar,
href: "#contact",
ariaLabel: "Book an Appointment",
},
href: "#contact", ariaLabel: "Book an Appointment"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}