Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Black Diamond"
|
||||
/>
|
||||
@@ -56,43 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="WE BRING YOUR VEHICLE BACK TO LIFE."
|
||||
description="Premium mobile detailing for busy drivers, families, smokers, pet owners, fleets, and luxury vehicles."
|
||||
tag="Luxury Mobile Detailing"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#gallery",
|
||||
},
|
||||
{ text: "Book Your Detail", href: "#contact" },
|
||||
{ text: "See Our Work", href: "#gallery" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg?_wi=1",
|
||||
imageAlt: "detailing foam cannon car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg?_wi=1",
|
||||
imageAlt: "luxury truck detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bubbling-blue-water_23-2147798200.jpg",
|
||||
imageAlt: "Bubbling blue water",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg",
|
||||
imageAlt: "Close-up bubbles on splashing water",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-splashing-near-foam_23-2147798203.jpg",
|
||||
imageAlt: "Water splashing near foam",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg", imageAlt: "detailing foam cannon car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", imageAlt: "luxury truck detailing" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,13 +67,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google Reviews",
|
||||
"Yelp",
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"Nextdoor",
|
||||
]}
|
||||
names={["Google Reviews", "Yelp", "Facebook", "Instagram", "Nextdoor"]}
|
||||
title="Trusted by Local Drivers"
|
||||
description="Rated 5-stars by our clients for professionalism and convenience."
|
||||
/>
|
||||
@@ -123,36 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Mobile Convenience",
|
||||
author: "Direct",
|
||||
description: "We come to your home, work, or apartment.",
|
||||
tags: [
|
||||
"Convenient",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Last-Minute Availability",
|
||||
author: "Flexible",
|
||||
description: "Need it cleaned before date night or an event? We've got you.",
|
||||
tags: [
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22322.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fleet Services",
|
||||
author: "Business",
|
||||
description: "Reliable recurring cleaning for work trucks.",
|
||||
tags: [
|
||||
"Fleet",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Mobile Convenience", author: "Direct", description: "We come to your home, work, or apartment.", tags: ["Convenient"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg" },
|
||||
{ id: "f2", title: "Last-Minute Availability", author: "Flexible", description: "Need it cleaned before date night or an event? We've got you.", tags: ["Fast"], imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22322.jpg" },
|
||||
{ id: "f3", title: "Fleet Services", author: "Business", description: "Reliable recurring cleaning for work trucks.", tags: ["Fleet"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg" },
|
||||
]}
|
||||
title="Why Choose Black Diamond?"
|
||||
description="We don't just wash your car, we restore it."
|
||||
@@ -166,42 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pet Hair Removal",
|
||||
price: "Restored",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smoke Damage",
|
||||
price: "Treated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Truck Detail",
|
||||
price: "Showroom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-dog-car_23-2148728245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxury Car",
|
||||
price: "Protected",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Family SUV",
|
||||
price: "Sanitized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163675.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fleet Refresh",
|
||||
price: "Efficient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Pet Hair Removal", price: "Restored", imageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg" },
|
||||
{ id: "p2", name: "Smoke Damage", price: "Treated", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" },
|
||||
{ id: "p3", name: "Truck Detail", price: "Showroom", imageSrc: "http://img.b2bpic.net/free-photo/man-his-dog-car_23-2148728245.jpg" },
|
||||
{ id: "p4", name: "Luxury Car", price: "Protected", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg" },
|
||||
{ id: "p5", name: "Family SUV", price: "Sanitized", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163675.jpg" },
|
||||
{ id: "p6", name: "Fleet Refresh", price: "Efficient", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg" },
|
||||
]}
|
||||
title="Before & After Showcase"
|
||||
description="Real transformations on every type of vehicle."
|
||||
@@ -214,54 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Interior Detail",
|
||||
price: "$150",
|
||||
period: "Starting at",
|
||||
features: [
|
||||
"Shampoo",
|
||||
"Steam",
|
||||
"Odour Removal",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car_23-2149316432.jpg",
|
||||
imageAlt: "Man washing a car",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Exterior Detail",
|
||||
price: "$120",
|
||||
period: "Starting at",
|
||||
features: [
|
||||
"Hand Wash",
|
||||
"Wax",
|
||||
"Tire Shine",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg?_wi=2",
|
||||
imageAlt: "Man washing a car",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Full Detail",
|
||||
price: "$250",
|
||||
period: "Starting at",
|
||||
features: [
|
||||
"Complete Resto",
|
||||
"Smoke Removal",
|
||||
"Paint Protection",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg?_wi=2",
|
||||
imageAlt: "Man washing a car",
|
||||
},
|
||||
{ id: "s1", title: "Interior Detail", price: "$150", period: "Starting at", features: ["Shampoo", "Steam", "Odour Removal"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car_23-2149316432.jpg" },
|
||||
{ id: "s2", title: "Exterior Detail", price: "$120", period: "Starting at", features: ["Hand Wash", "Wax", "Tire Shine"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg" },
|
||||
{ id: "s3", title: "Full Detail", price: "$250", period: "Starting at", features: ["Complete Resto", "Smoke Removal", "Paint Protection"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg" },
|
||||
]}
|
||||
title="Our Detailing Packages"
|
||||
description="Pick the package that fits your vehicle's needs."
|
||||
@@ -286,46 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Results",
|
||||
quote: "They resurrected this car.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193583.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Looked New",
|
||||
quote: "Looked brand new.",
|
||||
name: "Mark R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27341.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Best Service",
|
||||
quote: "Best I've had.",
|
||||
name: "Jessica B.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Detailers",
|
||||
quote: "Couldn't even tell the seats were white before.",
|
||||
name: "Tom K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21373.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Professional",
|
||||
quote: "Professional, on time, and convenient.",
|
||||
name: "Lisa M.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193567.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Amazing Results", quote: "They resurrected this car.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193583.jpg" },
|
||||
{ id: "t2", title: "Looked New", quote: "Looked brand new.", name: "Mark R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27341.jpg" },
|
||||
{ id: "t3", title: "Best Service", quote: "Best I've had.", name: "Jessica B.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg" },
|
||||
{ id: "t4", title: "Detailers", quote: "Couldn't even tell the seats were white before.", name: "Tom K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21373.jpg" },
|
||||
{ id: "t5", title: "Professional", quote: "Professional, on time, and convenient.", name: "Lisa M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193567.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See why locals love our service."
|
||||
@@ -337,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "h1",
|
||||
title: "Request a Quote",
|
||||
content: "Upload photos or text your vehicle info.",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
title: "We Come To You",
|
||||
content: "Home, office, or fleet location.",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
title: "Drive A Clean Vehicle",
|
||||
content: "Showroom-level transformation.",
|
||||
},
|
||||
{ id: "h1", title: "Request a Quote", content: "Upload photos or text your vehicle info." },
|
||||
{ id: "h2", title: "We Come To You", content: "Home, office, or fleet location." },
|
||||
{ id: "h3", title: "Drive A Clean Vehicle", content: "Showroom-level transformation." },
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Detailing made effortless in 3 steps."
|
||||
@@ -364,16 +171,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who we serve",
|
||||
content: "Contractors, realtors, service companies.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Benefits",
|
||||
content: "Recurring scheduling, priority booking, multi-vehicle discounts.",
|
||||
},
|
||||
{ id: "f1", title: "Who we serve", content: "Contractors, realtors, service companies." },
|
||||
{ id: "f2", title: "Benefits", content: "Recurring scheduling, priority booking, multi-vehicle discounts." },
|
||||
]}
|
||||
title="Fleet Services"
|
||||
description="Keep your business looking professional."
|
||||
@@ -386,21 +185,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long does detailing take?",
|
||||
content: "Most jobs take 2-4 hours.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you bring your own water/power?",
|
||||
content: "Yes, we are fully self-contained.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can you remove smoke smells?",
|
||||
content: "Yes, we specialize in ozone treatment.",
|
||||
},
|
||||
{ id: "faq1", title: "How long does detailing take?", content: "Most jobs take 2-4 hours." },
|
||||
{ id: "faq2", title: "Do you bring your own water/power?", content: "Yes, we are fully self-contained." },
|
||||
{ id: "faq3", title: "Can you remove smoke smells?", content: "Yes, we specialize in ozone treatment." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have more questions?"
|
||||
@@ -411,9 +198,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ready for a transformation?"
|
||||
description="Professional mobile detailing that saves you time."
|
||||
buttonText="Book Your Appointment"
|
||||
@@ -426,30 +211,10 @@ export default function LandingPage() {
|
||||
logoText="Black Diamond"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#services" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -457,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user