Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -30,26 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DetailPro"
|
||||
/>
|
||||
@@ -57,83 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="We Come to You: Premium Mobile Detailing"
|
||||
description="Professional-grade care for your vehicle, right in your driveway. Expert services, premium products, and results you can see."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Cars Detailed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "500+", label: "Cars Detailed" },
|
||||
{ value: "100%", label: "Satisfaction Rate" },
|
||||
{ value: "5/5", label: "Average Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194096.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your Detail", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194096.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy vehicle owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Paint Protection",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Interior Clean",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Products",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Experts",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Mobile Service",
|
||||
icon: Truck,
|
||||
},
|
||||
{ type: "text-icon", text: "Paint Protection", icon: Shield },
|
||||
{ type: "text-icon", text: "Deep Interior Clean", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Eco-Friendly Products", icon: Leaf },
|
||||
{ type: "text-icon", text: "Certified Experts", icon: Award },
|
||||
{ type: "text-icon", text: "100% Mobile Service", icon: Truck },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,26 +77,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Bringing the Showroom ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-outdoors_23-2149714258.jpg",
|
||||
alt: "Mobile detailing van",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Directly to Your Home.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ type: "text", content: "Bringing the Showroom " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-man-working-outdoors_23-2149714258.jpg", alt: "Mobile detailing van" },
|
||||
{ type: "text", content: " Directly to Your Home." },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,55 +92,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Full Interior Detail",
|
||||
description: "Deep clean of seats, carpets, dashboard, and vents for a fresh interior experience.",
|
||||
icon: Sparkles,
|
||||
title: "Full Interior Detail", description: "Deep clean of seats, carpets, dashboard, and vents for a fresh interior experience.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg?_wi=1",
|
||||
imageAlt: "Interior cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg?_wi=2",
|
||||
imageAlt: "Interior dashboard",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194096.jpg?_wi=2",
|
||||
imageAlt: "luxury car detailing professional studio",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg", imageAlt: "Interior cleaning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg", imageAlt: "Interior dashboard" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Exterior Wash & Wax",
|
||||
description: "Gentle hand wash followed by high-quality wax protection for brilliant shine.",
|
||||
icon: Car,
|
||||
title: "Exterior Wash & Wax", description: "Gentle hand wash followed by high-quality wax protection for brilliant shine.", icon: Car,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1",
|
||||
imageAlt: "Exterior wash",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=2",
|
||||
imageAlt: "Exterior polish",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-outdoors_23-2149714258.jpg",
|
||||
imageAlt: "mobile car detailing service van",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Exterior wash" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Exterior polish" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Paint Correction",
|
||||
description: "Expert buffing and polishing to restore paint clarity and remove light scratches.",
|
||||
icon: Shield,
|
||||
title: "Paint Correction", description: "Expert buffing and polishing to restore paint clarity and remove light scratches.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=3",
|
||||
imageAlt: "Paint buffing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=4",
|
||||
imageAlt: "Paint reflection",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg?_wi=3",
|
||||
imageAlt: "car interior cleaning deep clean",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Paint buffing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Paint reflection" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -235,55 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "express",
|
||||
badge: "Entry",
|
||||
price: "$99",
|
||||
subtitle: "Basic refresh for your ride.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Express",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Hand Wash",
|
||||
"Interior Vacuum",
|
||||
"Window Cleaning",
|
||||
],
|
||||
id: "express", badge: "Entry", price: "$99", subtitle: "Basic refresh for your ride.", buttons: [{ text: "Select Express", href: "#contact" }],
|
||||
features: ["Hand Wash", "Interior Vacuum", "Window Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Popular",
|
||||
price: "$199",
|
||||
subtitle: "Total interior & exterior rejuvenation.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Express",
|
||||
"Leather Conditioning",
|
||||
"Hand Wax Protection",
|
||||
],
|
||||
id: "premium", badge: "Popular", price: "$199", subtitle: "Total interior & exterior rejuvenation.", buttons: [{ text: "Select Premium", href: "#contact" }],
|
||||
features: ["Everything in Express", "Leather Conditioning", "Hand Wax Protection"],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
badge: "Top Choice",
|
||||
price: "$299",
|
||||
subtitle: "Maximum restoration and protection.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Ultimate",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Premium",
|
||||
"Deep Carpet Shampoo",
|
||||
"Paint Clay Treatment",
|
||||
],
|
||||
id: "ultimate", badge: "Top Choice", price: "$299", subtitle: "Maximum restoration and protection.", buttons: [{ text: "Select Ultimate", href: "#contact" }],
|
||||
features: ["Everything in Premium", "Deep Carpet Shampoo", "Paint Clay Treatment"],
|
||||
},
|
||||
]}
|
||||
title="Detailing Packages"
|
||||
@@ -298,46 +149,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Smith",
|
||||
role: "Owner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
role: "Owner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Chen",
|
||||
role: "Owner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
role: "Owner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wilson",
|
||||
role: "Owner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{ id: "1", name: "James Smith", role: "Owner", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg" },
|
||||
{ id: "2", name: "Maria Garcia", role: "Owner", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg" },
|
||||
{ id: "3", name: "Robert Chen", role: "Owner", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg" },
|
||||
{ id: "4", name: "Sarah Miller", role: "Owner", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
|
||||
{ id: "5", name: "David Wilson", role: "Owner", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real results from vehicle owners who trust our mobile detailers."
|
||||
@@ -347,13 +163,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Schedule Your Detail"
|
||||
description="Send us your details and we'll reach out to confirm your spot in our schedule."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194096.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194096.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -363,16 +177,8 @@ export default function LandingPage() {
|
||||
logoText="DetailPro"
|
||||
copyrightText="© 2025 DetailPro Mobile Detailing."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user