Merge version_1 into main #4

Merged
bender merged 6 commits from version_1 into main 2026-03-02 18:25:21 +00:00
Showing only changes of commit 05de9ece86 - Show all commits

View File

@@ -7,17 +7,9 @@ import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwen
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
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" },
];
import { Sparkles, Car, Armchair, Check, Zap, Shield, Truck, Star, DollarSign, HelpCircle } from "lucide-react";
export default function HomePage() {
return (
@@ -27,21 +19,29 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<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"
bottomLeftText="Professional Auto Detailing"
bottomRightText="(###) ###-#### or text us"
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Premium Auto Detailing — Mobile Service Available"
@@ -49,7 +49,7 @@ export default function HomePage() {
tag="Premium Mobile Detailing"
tagIcon={Sparkles}
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"
imageAlt="Professional auto detailing showcase"
buttons={[
@@ -60,6 +60,7 @@ export default function HomePage() {
/>
</div>
{/* Services Overview */}
<div id="services-overview" data-section="services-overview">
<FeatureCardTwentyFive
title="Our Premium Services"
@@ -69,111 +70,45 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Interior Detailing",
description:
"Deep carpet shampooing, leather conditioning, stain removal, and complete interior refresh to restore your cabin to pristine condition.",
icon: Armchair,
title: "Interior Detailing", description: "Deep carpet shampooing, leather conditioning, stain removal, and complete interior refresh to restore your cabin to pristine condition.", icon: Armchair,
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:
"http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1",
imageAlt: "Interior detailing after",
},
{ imageSrc: "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",
description:
"Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish.",
icon: Sparkles,
title: "Exterior Detailing", description: "Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish.", icon: Sparkles,
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:
"http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1",
imageAlt: "Exterior detailing after",
},
{ 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: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1", imageAlt: "Exterior detailing after" },
],
},
{
title: "Full Detail Package",
description:
"Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance.",
icon: Check,
title: "Full Detail Package", description: "Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance.", icon: Check,
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:
"http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=1",
imageAlt: "Full detail after",
},
{ imageSrc: "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",
description:
"Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance.",
icon: Zap,
title: "Paint Correction", description: "Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance.", icon: Zap,
mediaItems: [
{
imageSrc:
"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",
},
{ imageSrc: "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",
description:
"Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required.",
icon: Shield,
title: "Ceramic Coating", description: "Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required.", icon: Shield,
mediaItems: [
{
imageSrc:
"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",
},
{ imageSrc: "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", imageAlt: "Ceramic coating result" },
],
},
{
title: "Fleet Detailing",
description:
"Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling.",
icon: Truck,
title: "Fleet Detailing", description: "Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling.", icon: Truck,
mediaItems: [
{
imageSrc:
"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",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg", 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", imageAlt: "Fleet vehicles after" },
],
},
]}
@@ -185,81 +120,32 @@ export default function HomePage() {
/>
</div>
{/* How It Works */}
<div id="how-it-works" data-section="how-it-works">
<MetricCardFourteen
title="How It Works: Three Simple Steps to a Perfectly Detailed Vehicle"
tag="Our Process"
tagAnimation="slide-up"
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: "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.",
},
{ 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: "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"
useInvertedBackground={false}
/>
</div>
{/* Testimonials */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
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 testimonial",
},
{
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",
},
{ 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: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1", imageAlt: "Michael Chen" },
{ 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" },
{ 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" },
{ 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" },
{ 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" },
]}
cardTitle="Trusted by hundreds of satisfied customers who love our results"
cardTag="Customer Reviews"
@@ -269,6 +155,7 @@ export default function HomePage() {
/>
</div>
{/* Pricing */}
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Transparent Pricing for Every Budget"
@@ -278,87 +165,24 @@ export default function HomePage() {
tagAnimation="slide-up"
plans={[
{
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" },
features: [
"Exterior wash and dry",
"Tire shine",
"Window cleaning",
"Quick vacuum interior",
],
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" },
features: ["Exterior wash and dry", "Tire shine", "Window cleaning", "Quick vacuum interior"],
},
{
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" },
features: [
"Complete interior vacuum",
"Carpet and upholstery cleaning",
"Dashboard cleaning",
"Interior protectant",
],
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" },
features: ["Complete interior vacuum", "Carpet and upholstery cleaning", "Dashboard cleaning", "Interior protectant"],
},
{
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?_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: "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" },
features: ["Professional wash and dry", "Clay bar decontamination", "Premium wax application", "Trim and tire conditioning"],
},
{
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" },
features: [
"Complete interior detailing",
"Professional exterior detailing",
"Paint protection",
"Engine bay cleaning",
"Leather conditioning",
"Interior protectant",
],
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" },
features: ["Complete interior detailing", "Professional exterior detailing", "Paint protection", "Engine bay cleaning", "Leather conditioning", "Interior protectant"],
},
{
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" },
features: [
"Full detail package included",
"Professional ceramic coating",
"Multi-year paint protection",
"Hydrophobic finish",
"Free 6-month inspection",
],
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" },
features: ["Full detail package included", "Professional ceramic coating", "Multi-year paint protection", "Hydrophobic finish", "Free 6-month inspection"],
},
]}
animationType="slide-up"
@@ -369,6 +193,30 @@ export default function HomePage() {
/>
</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">
<FooterMedia
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."
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Interior Detailing", href: "/services" },
{ label: "Exterior Detailing", href: "/services" },
{ label: "Paint Correction", href: "/services" },
@@ -387,8 +234,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
@@ -397,14 +243,10 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Call: (###) ###-####", href: "tel:+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: "Hours: Mon-Sun, By Appointment", href: "#" },
],