192 lines
11 KiB
TypeScript
192 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Shield, Star, CheckCircle, Sparkles } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Elite Detailing"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "testimonials" }
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+18026837814"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Elite Car Detailing — Like New, Every Time "
|
|
description="5.0-Star Rated Detailing Trusted by Local Drivers. Book Early — We Fill Up Fast!"
|
|
tag="⭐ 5.0 Rating | 30+ Reviews"
|
|
background={{ variant: "canvas-reveal" }}
|
|
buttons={[
|
|
{ text: "Call Now (802) 683-7814", href: "tel:+18026837814" },
|
|
{ text: "Request a Quote", href: "#contact" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/truck-driver-putting-gloves-remove-vehicle-tarpaulin-unloading_342744-1295.jpg", imageAlt: "Freshly detailed truck with professional finish"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg", imageAlt: "Clean car interior after professional detailing"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg", imageAlt: "Shiny exterior of a newly detailed vehicle"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/fireman-holding-jacket-protective-helmet-garage-fire-department-leaning-fire-engine-looking-outside_613910-20419.jpg", imageAlt: "Premium SUV detailing showcase"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Elite Detailing */}
|
|
<div id="why-us" data-section="why-us">
|
|
<AboutMetric
|
|
title="Why Elite Detailing Stands Out in Rutland"
|
|
metrics={[
|
|
{ icon: Shield, label: "Locally Owned & Operated", value: "15+ Years" },
|
|
{ icon: Star, label: "Customer Satisfaction", value: "5.0 Rating" },
|
|
{ icon: CheckCircle, label: "Meticulous Attention", value: "Every Detail" },
|
|
{ icon: Sparkles, label: "Fair Pricing", value: "No Hidden Fees" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Overview */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="Our Detailing Services"
|
|
description="Professional detailing solutions designed to transform your vehicle and maintain its pristine appearance."
|
|
tag="Premium Services"
|
|
features={[
|
|
{
|
|
title: "Interior Detailing", description: "Deep cleaning of seats, carpets, and interior surfaces. Odor elimination and stain removal included.", imageSrc: "https://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg", imageAlt: "car interior cleaning detail professional", button: { text: "Learn More", href: "tel:+18026837814" }
|
|
},
|
|
{
|
|
title: "Exterior Detailing", description: "Professional wash, wax, and polish. Paint protection and ceramic coating options available.", imageSrc: "https://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg", imageAlt: "car wash exterior shine professional", button: { text: "Learn More", href: "tel:+18026837814" }
|
|
},
|
|
{
|
|
title: "Truck & SUV Detailing", description: "Specialized services for larger vehicles. Engine bay cleaning and undercarriage care included.", imageSrc: "https://img.b2bpic.net/free-photo/fireman-holding-jacket-protective-helmet-garage-fire-department-leaning-fire-engine-looking-outside_613910-20419.jpg", imageAlt: "SUV detailing clean shiny professional", button: { text: "Learn More", href: "tel:+18026837814" }
|
|
},
|
|
{
|
|
title: "Pet Hair & Deep Cleaning", description: "Advanced pet hair extraction technology. Odor removal and allergen treatment for families with pets.", imageSrc: "https://img.b2bpic.net/free-photo/truck-driver-putting-gloves-remove-vehicle-tarpaulin-unloading_342744-1295.jpg", imageAlt: "truck detailing clean shiny professional", button: { text: "Learn More", href: "tel:+18026837814" }
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real testimonials from satisfied local drivers who trust Elite Detailing with their vehicles."
|
|
tag="5.0 Star Rated"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Mark Johnson", handle: "@markj_rutland", testimonial: "My truck looked cleaner than the day it rolled off the lot. Frank and his team are true professionals.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489656.jpg", imageAlt: "portrait man truck owner happy"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Williams", handle: "@sarahw_family", testimonial: "Our family has great trust in Frank and his staff. They treat our vehicles like their own.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489668.jpg", imageAlt: "portrait woman car family happy"
|
|
},
|
|
{
|
|
id: "3", name: "David Chen", handle: "@davidc_vt", testimonial: "Top notch service — heads above the rest. I've been coming back for 5 years.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/shot-professional-truck-driver-standing-by-his-truck-with-tablet-setting-up-gps-navigation-ride_342744-1344.jpg", imageAlt: "portrait man professional business confident"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Brooks", handle: "@jen_brooks", testimonial: "Best detail job I've ever had. The attention to detail is incredible. Highly recommend!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident_1298-133.jpg", imageAlt: "portrait woman professional confident smile"
|
|
},
|
|
{
|
|
id: "5", name: "Tom Patterson", handle: "@tompatterson", testimonial: "Fair pricing, exceptional results. This is where I bring all my vehicles.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-blue-shirt-guy-tractor-agricultural-machinery_1157-43629.jpg", imageAlt: "portrait man casual happy outdoor"
|
|
},
|
|
{
|
|
id: "6", name: "Lisa Rodriguez", handle: "@lisarodriguez", testimonial: "Professional, reliable, and trustworthy. Elite Detailing is the only choice in Rutland.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489740.jpg", imageAlt: "portrait woman casual smile outdoor"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Metrics & Trust Signals */}
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Elite Detailing by the Numbers — Trusted Local Expert"
|
|
tag="Local Trust"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "30+", description: "Five-star reviews from happy customers in Rutland and surrounding areas."
|
|
},
|
|
{
|
|
id: "2", value: "15+", description: "Years of experience delivering premium detailing services to local families and businesses."
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact & CTA */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Ready to Transform Your Vehicle?"
|
|
description="Call Elite Detailing today or fill out the form below. Appointments fill up quickly — book your detail now!"
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Request Quote"
|
|
termsText="We respect your privacy. We'll only contact you about your quote request."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<FooterCard
|
|
logoText="Elite Detailing"
|
|
copyrightText="© 2025 Elite Detailing | 2647 US-7, Rutland, VT 05701 | (802) 683-7814"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |