bender/2f8a0261-3908-47fb-a807-ec051ef78291
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #4

Merged
bender merged 6 commits from version_1 into main 2026-03-02 18:25:21 +00:00
Conversation 0 Commits 6 Files Changed 6 +315 -720
6 changed files with 315 additions and 720 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/about/page.tsx
View File

@@ -4,18 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Star } 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 AboutPage() {
return (
<ThemeProvider
@@ -24,105 +16,84 @@ export default function AboutPage() {
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>
{/* About Metrics */}
<div id="about-metrics" data-section="about-metrics">
<MetricCardFourteen
title="Elite Auto Detailing & Mobile Services LLC is dedicated to delivering premium auto detailing solutions with unmatched professionalism and attention to detail."
tag="Our Commitment"
title="Elite Auto Detailing has been serving customers with excellence for over a decade, delivering showroom-quality results every time."
tag="Our Story"
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "500+",
description:
"Satisfied customers who have experienced our professional detailing services and transformed their vehicles.",
},
{
id: "2",
value: "15+",
description:
"Years of combined experience in premium auto detailing, paint protection, and specialty vehicle care.",
},
{
id: "3",
value: "100%",
description:
"Satisfaction guarantee on all services. If you're not completely happy, we make it right.",
},
{ id: "1", value: "10+", description: "Years of professional auto detailing experience and customer satisfaction" },
{ id: "2", value: "1000+", description: "Happy customers who trust us to care for their vehicles" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="about-testimonials" data-section="about-testimonials">
{/* 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=3",
imageAlt: "Sarah Johnson",
},
{
id: "2",
name: "Michael Chen",
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2",
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=2",
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=2",
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=4",
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=2",
imageAlt: "Robert Thompson",
},
{ 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=4", imageAlt: "Sarah Johnson" },
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=3", 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=3", 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=3", 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=5", 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=2", imageAlt: "Robert Thompson" },
]}
cardTitle="What Our Customers Say About Elite Auto Detailing Services"
cardTag="Customer Testimonials"
cardTitle="Trusted by hundreds of satisfied customers across the region"
cardTag="What People Say"
cardTagIcon={Star}
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Contact */}
<div id="contact" data-section="contact">
<ContactSplitForm
title="Let's Connect"
description="Have questions about our services or want to learn more? We'd love to hear from you. Get in touch today."
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: "subject", type: "text", placeholder: "Subject", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us how we can help...", rows: 4 }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=5"
imageAlt="Professional detailing equipment"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</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=5"
@@ -131,8 +102,7 @@ export default function AboutPage() {
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" },
@@ -141,8 +111,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
@@ -151,14 +120,10 @@ export default function AboutPage() {
],
},
{
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: "#" },
],

198
src/app/gallery/page.tsx
View File

@@ -3,17 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Sparkles } 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, Check, Shield, Star } from "lucide-react";
export default function GalleryPage() {
return (
@@ -23,161 +16,104 @@ export default function GalleryPage() {
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>
<div id="gallery-before-after" data-section="gallery-before-after">
{/* Before & After Gallery */}
<div id="before-after" data-section="before-after">
<FeatureCardTwentyFive
title="Before & After Gallery"
description="See the transformation our professional detailing services deliver. Browse real results from satisfied customers across all service types."
tag="Our Work"
title="Before & After Transformations"
description="See the incredible results we achieve for our customers. Every detail matters."
tag="Gallery"
tagAnimation="slide-up"
features={[
{
title: "Exterior Detailing Results",
description:
"Professional wash, clay bar treatment, and wax application bring out the shine in every vehicle. Watch how dull, dirty exteriors become showroom-quality finishes.",
icon: Sparkles,
title: "Interior Transformation", description: "Complete interior refresh showing the dramatic difference professional detailing makes for your cabin's appearance and cleanliness.", 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=3",
imageAlt: "Exterior detailing before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=3",
imageAlt: "Exterior detailing after",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg?_wi=3", imageAlt: "Interior before cleaning" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=3", imageAlt: "Interior after cleaning" },
],
},
{
title: "Interior Detailing Transformation",
description:
"Deep cleaning, stain removal, and conditioning restore interiors to like-new condition. From dusty cabins to pristine spaces, see the dramatic difference.",
icon: Sparkles,
title: "Full Detail Results", description: "Experience the complete transformation of a full detail package - interior and exterior restored to showroom condition.", icon: Check,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg?_wi=3",
imageAlt: "Interior detailing before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=3",
imageAlt: "Interior detailing after",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg?_wi=2", imageAlt: "Full detail before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=2", imageAlt: "Full detail after" },
],
},
{
title: "Full Detail Packages",
description:
"Complete vehicle transformations combining interior and exterior services. These vehicles show the comprehensive results of our most popular packages.",
icon: Sparkles,
title: "Paint Correction Excellence", description: "Professional paint correction removes swirls, scratches, and oxidation to reveal a flawless, glossy finish.", icon: Shield,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg?_wi=3",
imageAlt: "Full detail before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=3",
imageAlt: "Full detail after",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg?_wi=3", imageAlt: "Paint before correction" },
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=3", imageAlt: "Paint after correction" },
],
},
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Book Your Transformation", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="gallery-specialty" data-section="gallery-specialty">
<FeatureCardTwentyFive
title="Specialty Service Results"
description="Advanced treatments and protection services showcased with before and after comparisons. See paint correction, ceramic coating, and fleet detailing excellence."
tag="Premium Results"
tagAnimation="slide-up"
features={[
{
title: "Paint Correction Excellence",
description:
"Remove swirls, scratches, and oxidation to restore original paint brilliance. Professional multi-stage correction for vehicles that need more than a wash.",
icon: Sparkles,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg?_wi=3",
imageAlt: "Paint correction before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=3",
imageAlt: "Paint correction after",
},
],
},
{
title: "Ceramic Coating Protection",
description:
"Long-lasting paint protection with hydrophobic properties. Vehicles maintain their shine for years with minimal maintenance after professional ceramic application.",
icon: Sparkles,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=5",
imageAlt: "Ceramic coating application",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg?_wi=3",
imageAlt: "Ceramic coating finish",
},
],
},
{
title: "Fleet Detailing Services",
description:
"Professional detailing for multiple vehicles and commercial fleets. Bulk services keep company vehicles looking professional and well-maintained.",
icon: Sparkles,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg?_wi=3",
imageAlt: "Fleet before detailing",
},
{
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=3",
imageAlt: "Fleet after detailing",
},
],
},
{/* 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=3", imageAlt: "Sarah Johnson" },
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2", 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=2", 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=2", imageAlt: "David Kim" },
]}
animationType="blur-reveal"
textboxLayout="default"
cardTitle="Our customers love the transformation we deliver"
cardTag="Customer Satisfaction"
cardTagIcon={Star}
cardAnimation="slide-up"
useInvertedBackground={false}
buttons={[{ text: "Get Your Vehicle Detailed", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Contact CTA */}
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get Your Vehicle Transformed"
description="Book your detailing appointment today and join thousands of satisfied customers."
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", required: true },
]}
textarea={{ name: "notes", placeholder: "What services are you interested in?", rows: 4 }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=4"
imageAlt="Professional detailing equipment"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Schedule Now"
/>
</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=4"
@@ -186,8 +122,7 @@ export default function GalleryPage() {
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" },
@@ -196,8 +131,7 @@ export default function GalleryPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
@@ -206,14 +140,10 @@ export default function GalleryPage() {
],
},
{
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: "#" },
],

