261 lines
12 KiB
TypeScript
261 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Star } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
const handleEmailSubmit = (email: string) => {
|
|
console.log('Email submitted:', email);
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="small"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Mobile One Detailing"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "reviews" }
|
|
]}
|
|
button={{
|
|
text: "Call Now",
|
|
href: "tel:(540)718-6636"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSignup
|
|
tag="Professional Mobile Detailing"
|
|
tagIcon={Sparkles}
|
|
title="Premium Car Detailing at Your Doorstep"
|
|
description="Professional mobile detailing service serving Locust Grove, VA and surrounding areas. Same-day scheduling available. Trusted by local car owners for 5+ years."
|
|
background={{ variant: "plain" }}
|
|
inputPlaceholder="Enter your email for a free quote"
|
|
buttonText="Get Free Quote"
|
|
onSubmit={handleEmailSubmit}
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<SocialProofOne
|
|
tag="Service Area"
|
|
title="Serving Locust Grove & Surrounding Communities"
|
|
description="Conveniently located in Locust Grove, VA 22508. We service all of Louisa County and neighboring areas."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Locust Grove, VA", "Louisa County", "Lake Anna", "Mineral, VA", "Gordonsville, VA", "Bumpass, VA"]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
tag="Our Services"
|
|
title="Comprehensive Detailing Solutions"
|
|
description="Professional car detailing services tailored to your vehicle's needs"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Interior",
|
|
title: "Interior Detailing",
|
|
subtitle: "Deep clean and protection for your cabin",
|
|
description: "Complete interior restoration including vacuuming, upholstery cleaning, dashboard treatment, and odor elimination. We treat every surface with care.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",
|
|
imageAlt: "car interior cleaning vehicle detailing professional cleaning"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Exterior",
|
|
title: "Exterior Detailing",
|
|
subtitle: "Paint protection and deep shine",
|
|
description: "Professional wash, clay bar treatment, paint correction, and protective coatings. Your car will turn heads with a showroom finish.",
|
|
imageSrc: "https://img.b2bpic.net/free-psd/car-wash-detailing-service-web-banner-template_106176-4981.jpg",
|
|
imageAlt: "car exterior washing vehicle detailing car shine"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Specialty",
|
|
title: "Stain & Seat Cleaning",
|
|
subtitle: "Restore upholstery to like-new condition",
|
|
description: "Advanced stain removal and deep seat cleaning using professional-grade treatments. We restore the original appearance of leather and fabric.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",
|
|
imageAlt: "car seat cleaning upholstery cleaning stain removal"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Specialty",
|
|
title: "Floor Mat Restoration",
|
|
subtitle: "Revitalize worn mats and carpets",
|
|
description: "Deep cleaning and restoration of floor mats and carpeting. Removes embedded dirt and odors, extending the life of your interior.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36592.jpg",
|
|
imageAlt: "car floor mat carpet cleaning car interior"
|
|
},
|
|
{
|
|
id: 5,
|
|
tag: "Vehicles",
|
|
title: "Vans & Daily Drivers",
|
|
subtitle: "Perfect for commercial and personal use",
|
|
description: "Specialized detailing for vans and high-mileage vehicles. We handle the toughest jobs with the same attention to detail.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg",
|
|
imageAlt: "van detailing commercial vehicle professional cleaning"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTen
|
|
tag="Google Reviews"
|
|
tagIcon={Star}
|
|
title="Trusted by Local Car Owners"
|
|
description="4.7 ⭐ rating from 13 Google Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Professional and thorough work",
|
|
quote: "Terrence did an amazing job on my truck. The interior looks brand new, and the attention to detail is incredible. Highly recommend!",
|
|
name: "James Mitchell",
|
|
role: "Local Business Owner",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
|
imageAlt: "business owner portrait professional headshot man photo"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Reliable and responsive service",
|
|
quote: "Can't beat the convenience of mobile detailing. Terrence came right to my home, completed the job efficiently, and my car looks fantastic.",
|
|
name: "Sarah Johnson",
|
|
role: "Homeowner",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
|
imageAlt: "woman portrait professional photo happy customer"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Worth every penny",
|
|
quote: "Fair pricing and exceptional results. The seats look restored, not just cleaned. This is my go-to service for car maintenance.",
|
|
name: "David Chen",
|
|
role: "Fleet Manager",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
|
imageAlt: "fleet manager professional man leadership portrait"
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Attention to detail is unmatched",
|
|
quote: "I've used other detailing services before, but Mobile One is on another level. Professional, friendly, and thorough. Highly satisfied!",
|
|
name: "Maria Rodriguez",
|
|
role: "Office Professional",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg",
|
|
imageAlt: "office professional woman confident portrait marketing professional"
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Best decision I made for my car",
|
|
quote: "Stain removal on my vans was flawless. Terrence takes pride in his work and it shows. Booking again for sure!",
|
|
name: "Robert Williams",
|
|
role: "Contractor",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/bearded-male-manager-formal-suit-his-female-assistant_273609-4719.jpg",
|
|
imageAlt: "contractor man skilled worker professional portrait"
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Owner takes real care of your vehicle",
|
|
quote: "Owner-operated means you get quality care. My daily driver has never looked better. Will definitely recommend to friends.",
|
|
name: "Emily Thompson",
|
|
role: "Marketing Manager",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/face-happy-male-executive-looking-camera-smiling_1262-14920.jpg",
|
|
imageAlt: "marketing manager woman confident professional satisfied customer"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TextAbout
|
|
tag="Why Choose Us"
|
|
title="Mobile Convenience Meets Professional Excellence"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Schedule Now",
|
|
href: "tel:(540)718-6636"
|
|
},
|
|
{
|
|
text: "Get Quote",
|
|
href: "#contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Ready to Schedule?"
|
|
title="Get Professional Detailing Today"
|
|
description="Same-day and flexible scheduling available. Call now or submit a quote request below."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Quote"
|
|
termsText="We respect your privacy. Your information helps us provide a personalized quote."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Reviews", href: "#reviews" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "(540) 718-6636", href: "tel:(540)718-6636" },
|
|
{ label: "Locust Grove, VA", href: "https://maps.google.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Hours",
|
|
items: [
|
|
{ label: "Open Daily" },
|
|
{ label: "Closes 8 PM" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Mobile One Detailing. All rights reserved."
|
|
bottomRightText="Professional Car Detailing in Locust Grove, VA"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |