Merge version_1 into main #4
322
src/app/page.tsx
322
src/app/page.tsx
@@ -7,17 +7,9 @@ import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwen
|
|||||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||||
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||||
import Link from "next/link";
|
import { Sparkles, Car, Armchair, Check, Zap, Shield, Truck, Star, DollarSign, HelpCircle } from "lucide-react";
|
||||||
import { Sparkles, Car, Armchair, Check, Zap, Shield, Truck, Star, DollarSign } from "lucide-react";
|
|
||||||
|
|
||||||
const navItems = [
|
|
||||||
{ name: "Home", id: "/" },
|
|
||||||
{ name: "Services", id: "/services" },
|
|
||||||
{ name: "Pricing", id: "/pricing" },
|
|
||||||
{ name: "Gallery", id: "/gallery" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
|
||||||
];
|
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
return (
|
return (
|
||||||
@@ -27,21 +19,29 @@ export default function HomePage() {
|
|||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="small"
|
contentWidth="small"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="mediumLargeSizeMediumTitles"
|
||||||
background="fluid"
|
background="circleGradient"
|
||||||
cardStyle="gradient-bordered"
|
cardStyle="gradient-bordered"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
|
{/* Navbar */}
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={navItems}
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "Services", id: "/services" },
|
||||||
|
{ name: "Pricing", id: "/pricing" },
|
||||||
|
{ name: "Gallery", id: "/gallery" },
|
||||||
|
{ name: "Contact", id: "#contact" },
|
||||||
|
]}
|
||||||
brandName="Elite Auto Detailing"
|
brandName="Elite Auto Detailing"
|
||||||
bottomLeftText="Professional Auto Detailing"
|
bottomLeftText="Professional Auto Detailing"
|
||||||
bottomRightText="(###) ###-#### or text us"
|
bottomRightText="(###) ###-#### or text us"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
title="Premium Auto Detailing — Mobile Service Available"
|
title="Premium Auto Detailing — Mobile Service Available"
|
||||||
@@ -49,7 +49,7 @@ export default function HomePage() {
|
|||||||
tag="Premium Mobile Detailing"
|
tag="Premium Mobile Detailing"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "fluid" }}
|
background={{ variant: "plain" }}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
||||||
imageAlt="Professional auto detailing showcase"
|
imageAlt="Professional auto detailing showcase"
|
||||||
buttons={[
|
buttons={[
|
||||||
@@ -60,6 +60,7 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Services Overview */}
|
||||||
<div id="services-overview" data-section="services-overview">
|
<div id="services-overview" data-section="services-overview">
|
||||||
<FeatureCardTwentyFive
|
<FeatureCardTwentyFive
|
||||||
title="Our Premium Services"
|
title="Our Premium Services"
|
||||||
@@ -69,111 +70,45 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Interior Detailing",
|
title: "Interior Detailing", description: "Deep carpet shampooing, leather conditioning, stain removal, and complete interior refresh to restore your cabin to pristine condition.", icon: Armchair,
|
||||||
description:
|
|
||||||
"Deep carpet shampooing, leather conditioning, stain removal, and complete interior refresh to restore your cabin to pristine condition.",
|
|
||||||
icon: Armchair,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg?_wi=1", imageAlt: "Interior detailing before" },
|
||||||
imageSrc:
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1", imageAlt: "Interior detailing after" },
|
||||||
"http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg?_wi=1",
|
|
||||||
imageAlt: "Interior detailing before",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1",
|
|
||||||
imageAlt: "Interior detailing after",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Exterior Detailing",
|
title: "Exterior Detailing", description: "Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish.", icon: Sparkles,
|
||||||
description:
|
|
||||||
"Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish.",
|
|
||||||
icon: Sparkles,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/image-dirty-car-after-trip-off-road-stands-against-brick-wall-old-part-town_613910-6302.jpg?_wi=1", imageAlt: "Exterior detailing before" },
|
||||||
imageSrc:
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1", imageAlt: "Exterior detailing after" },
|
||||||
"http://img.b2bpic.net/free-photo/image-dirty-car-after-trip-off-road-stands-against-brick-wall-old-part-town_613910-6302.jpg?_wi=1",
|
|
||||||
imageAlt: "Exterior detailing before",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1",
|
|
||||||
imageAlt: "Exterior detailing after",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Full Detail Package",
|
title: "Full Detail Package", description: "Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance.", icon: Check,
|
||||||
description:
|
|
||||||
"Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance.",
|
|
||||||
icon: Check,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg?_wi=1", imageAlt: "Full detail before" },
|
||||||
imageSrc:
|
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=1", imageAlt: "Full detail after" },
|
||||||
"http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg?_wi=1",
|
|
||||||
imageAlt: "Full detail before",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=1",
|
|
||||||
imageAlt: "Full detail after",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Paint Correction",
|
title: "Paint Correction", description: "Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance.", icon: Zap,
|
||||||
description:
|
|
||||||
"Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance.",
|
|
||||||
icon: Zap,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg?_wi=1", imageAlt: "Paint correction before" },
|
||||||
imageSrc:
|
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=1", imageAlt: "Paint correction after" },
|
||||||
"http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg?_wi=1",
|
|
||||||
imageAlt: "Paint correction before",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=1",
|
|
||||||
imageAlt: "Paint correction after",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Ceramic Coating",
|
title: "Ceramic Coating", description: "Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required.", icon: Shield,
|
||||||
description:
|
|
||||||
"Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required.",
|
|
||||||
icon: Shield,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1", imageAlt: "Ceramic coating application" },
|
||||||
imageSrc:
|
{ imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Ceramic coating result" },
|
||||||
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1",
|
|
||||||
imageAlt: "Ceramic coating application",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg?_wi=1",
|
|
||||||
imageAlt: "Ceramic coating result",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Fleet Detailing",
|
title: "Fleet Detailing", description: "Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling.", icon: Truck,
|
||||||
description:
|
|
||||||
"Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling.",
|
|
||||||
icon: Truck,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg", imageAlt: "Fleet vehicles before" },
|
||||||
imageSrc:
|
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-278.jpg", imageAlt: "Fleet vehicles after" },
|
||||||
"http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg?_wi=1",
|
|
||||||
imageAlt: "Fleet vehicles before",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-278.jpg?_wi=1",
|
|
||||||
imageAlt: "Fleet vehicles after",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -185,81 +120,32 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* How It Works */}
|
||||||
<div id="how-it-works" data-section="how-it-works">
|
<div id="how-it-works" data-section="how-it-works">
|
||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
title="How It Works: Three Simple Steps to a Perfectly Detailed Vehicle"
|
title="How It Works: Three Simple Steps to a Perfectly Detailed Vehicle"
|
||||||
tag="Our Process"
|
tag="Our Process"
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "Request", description: "Fill out our quick online form or call us. Tell us your vehicle type, desired services, and preferred date." },
|
||||||
id: "1",
|
{ id: "2", value: "Schedule", description: "We confirm your appointment and provide a time window. We handle all the details for mobile service to your location." },
|
||||||
value: "Request",
|
{ id: "3", value: "We Detail", description: "Our professional team arrives with premium equipment and products. Your vehicle is transformed to showroom condition." },
|
||||||
description:
|
|
||||||
"Fill out our quick online form or call us. Tell us your vehicle type, desired services, and preferred date.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "Schedule",
|
|
||||||
description:
|
|
||||||
"We confirm your appointment and provide a time window. We handle all the details for mobile service to your location.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
value: "We Detail",
|
|
||||||
description:
|
|
||||||
"Our professional team arrives with premium equipment and products. Your vehicle is transformed to showroom condition.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Testimonials */}
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1", imageAlt: "Sarah Johnson" },
|
||||||
id: "1",
|
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1", imageAlt: "Michael Chen" },
|
||||||
name: "Sarah Johnson",
|
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg?_wi=1", imageAlt: "Emily Rodriguez" },
|
||||||
imageSrc:
|
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg?_wi=1", imageAlt: "David Kim" },
|
||||||
"http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1",
|
{ id: "5", name: "Jessica Martinez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2", imageAlt: "Jessica Martinez" },
|
||||||
imageAlt: "Sarah Johnson testimonial",
|
{ id: "6", name: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Robert Thompson" },
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael Chen",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
|
|
||||||
imageAlt: "Michael Chen testimonial",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Rodriguez",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg?_wi=1",
|
|
||||||
imageAlt: "Emily Rodriguez testimonial",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Kim",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg?_wi=1",
|
|
||||||
imageAlt: "David Kim testimonial",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jessica Martinez",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2",
|
|
||||||
imageAlt: "Jessica Martinez testimonial",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Robert Thompson",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
|
|
||||||
imageAlt: "Robert Thompson testimonial",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Trusted by hundreds of satisfied customers who love our results"
|
cardTitle="Trusted by hundreds of satisfied customers who love our results"
|
||||||
cardTag="Customer Reviews"
|
cardTag="Customer Reviews"
|
||||||
@@ -269,6 +155,7 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Pricing */}
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardNine
|
<PricingCardNine
|
||||||
title="Transparent Pricing for Every Budget"
|
title="Transparent Pricing for Every Budget"
|
||||||
@@ -278,87 +165,24 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", title: "Basic Clean", price: "Starting at $89", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=1", imageAlt: "Basic Clean package", button: { text: "Book Now", href: "#contact" },
|
||||||
title: "Basic Clean",
|
features: ["Exterior wash and dry", "Tire shine", "Window cleaning", "Quick vacuum interior"],
|
||||||
price: "Starting at $89",
|
|
||||||
period: "per vehicle",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=1",
|
|
||||||
imageAlt: "Basic Clean package",
|
|
||||||
button: { text: "Book Now", href: "#contact" },
|
|
||||||
features: [
|
|
||||||
"Exterior wash and dry",
|
|
||||||
"Tire shine",
|
|
||||||
"Window cleaning",
|
|
||||||
"Quick vacuum interior",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "interior-refresh",
|
id: "interior-refresh", title: "Interior Refresh", price: "Starting at $149", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1", imageAlt: "Interior Refresh package", button: { text: "Book Now", href: "#contact" },
|
||||||
title: "Interior Refresh",
|
features: ["Complete interior vacuum", "Carpet and upholstery cleaning", "Dashboard cleaning", "Interior protectant"],
|
||||||
price: "Starting at $149",
|
|
||||||
period: "per vehicle",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1",
|
|
||||||
imageAlt: "Interior Refresh package",
|
|
||||||
button: { text: "Book Now", href: "#contact" },
|
|
||||||
features: [
|
|
||||||
"Complete interior vacuum",
|
|
||||||
"Carpet and upholstery cleaning",
|
|
||||||
"Dashboard cleaning",
|
|
||||||
"Interior protectant",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "exterior-shine",
|
id: "exterior-shine", title: "Exterior Shine", price: "Starting at $179", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-2793.jpg", imageAlt: "Exterior Shine package", button: { text: "Book Now", href: "#contact" },
|
||||||
title: "Exterior Shine",
|
features: ["Professional wash and dry", "Clay bar decontamination", "Premium wax application", "Trim and tire conditioning"],
|
||||||
price: "Starting at $179",
|
|
||||||
period: "per vehicle",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-2793.jpg?_wi=1",
|
|
||||||
imageAlt: "Exterior Shine package",
|
|
||||||
button: { text: "Book Now", href: "#contact" },
|
|
||||||
features: [
|
|
||||||
"Professional wash and dry",
|
|
||||||
"Clay bar decontamination",
|
|
||||||
"Premium wax application",
|
|
||||||
"Trim and tire conditioning",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "full-detail",
|
id: "full-detail", title: "Full Detail", price: "Starting at $299", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=1", imageAlt: "Full Detail package - Most Popular", button: { text: "Book Now", href: "#contact" },
|
||||||
title: "Full Detail",
|
features: ["Complete interior detailing", "Professional exterior detailing", "Paint protection", "Engine bay cleaning", "Leather conditioning", "Interior protectant"],
|
||||||
price: "Starting at $299",
|
|
||||||
period: "per vehicle",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=1",
|
|
||||||
imageAlt: "Full Detail package - Most Popular",
|
|
||||||
button: { text: "Book Now", href: "#contact" },
|
|
||||||
features: [
|
|
||||||
"Complete interior detailing",
|
|
||||||
"Professional exterior detailing",
|
|
||||||
"Paint protection",
|
|
||||||
"Engine bay cleaning",
|
|
||||||
"Leather conditioning",
|
|
||||||
"Interior protectant",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "ceramic-package",
|
id: "ceramic-package", title: "Ceramic Coating", price: "Starting at $499", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2", imageAlt: "Ceramic Coating package", button: { text: "Book Now", href: "#contact" },
|
||||||
title: "Ceramic Coating",
|
features: ["Full detail package included", "Professional ceramic coating", "Multi-year paint protection", "Hydrophobic finish", "Free 6-month inspection"],
|
||||||
price: "Starting at $499",
|
|
||||||
period: "per vehicle",
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2",
|
|
||||||
imageAlt: "Ceramic Coating package",
|
|
||||||
button: { text: "Book Now", href: "#contact" },
|
|
||||||
features: [
|
|
||||||
"Full detail package included",
|
|
||||||
"Professional ceramic coating",
|
|
||||||
"Multi-year paint protection",
|
|
||||||
"Hydrophobic finish",
|
|
||||||
"Free 6-month inspection",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -369,6 +193,30 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Contact */}
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactSplitForm
|
||||||
|
title="Get Started Today"
|
||||||
|
description="Book your appointment or request a quote. Our team responds within hours. Mobile service available throughout our service area."
|
||||||
|
inputs={[
|
||||||
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
|
{ name: "phone", type: "tel", placeholder: "(###) ###-####", required: true },
|
||||||
|
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
||||||
|
{ name: "vehicleType", type: "text", placeholder: "Vehicle Type (Car, Truck, SUV, etc.)", required: true },
|
||||||
|
{ name: "service", type: "text", placeholder: "Service Desired", required: true },
|
||||||
|
{ name: "address", type: "text", placeholder: "Service Address", required: true },
|
||||||
|
]}
|
||||||
|
textarea={{ name: "notes", placeholder: "Additional details or preferred date/time", rows: 4 }}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=1"
|
||||||
|
imageAlt="Professional detailing equipment"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
mediaPosition="right"
|
||||||
|
buttonText="Request Appointment"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg?_wi=1"
|
||||||
@@ -377,8 +225,7 @@ export default function HomePage() {
|
|||||||
copyrightText="© 2025 Elite Auto Detailing & Mobile Services LLC. All rights reserved."
|
copyrightText="© 2025 Elite Auto Detailing & Mobile Services LLC. All rights reserved."
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{ label: "Interior Detailing", href: "/services" },
|
{ label: "Interior Detailing", href: "/services" },
|
||||||
{ label: "Exterior Detailing", href: "/services" },
|
{ label: "Exterior Detailing", href: "/services" },
|
||||||
{ label: "Paint Correction", href: "/services" },
|
{ label: "Paint Correction", href: "/services" },
|
||||||
@@ -387,8 +234,7 @@ export default function HomePage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{ label: "Home", href: "/" },
|
{ label: "Home", href: "/" },
|
||||||
{ label: "About Us", href: "/about" },
|
{ label: "About Us", href: "/about" },
|
||||||
{ label: "Gallery", href: "/gallery" },
|
{ label: "Gallery", href: "/gallery" },
|
||||||
@@ -397,14 +243,10 @@ export default function HomePage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{ label: "Call: (###) ###-####", href: "tel:+1-###-###-####" },
|
{ label: "Call: (###) ###-####", href: "tel:+1-###-###-####" },
|
||||||
{ label: "Text Us", href: "sms:+1-###-###-####" },
|
{ label: "Text Us", href: "sms:+1-###-###-####" },
|
||||||
{
|
{ label: "Email: info@eliteautodetailing.com", href: "mailto:info@eliteautodetailing.com" },
|
||||||
label: "Email: info@eliteautodetailing.com",
|
|
||||||
href: "mailto:info@eliteautodetailing.com",
|
|
||||||
},
|
|
||||||
{ label: "Service Area: [City/Region]", href: "#" },
|
{ label: "Service Area: [City/Region]", href: "#" },
|
||||||
{ label: "Hours: Mon-Sun, By Appointment", href: "#" },
|
{ label: "Hours: Mon-Sun, By Appointment", href: "#" },
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user