Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Luxury Mobile Detail"
|
||||
/>
|
||||
@@ -54,37 +42,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Luxury Mobile Detail"
|
||||
description="LA’s Most Exclusive Mobile Detailing – We Bring the Showroom Shine to Your Doorstep"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Shine",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Shine", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg?_wi=1",
|
||||
imageAlt: "Porsche detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg?_wi=1",
|
||||
imageAlt: "Mobile service van",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg?_wi=1",
|
||||
imageAlt: "Ford Bronco detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163676.jpg?_wi=1",
|
||||
imageAlt: "Interior detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg?_wi=1",
|
||||
imageAlt: "Wheels detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg",
|
||||
imageAlt: "Exterior detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg", imageAlt: "Porsche detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg", imageAlt: "Mobile service van" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg", imageAlt: "Ford Bronco detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163676.jpg", imageAlt: "Interior detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg", imageAlt: "Wheels detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg", imageAlt: "Exterior detail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,42 +60,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Entry",
|
||||
price: "$150",
|
||||
subtitle: "Express Refresh",
|
||||
features: [
|
||||
"Exterior Foam Wash",
|
||||
"Quick Tire Shine",
|
||||
"Interior Dust Down",
|
||||
"Window Streak-Free",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$350",
|
||||
subtitle: "Interior Resurrection",
|
||||
features: [
|
||||
"Deep Vacuuming",
|
||||
"Leather Condition",
|
||||
"Steam Cleaning",
|
||||
"Dashboard Detail",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$800",
|
||||
subtitle: "Executive Ceramic Coating",
|
||||
features: [
|
||||
"Complete Paint Correction",
|
||||
"Two-Year Ceramic Layer",
|
||||
"Wheel Protection",
|
||||
"Engine Bay Detail",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Entry", price: "$150", subtitle: "Express Refresh", features: ["Exterior Foam Wash", "Quick Tire Shine", "Interior Dust Down", "Window Streak-Free"] },
|
||||
{ id: "p2", badge: "Premium", price: "$350", subtitle: "Interior Resurrection", features: ["Deep Vacuuming", "Leather Condition", "Steam Cleaning", "Dashboard Detail"] },
|
||||
{ id: "p3", badge: "Elite", price: "$800", subtitle: "Executive Ceramic Coating", features: ["Complete Paint Correction", "Two-Year Ceramic Layer", "Wheel Protection", "Engine Bay Detail"] },
|
||||
]}
|
||||
title="Our Signature Packages"
|
||||
description="Choose the level of care your vehicle deserves. From express refreshes to ultimate ceramic protection."
|
||||
@@ -141,47 +73,24 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Ford Restoration",
|
||||
description: "Revitalizing heritage aesthetics with modern techniques.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19335.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-fluid-wave_1194-638100.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg?_wi=2",
|
||||
imageAlt: "classic ford bronco malibu",
|
||||
},
|
||||
{
|
||||
title: "Precision Porsche Care",
|
||||
description: "High-gloss liquid paint protection packages.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-off-road-vehicle-driven-rough-terrain_23-2151476175.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg?_wi=2",
|
||||
imageAlt: "classic ford bronco malibu",
|
||||
},
|
||||
{
|
||||
title: "Luxury Standard",
|
||||
description: "Unmatched attention to every panel and rim.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-with-her-horse-ranch_23-2148956731.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-clear-liquid-drops-leaf-surface_23-2148635078.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg?_wi=2",
|
||||
imageAlt: "classic ford bronco malibu",
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
showStepNumbers={false}
|
||||
title="Our Work: Bronco & Porsche"
|
||||
description="A glimpse into our signature finishes on the world's finest vehicles."
|
||||
features={[
|
||||
{
|
||||
title: "Classic Ford Restoration", description: "Revitalizing heritage aesthetics with modern techniques.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19335.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-fluid-wave_1194-638100.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Precision Porsche Care", description: "High-gloss liquid paint protection packages.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-off-road-vehicle-driven-rough-terrain_23-2151476175.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Luxury Standard", description: "Unmatched attention to every panel and rim.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-with-her-horse-ranch_23-2148956731.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-clear-liquid-drops-leaf-surface_23-2148635078.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,33 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Beverly Hills",
|
||||
title: "Prestige Area",
|
||||
items: [
|
||||
"Premier Access",
|
||||
"On-Site Concierge",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Santa Monica",
|
||||
title: "Coastal Service",
|
||||
items: [
|
||||
"Beach-Side Detailing",
|
||||
"Salt-Mist Shield",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Malibu",
|
||||
title: "Elite Location",
|
||||
items: [
|
||||
"Scenic Care",
|
||||
"Direct-to-Driveway",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "Beverly Hills", title: "Prestige Area", items: ["Premier Access", "On-Site Concierge"] },
|
||||
{ id: "m2", value: "Santa Monica", title: "Coastal Service", items: ["Beach-Side Detailing", "Salt-Mist Shield"] },
|
||||
{ id: "m3", value: "Malibu", title: "Elite Location", items: ["Scenic Care", "Direct-to-Driveway"] },
|
||||
]}
|
||||
title="Serving LA's Finest"
|
||||
description="Exclusively mobile across Southern California's most prestigious zip codes."
|
||||
@@ -229,61 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James V.",
|
||||
date: "Oct 2023",
|
||||
title: "Porsche 911 Owner",
|
||||
quote: "The most meticulous detail I've had in years.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346511.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg?_wi=3",
|
||||
imageAlt: "happy client luxury car",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
date: "Sep 2023",
|
||||
title: "Bronco Restoration",
|
||||
quote: "My Bronco looks brand new again. Simply elite.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4219.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg?_wi=3",
|
||||
imageAlt: "happy client luxury car",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus R.",
|
||||
date: "Aug 2023",
|
||||
title: "Sedan Executive",
|
||||
quote: "Luxury Mobile Detail is the gold standard.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-fancy-font-concept_53876-124940.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg?_wi=3",
|
||||
imageAlt: "happy client luxury car",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena D.",
|
||||
date: "Jul 2023",
|
||||
title: "SUV Owner",
|
||||
quote: "Professionalism at its finest. Highly recommend.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163676.jpg?_wi=2",
|
||||
imageAlt: "happy client luxury car",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
date: "Jun 2023",
|
||||
title: "Luxury Sports",
|
||||
quote: "Showroom quality right in my own driveway.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/well-dressed-couple-sensual-smiling-woman-bearded-male-sitting-front-seats-luxury-car_613910-5881.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg?_wi=2",
|
||||
imageAlt: "happy client luxury car",
|
||||
},
|
||||
{ id: "t1", name: "James V.", date: "Oct 2023", title: "Porsche 911 Owner", quote: "The most meticulous detail I've had in years.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346511.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg", imageAlt: "happy client luxury car" },
|
||||
{ id: "t2", name: "Sarah L.", date: "Sep 2023", title: "Bronco Restoration", quote: "My Bronco looks brand new again. Simply elite.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4219.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg", imageAlt: "happy client luxury car" },
|
||||
{ id: "t3", name: "Marcus R.", date: "Aug 2023", title: "Sedan Executive", quote: "Luxury Mobile Detail is the gold standard.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-fancy-font-concept_53876-124940.jpg", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg", imageAlt: "happy client luxury car" },
|
||||
{ id: "t4", name: "Elena D.", date: "Jul 2023", title: "SUV Owner", quote: "Professionalism at its finest. Highly recommend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163676.jpg", imageAlt: "happy client luxury car" },
|
||||
{ id: "t5", name: "David W.", date: "Jun 2023", title: "Luxury Sports", quote: "Showroom quality right in my own driveway.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/well-dressed-couple-sensual-smiling-woman-bearded-male-sitting-front-seats-luxury-car_613910-5881.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg", imageAlt: "happy client luxury car" },
|
||||
]}
|
||||
title="Client Excellence"
|
||||
description="Five-star reviews from our esteemed LA clientele."
|
||||
@@ -293,18 +128,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Inquiry"
|
||||
title="Book Your Exclusive Detail"
|
||||
description="Ready to experience the Luxury Mobile Detail difference? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -312,45 +140,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Luxury Mobile Detail"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Areas",
|
||||
items: [
|
||||
{
|
||||
label: "Beverly Hills",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Malibu",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Areas", items: [{ label: "Beverly Hills", href: "#" }, { label: "Malibu", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Luxury Mobile Detail. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user