203 lines
13 KiB
TypeScript
203 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Award, Users, Zap, Star, Facebook, Instagram, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Mobile One Detailing"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Professional Mobile Car Detailing at Your Door"
|
|
description="Experience premium automotive detailing services without leaving home. Expert team, superior products, and guaranteed satisfaction."
|
|
tag="Local Service Excellence"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
|
imageAlt="Professional mobile car detailing in progress"
|
|
buttons={[
|
|
{ text: "Book Your Service", href: "contact" },
|
|
{ text: "View Services", href: "services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
title="Premium Detailing Services"
|
|
description="Comprehensive automotive care solutions tailored to your vehicle's needs and your budget."
|
|
tag="Our Expertise"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Ceramic Coating", description: "Long-lasting paint protection with a hydrophobic finish that keeps your vehicle looking showroom-ready for months.", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg", imageAlt: "Ceramic coating protection on luxury vehicle"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Interior Detailing", description: "Deep cleaning of carpets, seats, and trim. We vacuum, shampoo, and condition every surface for a like-new interior.", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Professional interior car cleaning and detailing"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Wheel & Tire Care", description: "Specialized wheel cleaning and tire shine treatment. Your wheels will gleam with professional-grade products.", imageSrc: "https://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg", imageAlt: "Detailed and shined vehicle wheels"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Choose Mobile One Detailing for Your Vehicle Care"
|
|
useInvertedBackground={false}
|
|
metricsAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Years of Experience", value: "8+"
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Satisfied Customers", value: "500+"
|
|
},
|
|
{
|
|
icon: Zap,
|
|
label: "Services Monthly", value: "100+"
|
|
},
|
|
{
|
|
icon: Star,
|
|
label: "Average Rating", value: "4.9/5"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Real feedback from satisfied customers who trust Mobile One Detailing with their vehicles."
|
|
tag="Customer Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Mitchell, Car Enthusiast", date: "Date: December 15, 2024", title: "Exceptional results, true professionals", quote: "Mobile One Detailing transformed my vehicle. The attention to detail is unmatched, and they arrived right on time. My car looks better than when I first bought it. I recommend them to everyone.", tag: "Premium Package", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", avatarAlt: "James Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Johnson, Business Owner", date: "Date: December 10, 2024", title: "Convenient and professional service", quote: "As a busy professional, having mobile detailing come to me is a game-changer. The team is punctual, courteous, and delivers outstanding results. My company vehicles have never looked better.", tag: "Fleet Service", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg", avatarAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Michael Torres, Luxury Car Owner", date: "Date: December 5, 2024", title: "Protects my investment perfectly", quote: "I trusted Mobile One with my prized luxury vehicle. Their ceramic coating service is phenomenal. My car has that protective layer and lustrous finish I was looking for. Highly recommended.", tag: "Ceramic Coating", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageSrc: "https://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg", avatarAlt: "Michael Torres"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Lee, Family Manager", date: "Date: November 28, 2024", title: "Family car looks showroom-ready", quote: "Their interior detailing service is incredible. My family's vehicle interior is spotless, and the upholstery smells fresh. The kids were amazed at how clean everything became. Worth every penny.", tag: "Interior Detail", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", avatarAlt: "Jennifer Lee"
|
|
},
|
|
{
|
|
id: "5", name: "David Chen, Corporate Fleet Manager", date: "Date: November 20, 2024", title: "Reliable partner for our fleet needs", quote: "Managing a corporate fleet means maintaining appearances. Mobile One Detailing handles our vehicles with professionalism and consistency. They're reliable, affordable, and deliver consistent quality every time.", tag: "Fleet Package", avatarSrc: "https://img.b2bpic.net/free-photo/you-got-it-congratulations-portrait-cheeky-handsome-africanamerican-man-winking-smiling-praising-great-job-pointing-fingers-camera-picking-making-his-choice-flirting-someone_176420-52701.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg", avatarAlt: "David Chen"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Common questions about our detailing services and process."
|
|
tag="Help & Support"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does a typical detailing service take?", content: "Standard exterior detailing takes 2-3 hours, while interior detailing ranges from 2-4 hours depending on vehicle size and condition. Ceramic coating applications may take additional time for proper curing. We'll provide a specific timeline when you book."
|
|
},
|
|
{
|
|
id: "2", title: "What is included in your ceramic coating service?", content: "Our ceramic coating includes paint preparation, professional application of nano-ceramic protection, and curing time. The result is a hydrophobic finish that repels water, protects against UV damage, and maintains your vehicle's shine for 12+ months with proper maintenance."
|
|
},
|
|
{
|
|
id: "3", title: "Do you service all vehicle types?", content: "Yes! We detail cars, trucks, SUVs, vans, and motorcycles. Our mobile service adapts to any vehicle size. Whether you have a compact sedan or a large luxury SUV, we have the expertise and equipment to deliver premium results."
|
|
},
|
|
{
|
|
id: "4", title: "How far do you travel for mobile service?", content: "We service the entire local area within a 15-mile radius. If you're outside this range, contact us to discuss special arrangements. We're flexible and willing to work with customers for larger fleet jobs or special requests."
|
|
},
|
|
{
|
|
id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and digital payment methods including PayPal and Venmo. Payment is collected after service completion. For fleet customers, we offer invoicing and monthly billing options."
|
|
},
|
|
{
|
|
id: "6", title: "Can I schedule a same-day appointment?", content: "While same-day availability depends on our schedule, we often accommodate last-minute requests. Contact us directly by phone or message to check availability. For best results and guaranteed scheduling, we recommend booking 2-3 days in advance."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your vehicle? Schedule your detailing appointment today and experience the Mobile One Detailing difference. Your vehicle deserves professional care."
|
|
animationType="reveal-blur"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Now", href: "#booking" },
|
|
{ text: "Get a Quote", href: "#quote" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Mobile One Detailing"
|
|
copyrightText="© 2025 Mobile One Detailing. Premium automotive care for your vehicle."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/mobilleonedetailing", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/mobilleonedetailing", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Phone,
|
|
href: "tel:+1-555-123-4567", ariaLabel: "Call us"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |