Merge version_1 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
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 FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,26 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Book Now", id: "#contact" },
|
||||
]}
|
||||
brandName="ZaharaEliteDetailing"
|
||||
/>
|
||||
@@ -59,20 +45,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Your Detail", 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"
|
||||
imageAlt="Mirror-finish luxury car hood"
|
||||
@@ -87,18 +65,9 @@ export default function LandingPage() {
|
||||
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."
|
||||
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: "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." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg"
|
||||
imageAlt="Professional car detailing team"
|
||||
@@ -112,28 +81,16 @@ 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", 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",
|
||||
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,
|
||||
},
|
||||
{
|
||||
title: "Ceramic Coating",
|
||||
description: "Long-lasting paint protection with a stunning glass-like finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/procedure-painting-car-service-center_146671-14886.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Ceramic Coating", description: "Long-lasting paint protection with a stunning glass-like finish.", imageSrc: "http://img.b2bpic.net/free-photo/procedure-painting-car-service-center_146671-14886.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Wheel & Rim Care",
|
||||
description: "Deep cleaning and gloss restoration for alloy and chrome wheels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-wheel-bolts_23-2148321924.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Wheel & Rim Care", description: "Deep cleaning and gloss restoration for alloy and chrome wheels.", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-wheel-bolts_23-2148321924.jpg", buttonIcon: Award,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Car Care"
|
||||
@@ -148,42 +105,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Detail Kit",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Leather Conditioner",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34262.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ceramic Sealant",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Buffing Towels",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194131.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pressure Wand",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Interior Balm",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078278.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Elite Detail Kit", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg" },
|
||||
{ id: "p2", name: "Leather Conditioner", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34262.jpg" },
|
||||
{ id: "p3", name: "Ceramic Sealant", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg" },
|
||||
]}
|
||||
title="Premium Car Care Supplies"
|
||||
description="Maintain that elite look between services with our recommended tools."
|
||||
@@ -197,39 +121,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: "$150", subtitle: "Essential maintenance.", features: ["Exterior Foam Bath", "Window Cleaning", "Interior Vacuum"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
price: "$250",
|
||||
subtitle: "Complete renewal.",
|
||||
features: [
|
||||
"All Basic Services",
|
||||
"Leather Conditioning",
|
||||
"Paint Sealant",
|
||||
"Tire Shine",
|
||||
],
|
||||
id: "standard", badge: "Popular", price: "$250", subtitle: "Complete renewal.", features: ["All Basic Services", "Leather Conditioning", "Paint Sealant", "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: "$450", subtitle: "Ultimate preservation.", features: ["All Standard Services", "Ceramic Coating", "Full Clay Bar", "Headlight Restoration"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Detailing Packages"
|
||||
@@ -244,21 +142,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Vehicles Detailed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Satisfaction Guarantee",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5/5",
|
||||
description: "Average Rating",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Vehicles Detailed" },
|
||||
{ id: "m2", value: "100%", description: "Satisfaction Guarantee" },
|
||||
{ id: "m3", value: "5/5", description: "Average Rating" },
|
||||
]}
|
||||
title="Results You Can Trust"
|
||||
description="We are proud of our commitment to quality."
|
||||
@@ -272,46 +158,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Daily Driver",
|
||||
company: "LocalConsult",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-pretty-girl-is-posing-photographer-with-tool-auto-service-workshop_613910-15231.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Stevens",
|
||||
role: "Manager",
|
||||
company: "TechLogix",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
|
||||
},
|
||||
{ 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."
|
||||
@@ -322,21 +171,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
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." },
|
||||
{ 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." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our premium detailing services."
|
||||
@@ -347,9 +184,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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."
|
||||
@@ -363,14 +198,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ZaharaElite"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user