Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cf3bb1256b |
195
src/app/page.tsx
195
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user