Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Car, Clock, Droplets, Leaf, Settings, ShieldCheck, ThumbsUp, Users, Zap } from "lucide-react";
|
||||
import { Award, Car, Clock, Droplets, Leaf, Settings, ShieldCheck, ThumbsUp, Users, Zap, Steam } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,69 +33,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DetailPro"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Car Detailing Services"
|
||||
description="Transform your vehicle's appearance with our professional interior and exterior detailing packages. We deliver showroom quality, every time."
|
||||
tag="Trusted Professional Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-right-headlight-orange-modern-car_181624-23566.jpg?_wi=1",
|
||||
imageAlt: "Car exterior transformation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-right-headlight-orange-modern-car_181624-23566.jpg", imageAlt: "Car exterior transformation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg?_wi=1",
|
||||
imageAlt: "Detailed cleaning process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg", imageAlt: "Detailed cleaning process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg?_wi=1",
|
||||
imageAlt: "Mirror finish paint job",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-drumsticks-blurred-background_169016-23446.jpg",
|
||||
imageAlt: "Clean car interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580532.jpg",
|
||||
imageAlt: "Sport car garage finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",
|
||||
imageAlt: "Professional detailing studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg", imageAlt: "Mirror finish paint job"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,79 +77,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Products",
|
||||
description: "We use only biodegradable and sustainable cleaning supplies, keeping your car and the environment safe.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-cleaning-product-with-brushes_23-2148818426.jpg",
|
||||
imageAlt: "Eco product usage",
|
||||
},
|
||||
title: "Eco-Friendly Products", description: "We use only biodegradable and sustainable cleaning supplies, keeping your car and the environment safe.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-cleaning-product-with-brushes_23-2148818426.jpg", imageAlt: "Eco product usage"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Biodegradable soap",
|
||||
},
|
||||
text: "Biodegradable soap"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Water conservation focus",
|
||||
},
|
||||
text: "Water conservation focus"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Non-toxic interior treatment",
|
||||
},
|
||||
text: "Non-toxic interior treatment"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-right-headlight-orange-modern-car_181624-23566.jpg?_wi=2",
|
||||
imageAlt: "professional car detailing tools",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Expert Detailing Crew",
|
||||
description: "Our team undergoes rigorous training to handle all vehicle types, from daily commuters to luxury imports.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36590.jpg",
|
||||
imageAlt: "Training workshop",
|
||||
},
|
||||
title: "Expert Detailing Crew", description: "Our team undergoes rigorous training to handle all vehicle types, from daily commuters to luxury imports.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36590.jpg", imageAlt: "Training workshop"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Certified staff",
|
||||
},
|
||||
text: "Certified staff"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "10+ years experience",
|
||||
},
|
||||
text: "10+ years experience"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Punctual arrivals",
|
||||
},
|
||||
text: "Punctual arrivals"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg?_wi=2",
|
||||
imageAlt: "professional car detailing tools",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Advanced Technology",
|
||||
description: "We utilize the latest in ceramic coating, steam cleaning, and paint correction tech for lasting results.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg",
|
||||
imageAlt: "Ceramic coating tools",
|
||||
},
|
||||
title: "Advanced Technology", description: "We utilize the latest in ceramic coating, steam cleaning, and paint correction tech for lasting results.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Ceramic coating tools"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Ceramic protection",
|
||||
},
|
||||
text: "Ceramic protection"},
|
||||
{
|
||||
icon: Steam,
|
||||
text: "Steam deep clean",
|
||||
},
|
||||
text: "Steam deep clean"},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Paint correction",
|
||||
},
|
||||
text: "Paint correction"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg?_wi=2",
|
||||
imageAlt: "professional car detailing tools",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Service?"
|
||||
@@ -196,25 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Cars Detailed",
|
||||
description: "Vehicles restored to showroom state",
|
||||
icon: Car,
|
||||
id: "m1", value: "1500+", title: "Cars Detailed", description: "Vehicles restored to showroom state", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Happy clients who return regularly",
|
||||
icon: ThumbsUp,
|
||||
id: "m2", value: "98%", title: "Satisfaction Rate", description: "Happy clients who return regularly", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10",
|
||||
title: "Years Experience",
|
||||
description: "Industry leading detailing expertise",
|
||||
icon: Award,
|
||||
id: "m3", value: "10", title: "Years Experience", description: "Industry leading detailing expertise", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -229,58 +159,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$99",
|
||||
period: "per session",
|
||||
description: "Quick clean and exterior wax.",
|
||||
button: {
|
||||
text: "Book Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Hand wash",
|
||||
"Tire shine",
|
||||
"Interior vacuum",
|
||||
"Window cleaning",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$99", period: "per session", description: "Quick clean and exterior wax.", button: {
|
||||
text: "Book Basic", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Hand wash", "Tire shine", "Interior vacuum", "Window cleaning"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Recommended",
|
||||
price: "$199",
|
||||
period: "per session",
|
||||
description: "Deep clean and interior treatment.",
|
||||
button: {
|
||||
text: "Book Professional",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All basic features",
|
||||
"Leather conditioning",
|
||||
"Steam cleaning",
|
||||
"Paint sealant",
|
||||
],
|
||||
id: "pro", tag: "Recommended", price: "$199", period: "per session", description: "Deep clean and interior treatment.", button: {
|
||||
text: "Book Professional", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"All basic features", "Leather conditioning", "Steam cleaning", "Paint sealant"],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
tag: "Premium",
|
||||
price: "$399",
|
||||
period: "per session",
|
||||
description: "Full paint correction and protection.",
|
||||
button: {
|
||||
text: "Book Ultimate",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All pro features",
|
||||
"Ceramic coating",
|
||||
"Engine bay detail",
|
||||
"Headlight restoration",
|
||||
],
|
||||
id: "ultra", tag: "Premium", price: "$399", period: "per session", description: "Full paint correction and protection.", button: {
|
||||
text: "Book Ultimate", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"All pro features", "Ceramic coating", "Engine bay detail", "Headlight restoration"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Package"
|
||||
@@ -295,59 +189,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
role: "Owner",
|
||||
company: "Sport Sedan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", role: "Owner", company: "Sport Sedan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jones",
|
||||
role: "Owner",
|
||||
company: "SUV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-sitting-car-looking-from-it-lady-sunglasses-smiling-looking-camera_549566-555.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Jones", role: "Owner", company: "SUV", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-sitting-car-looking-from-it-lady-sunglasses-smiling-looking-camera_549566-555.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Brown",
|
||||
role: "Owner",
|
||||
company: "Pickup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily White",
|
||||
role: "Owner",
|
||||
company: "Coupe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike Ross",
|
||||
role: "Owner",
|
||||
company: "Sedan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
id: "t3", name: "David Brown", role: "Owner", company: "Pickup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "500+", label: "Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Reliability",
|
||||
},
|
||||
value: "100%", label: "Reliability"},
|
||||
]}
|
||||
title="Hear From Our Customers"
|
||||
description="See why locals trust us for their vehicle detailing needs."
|
||||
@@ -359,14 +216,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"CarMaster",
|
||||
"DetailElite",
|
||||
"AutoShine",
|
||||
"ProPolish",
|
||||
"CleanRide",
|
||||
"LuxuryDetail",
|
||||
"VehicleCare",
|
||||
]}
|
||||
"CarMaster", "DetailElite", "AutoShine", "ProPolish", "CleanRide", "LuxuryDetail", "VehicleCare"]}
|
||||
title="Trusted by Automotive Clubs"
|
||||
description="We are proud partners with the city's leading car enthusiasts and automotive organizations."
|
||||
/>
|
||||
@@ -377,20 +227,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a detailing session take?",
|
||||
content: "Basic packages take about 2-3 hours, while full restoration can take up to 8 hours.",
|
||||
},
|
||||
id: "f1", title: "How long does a detailing session take?", content: "Basic packages take about 2-3 hours, while full restoration can take up to 8 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer mobile detailing services?",
|
||||
content: "Yes! We can come to your home or office for ultimate convenience.",
|
||||
},
|
||||
id: "f2", title: "Do you offer mobile detailing services?", content: "Yes! We can come to your home or office for ultimate convenience."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What products do you use?",
|
||||
content: "We use eco-friendly, non-toxic products that are safe for both your vehicle and the environment.",
|
||||
},
|
||||
id: "f3", title: "What products do you use?", content: "We use eco-friendly, non-toxic products that are safe for both your vehicle and the environment."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Not sure about our process? Here are some answers."
|
||||
@@ -402,8 +243,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Appointment Today"
|
||||
description="Ready for a showroom shine? Reach out to schedule your service or ask any questions."
|
||||
@@ -416,13 +256,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="DetailPro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user