|
|
|
@@ -16,15 +16,15 @@ export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
borderRadius="pill"
|
|
|
|
borderRadius="rounded"
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
contentWidth="medium"
|
|
|
|
sizing="largeSmall"
|
|
|
|
sizing="medium"
|
|
|
|
background="circleGradient"
|
|
|
|
background="none"
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
cardStyle="solid"
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
headingFontWeight="normal"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarStyleCentered
|
|
|
|
<NavbarStyleCentered
|
|
|
|
@@ -43,8 +43,8 @@ export default function LandingPage() {
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroCentered
|
|
|
|
<HeroCentered
|
|
|
|
title="Professional Mobile Car Detailing in Santa Ana"
|
|
|
|
title="Professional Mobile Car Detailing in Santa Ana"
|
|
|
|
description="Premium car care brought to your location. Expert detailing, competitive pricing, and unmatched service quality. Get your vehicle showroom-ready today."
|
|
|
|
description="Premium car care brought to your location. Expert detailing, competitive pricing, and unmatched service quality."
|
|
|
|
background={{ variant: "downward-rays-static" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Satisfied customer" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Satisfied customer" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg", alt: "Happy client" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg", alt: "Happy client" },
|
|
|
|
@@ -55,7 +55,7 @@ export default function LandingPage() {
|
|
|
|
{ text: "Book Your Detail Now", href: "contact" },
|
|
|
|
{ text: "Book Your Detail Now", href: "contact" },
|
|
|
|
{ text: "Learn More", href: "services" }
|
|
|
|
{ text: "Learn More", href: "services" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="none"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -65,7 +65,7 @@ export default function LandingPage() {
|
|
|
|
description="Explore our comprehensive range of professional automotive detailing services"
|
|
|
|
description="Explore our comprehensive range of professional automotive detailing services"
|
|
|
|
tag="Services"
|
|
|
|
tag="Services"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="none"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
@@ -95,11 +95,11 @@ export default function LandingPage() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="none"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Get a Quote", href: "contact" }
|
|
|
|
{ text: "Get a Quote", href: "contact" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="none"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -109,13 +109,13 @@ export default function LandingPage() {
|
|
|
|
description="We bring premium car care directly to you with professional expertise and attention to detail"
|
|
|
|
description="We bring premium car care directly to you with professional expertise and attention to detail"
|
|
|
|
tag="Who We Are"
|
|
|
|
tag="Who We Are"
|
|
|
|
tagIcon={Shield}
|
|
|
|
tagIcon={Shield}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="none"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
imagePosition="right"
|
|
|
|
imagePosition="right"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-technician-fixing-car-parts-garage_53876-139589.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-technician-fixing-car-parts-garage_53876-139589.jpg"
|
|
|
|
imageAlt="Dillon's Mobile Detail team"
|
|
|
|
imageAlt="Dillon's Mobile Detail team"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="none"
|
|
|
|
bulletPoints={[
|
|
|
|
bulletPoints={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Mobile Convenience", description: "We come to you. No need to take time off work or wait at a facility. We detail your car at your home or office.", icon: Truck
|
|
|
|
title: "Mobile Convenience", description: "We come to you. No need to take time off work or wait at a facility. We detail your car at your home or office.", icon: Truck
|
|
|
|
@@ -133,7 +133,7 @@ export default function LandingPage() {
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Schedule Service", href: "contact" }
|
|
|
|
{ text: "Schedule Service", href: "contact" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="none"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -144,7 +144,7 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="none"
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{ id: "1", value: "500+", description: "Happy Customers Served" },
|
|
|
|
{ id: "1", value: "500+", description: "Happy Customers Served" },
|
|
|
|
{ id: "2", value: "5+ Years", description: "Industry Experience" },
|
|
|
|
{ id: "2", value: "5+ Years", description: "Industry Experience" },
|
|
|
|
@@ -160,7 +160,7 @@ export default function LandingPage() {
|
|
|
|
cardTag="See what they say"
|
|
|
|
cardTag="See what they say"
|
|
|
|
cardTagIcon={Heart}
|
|
|
|
cardTagIcon={Heart}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
cardAnimation="slide-up"
|
|
|
|
cardAnimation="none"
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{ id: "1", name: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Michael Rodriguez" },
|
|
|
|
{ id: "1", name: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Michael Rodriguez" },
|
|
|
|
{ id: "2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg", imageAlt: "Sarah Chen" },
|
|
|
|
{ id: "2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg", imageAlt: "Sarah Chen" },
|
|
|
|
@@ -176,17 +176,17 @@ export default function LandingPage() {
|
|
|
|
description="Find answers to common questions about our services"
|
|
|
|
description="Find answers to common questions about our services"
|
|
|
|
tag="Help Center"
|
|
|
|
tag="Help Center"
|
|
|
|
tagIcon={HelpCircle}
|
|
|
|
tagIcon={HelpCircle}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="none"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
faqsAnimation="none"
|
|
|
|
animationType="smooth"
|
|
|
|
animationType="instant"
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{ id: "1", title: "How long does a detail take?", content: "Standard exterior details typically take 2-3 hours, interior details 1-2 hours. Full package details can take 4-5 hours depending on vehicle condition. We'll provide an accurate time estimate when you book." },
|
|
|
|
{ id: "1", title: "How long does a detail take?", content: "Standard exterior details typically take 2-3 hours, interior details 1-2 hours. Full package details can take 4-5 hours depending on vehicle condition." },
|
|
|
|
{ id: "2", title: "Do you service all vehicle types?", content: "Yes! We detail sedans, SUVs, trucks, luxury vehicles, and more. Whether your car is brand new or older, we have the expertise to provide professional results." },
|
|
|
|
{ id: "2", title: "Do you service all vehicle types?", content: "Yes! We detail sedans, SUVs, trucks, luxury vehicles, and more. Whether your car is brand new or older, we have the expertise to provide professional results." },
|
|
|
|
{ id: "3", title: "What areas do you service?", content: "We provide mobile detailing throughout Santa Ana and surrounding Orange County areas. Contact us to confirm we service your specific location." },
|
|
|
|
{ id: "3", title: "What areas do you service?", content: "We provide mobile detailing throughout Santa Ana and surrounding Orange County areas. Contact us to confirm we service your specific location." },
|
|
|
|
{ id: "4", title: "Are your products safe for my vehicle?", content: "Absolutely. We use only professional-grade, vehicle-safe products approved for all paint types and finishes. All products are eco-friendly and non-toxic." },
|
|
|
|
{ id: "4", title: "Are your products safe for my vehicle?", content: "Absolutely. We use only professional-grade, vehicle-safe products approved for all paint types and finishes. All products are eco-friendly and non-toxic." },
|
|
|
|
{ id: "5", title: "How much does detailing cost?", content: "Pricing varies based on vehicle size and service package chosen. Basic exterior details start at $79, interior details at $99, and full packages at $199. Get a custom quote by contacting us." },
|
|
|
|
{ id: "5", title: "How much does detailing cost?", content: "Pricing varies based on vehicle size and service package chosen. Basic exterior details start at $79, interior details at $99, and full packages at $199." },
|
|
|
|
{ id: "6", title: "Can I schedule same-day service?", content: "Subject to availability, yes! We offer same-day booking for most services. Call or text us to check availability and reserve your slot." }
|
|
|
|
{ id: "6", title: "Can I schedule same-day service?", content: "Subject to availability, yes! We offer same-day booking for most services. Call or text us to check availability and reserve your slot." }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -196,15 +196,15 @@ export default function LandingPage() {
|
|
|
|
<ContactCTA
|
|
|
|
<ContactCTA
|
|
|
|
tag="Get in Touch"
|
|
|
|
tag="Get in Touch"
|
|
|
|
tagIcon={Phone}
|
|
|
|
tagIcon={Phone}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="none"
|
|
|
|
title="Ready to Transform Your Vehicle?"
|
|
|
|
title="Ready to Transform Your Vehicle?"
|
|
|
|
description="Book your professional detailing appointment today. Contact us via phone, text, or our online form. Same-day availability often available. Join hundreds of satisfied customers in Santa Ana."
|
|
|
|
description="Book your professional detailing appointment today. Contact us via phone, text, or our online form. Same-day availability often available."
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Call (714) 555-0123", href: "tel:+17145550123" },
|
|
|
|
{ text: "Call (714) 555-0123", href: "tel:+17145550123" },
|
|
|
|
{ text: "Text to Book", href: "sms:+17145550123" }
|
|
|
|
{ text: "Text to Book", href: "sms:+17145550123" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="none"
|
|
|
|
background={{ variant: "downward-rays-static" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|