|
|
|
|
@@ -2,18 +2,18 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import { Sparkles, Zap, Shield, Award } from "lucide-react";
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
|
|
|
import { Sparkles, Zap, Shield, Award, Calendar } from "lucide-react";
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -37,7 +37,8 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Services", id: "#services" },
|
|
|
|
|
{ name: "Pricing", id: "#pricing" },
|
|
|
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
|
|
|
{ name: "Book Now", id: "#contact" },
|
|
|
|
|
{ name: "FAQ", id: "#faq" },
|
|
|
|
|
{ name: "Contact", id: "#contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="ZaharaEliteDetailing"
|
|
|
|
|
/>
|
|
|
|
|
@@ -49,7 +50,7 @@ export default function LandingPage() {
|
|
|
|
|
logoText="Zahara Elite Detailing"
|
|
|
|
|
description="Where perfection meets passion. Premium, mobile, and professional car care designed to restore your vehicle to its original showroom state."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Your Detail", href: "#contact" },
|
|
|
|
|
{ text: "Get A Free Quote", href: "#contact" },
|
|
|
|
|
{ text: "View Our Services", href: "#services" },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750030.jpg"
|
|
|
|
|
@@ -62,12 +63,12 @@ export default function LandingPage() {
|
|
|
|
|
<SplitAbout
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Unmatched Excellence in Every Detail"
|
|
|
|
|
description="At Zahara Elite Detailing, we treat every vehicle like a masterpiece. Our team brings years of experience and top-tier products directly to you, ensuring convenience without compromising on quality."
|
|
|
|
|
title="Our Story: Crafting Perfection on Wheels"
|
|
|
|
|
description="Founded on the belief that a car is more than just transportation, Zahara Elite Detailing was born to protect the joy of driving. Our journey began with a simple passion for automotive aesthetics and has grown into a premier mobile service dedicated to high-end vehicle restoration. We combine traditional craftsmanship with modern eco-friendly technology to ensure your vehicle looks as good as the day it rolled off the assembly line, all from the comfort of your own driveway."
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
{ title: "Expert Precision", description: "Every corner of your car receives meticulous care." },
|
|
|
|
|
{ title: "Premium Products", description: "Only the finest eco-friendly cleaners and sealants." },
|
|
|
|
|
{ title: "Concierge Convenience", description: "We come to your home or office, saving your valuable time." },
|
|
|
|
|
{ title: "Master Craftsmen", description: "Certified detailers trained in the latest paint correction and protection techniques.", icon: Award },
|
|
|
|
|
{ title: "Eco-Conscious Care", description: "High-performance, biodegradable products that are safe for your car and the environment.", icon: Shield },
|
|
|
|
|
{ title: "Ultimate Convenience", description: "Our fully self-contained mobile units bring the entire showroom experience to you.", icon: Calendar },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg"
|
|
|
|
|
imageAlt="Professional car detailing team"
|
|
|
|
|
@@ -81,7 +82,7 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Interior Deep Clean", description: "Comprehensive vacuum, steam clean, and leather conditioning for a refreshed cabin.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg", buttonIcon: Sparkles,
|
|
|
|
|
title: "Interior Deep Clean", description: "Comprehensive vacuum, steam clean, and leather conditioning for a refreshed cabin.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg?_wi=1", buttonIcon: Sparkles,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Foam Bath & Wash", description: "Safe, contact-free wash removing grime while protecting your paintwork.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", buttonIcon: Zap,
|
|
|
|
|
@@ -121,13 +122,13 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "basic", badge: "Entry", price: "$150", subtitle: "Essential maintenance.", features: ["Exterior Foam Bath", "Window Cleaning", "Interior Vacuum"],
|
|
|
|
|
id: "basic", badge: "Entry", price: "$90 ", subtitle: "Essential maintenance.", features: ["Exterior Foam Bath", "Exterior Window Cleaning", "Tire Dressing "],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "standard", badge: "Popular", price: "$250", subtitle: "Complete renewal.", features: ["All Basic Services", "Leather Conditioning", "Paint Sealant", "Tire Shine"],
|
|
|
|
|
id: "standard", badge: "Popular", price: "$120", subtitle: "Intior Package", features: ["", "Leather Con", "Basic Ceramic Coating ", "Tire Shine"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "elite", badge: "Elite", price: "$450", subtitle: "Ultimate preservation.", features: ["All Standard Services", "Ceramic Coating", "Full Clay Bar", "Headlight Restoration"],
|
|
|
|
|
id: "elite", badge: "Elite", price: "$120", subtitle: "Ultimate preservation.", features: ["All Standard Services", "Ceramic Coating", "Full Clay Bar", ""],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Transparent Detailing Packages"
|
|
|
|
|
@@ -142,9 +143,9 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "500+", description: "Vehicles Detailed" },
|
|
|
|
|
{ id: "m1", value: "+", description: "Vehicles Detailed" },
|
|
|
|
|
{ id: "m2", value: "100%", description: "Satisfaction Guarantee" },
|
|
|
|
|
{ id: "m3", value: "5/5", description: "Average Rating" },
|
|
|
|
|
{ id: "m3", value: "", description: "Average Rating" },
|
|
|
|
|
]}
|
|
|
|
|
title="Results You Can Trust"
|
|
|
|
|
description="We are proud of our commitment to quality."
|
|
|
|
|
@@ -152,57 +153,60 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardOne
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
|
testimonial="Zahara Elite Detailing transformed my car completely. The ceramic coating is incredible—water just beads off, and it looks better than the day I bought it!"
|
|
|
|
|
rating={5}
|
|
|
|
|
author="James Anderson"
|
|
|
|
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg", alt: "Customer" }]}
|
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "t1", name: "James Anderson", role: "Collector", company: "AutoClub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg" },
|
|
|
|
|
{ id: "t2", name: "Sarah Miller", role: "Business Owner", company: "CityReal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29665.jpg" },
|
|
|
|
|
{ id: "t3", name: "Robert Chen", role: "Car Enthusiast", company: "RoadRunners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489788.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Hear from drivers who trust us with their prized possessions."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqSplitText
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
<FaqSplitMedia
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "q1", title: "How long does a detailing take?", content: "Typically between 2 to 6 hours depending on the package." },
|
|
|
|
|
{ id: "q2", title: "Do you offer mobile services?", content: "Yes! We come to your home or office fully equipped." },
|
|
|
|
|
{ id: "q3", title: "Is your process safe?", content: "Absolutely. We use pH-neutral, high-end products safe for all vehicles." },
|
|
|
|
|
{ id: "q1", title: "How long does a detailing take?", content: "Typically between 2 to 6 hours depending on the package selected." },
|
|
|
|
|
{ id: "q2", title: "Do you provide your own water and power?", content: "Yes, our vans are fully equipped with water tanks and power generators so we don't need your home's utilities." },
|
|
|
|
|
{ id: "q3", title: "Can you detail cars in an apartment complex?", content: "As long as we have sufficient space to work, we are happy to service vehicles at apartment parking facilities." },
|
|
|
|
|
{ id: "q4", title: "What if it rains?", content: "We have portable pop-up tents that allow us to detail vehicles safely in light rain. In severe weather, we will proactively reschedule your appointment." },
|
|
|
|
|
]}
|
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
|
sideDescription="Everything you need to know about our premium detailing services."
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Everything you need to know about our premium mobile detailing."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg?_wi=2"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
title="Let's Connect"
|
|
|
|
|
description="Ready to experience the Zahara difference? Fill out the form, and we will get back to you shortly to confirm your booking."
|
|
|
|
|
inputs={[
|
|
|
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
|
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
|
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
|
|
|
|
]}
|
|
|
|
|
textarea={{ name: "message", placeholder: "Tell us about your vehicle and preferred service", rows: 4 }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Booking Request"
|
|
|
|
|
title="Ready to Restore Your Ride?"
|
|
|
|
|
description="Enter your email below, and our team will contact you to confirm your mobile detailing appointment at your preferred time."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
buttonText="Get My Estimate"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="ZaharaElite"
|
|
|
|
|
leftLink={{ text: "Terms of Service", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
|
|
|
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
|
|
|
|
{ items: [{ label: "Contact Support", href: "#contact" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