33
src/app/layout.tsx
View File

@@ -6,43 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const publicSans = Public_Sans({
variable: "--font-public-sans",
subsets: ["latin"],
variable: "--font-public-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Elite Auto Detailing - Premium Mobile Car Detailing Services",
description: "Professional mobile auto detailing for cars, trucks, SUVs, and fleets. Showroom-quality interior and exterior detailing, ceramic coatings, and paint correction at your convenience.",
keywords: "mobile auto detailing, car detailing, interior detailing, exterior detailing, ceramic coating, paint correction, fleet detailing, professional car cleaning, auto detail service",
metadataBase: new URL("https://eliteautodetailing.com"),
title: "Elite Auto Detailing - Premium Mobile Car Detailing Services", description: "Professional mobile auto detailing for cars, trucks, SUVs, and fleets. Showroom-quality interior and exterior detailing, ceramic coatings, and paint correction at your convenience.", keywords: "mobile auto detailing, car detailing, interior detailing, exterior detailing, ceramic coating, paint correction, fleet detailing, professional car cleaning, auto detail service", metadataBase: new URL("https://eliteautodetailing.com"),
alternates: {
canonical: "https://eliteautodetailing.com",
},
canonical: "https://eliteautodetailing.com"},
openGraph: {
title: "Elite Auto Detailing - Premium Mobile Auto Detail Service",
description: "Showroom-level vehicle detailing brought to your driveway. Interior, exterior, ceramic coatings, and more. Book your appointment today.",
url: "https://eliteautodetailing.com",
siteName: "Elite Auto Detailing & Mobile Services LLC",
type: "website",
images: [
title: "Elite Auto Detailing - Premium Mobile Auto Detail Service", description: "Showroom-level vehicle detailing brought to your driveway. Interior, exterior, ceramic coatings, and more. Book your appointment today.", url: "https://eliteautodetailing.com", siteName: "Elite Auto Detailing & Mobile Services LLC", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
alt: "Elite Auto Detailing showcase",
},
url: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", alt: "Elite Auto Detailing showcase"},
],
},
twitter: {
card: "summary_large_image",
title: "Elite Auto Detailing - Premium Mobile Services",
description: "Professional auto detailing for your vehicle. Fast response, premium results, satisfaction guaranteed.",
images: [
"http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
],
card: "summary_large_image", title: "Elite Auto Detailing - Premium Mobile Services", description: "Professional auto detailing for your vehicle. Fast response, premium results, satisfaction guaranteed.", images: [
"http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"],
},
robots: {
index: true,

322
src/app/page.tsx
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: "#" },
],

147
src/app/pricing/page.tsx
View File

@@ -3,18 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
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 { 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 PricingPage() {
return (
<ThemeProvider
@@ -23,121 +15,80 @@ export default function PricingPage() {
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>
{/* Pricing Plans */}
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Transparent Pricing for Every Budget"
description="Choose the package that fits your needs. Final pricing depends on vehicle size and condition. All packages include satisfaction guarantee and professional results."
title="Our Pricing Packages"
description="Transparent, competitive pricing for every budget. Choose the package that suits your vehicle's needs."
tag="Pricing & Packages"
tagIcon={DollarSign}
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=2",
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=2", 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=2",
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=2", 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=2",
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=2",
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=4",
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: "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=2", 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"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Schedule Your Detail Today", href: "#contact" }]}
buttons={[{ text: "View All Packages", href: "/" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Contact */}
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get Your Custom Quote"
description="Tell us about your vehicle and desired services. We'll provide a detailed quote and availability."
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", required: true },
]}
textarea={{ name: "details", placeholder: "Describe your vehicle's condition and desired services...", rows: 4 }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=3"
imageAlt="Professional detailing equipment"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request Quote"
/>
</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=3"
@@ -146,8 +97,7 @@ export default function PricingPage() {
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" },
@@ -156,8 +106,7 @@ export default function PricingPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
@@ -166,14 +115,10 @@ export default function PricingPage() {
],
},
{
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: "#" },
],

198
src/app/services/page.tsx
View File

@@ -3,18 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Armchair, Sparkles, Check, Zap, Shield, Truck } 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 ServicesPage() {
return (
<ThemeProvider
@@ -23,159 +16,102 @@ export default function ServicesPage() {
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>
{/* Services Detail Section */}
<div id="services-detail" data-section="services-detail">
<FeatureCardTwentyFive
title="Complete Auto Detailing Services"
description="Expert professional detailing tailored to your vehicle's specific needs. From basic cleaning to advanced ceramic protection, we have the perfect service package for you."
title="Comprehensive Detailing Solutions"
description="Explore our full range of professional auto detailing services designed to restore and protect your vehicle"
tag="All Services"
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. We use premium products safe for all interior materials.",
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=2",
imageAlt: "Interior detailing service before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=2",
imageAlt: "Interior detailing service after",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg?_wi=2", imageAlt: "Interior detailing before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=2", imageAlt: "Interior detailing after" },
],
},
{
title: "Exterior Detailing",
description:
"Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish. Our process restores shine and protects your paint.",
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=2",
imageAlt: "Exterior detailing service before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=2",
imageAlt: "Exterior detailing service 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=2", imageAlt: "Exterior detailing before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=2", imageAlt: "Exterior detailing after" },
],
},
{
title: "Paint Correction",
description:
"Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance. Multi-stage process for superior results and long-term protection.",
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=2",
imageAlt: "Paint correction service before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=2",
imageAlt: "Paint correction service after",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg?_wi=2", imageAlt: "Paint correction before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=2", imageAlt: "Paint correction after" },
],
},
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="specialized-services" data-section="specialized-services">
<FeatureCardTwentyFive
title="Specialized Protection Services"
description="Advanced treatments and packages for vehicles requiring premium care and long-term protection."
tag="Premium Options"
tagAnimation="slide-up"
features={[
{
title: "Ceramic Coating",
description:
"Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required. Ideal for protecting your investment.",
icon: Shield,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=3",
imageAlt: "Ceramic coating application",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg?_wi=2",
imageAlt: "Ceramic coating result",
},
],
},
{
title: "Fleet Detailing",
description:
"Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling. Maintain your fleet's professional appearance.",
icon: Truck,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg?_wi=2",
imageAlt: "Fleet vehicles before service",
},
{
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=2",
imageAlt: "Fleet vehicles after service",
},
],
},
{
title: "Full Detail Package",
description:
"Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance. Our most comprehensive service option.",
icon: Check,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg?_wi=2",
imageAlt: "Full detail package before",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=2",
imageAlt: "Full detail package after",
},
],
},
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Book Your Service", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Why Choose Us */}
<div id="why-choose" data-section="why-choose">
<MetricCardFourteen
title="Why Choose Elite Auto Detailing for Your Vehicle Care"
tag="Our Advantages"
tagAnimation="slide-up"
metrics={[
{ id: "1", value: "10+ Years", description: "Professional experience in automotive detailing and customer service excellence" },
{ id: "2", value: "100%", description: "Satisfaction guaranteed or your money back - we stand behind our work" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Contact CTA */}
<div id="contact" data-section="contact">
<ContactSplitForm
title="Ready to Transform Your Vehicle?"
description="Schedule your service today. Our team will discuss your specific needs and provide a customized quote."
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", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your vehicle and what you need...", rows: 4 }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=2"
imageAlt="Professional detailing equipment"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Get a Quote"
/>
</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=2"
@@ -184,8 +120,7 @@ export default function ServicesPage() {
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" },
@@ -194,8 +129,7 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
@@ -204,14 +138,10 @@ export default function ServicesPage() {
],
},
{
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: "#" },
],