Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-19 04:40:48 +00:00

View File

@@ -32,26 +32,16 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Gallery",
id: "#gallery",
},
name: "Gallery", id: "#gallery"},
{
name: "Book Now",
id: "#booking",
},
name: "Book Now", id: "#booking"},
]}
button={{
text: "Book Now",
href: "#booking",
}}
text: "Book Now", href: "#booking"}}
brandName="Blackline Detailing"
/>
</div>
@@ -59,116 +49,67 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Premium Car Detailing That Speaks for Itself"
description="Serving Vernon, BC with high-end interior and exterior detailing that elevates your driving experience."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg?_wi=1",
imageAlt: "Clean luxury car",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg", imageAlt: "Clean luxury car"},
{
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg?_wi=1",
imageAlt: "Detailing closeup",
},
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg", imageAlt: "Detailing closeup"},
{
imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg?_wi=1",
imageAlt: "Exterior polish",
},
imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg", imageAlt: "Exterior polish"},
{
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg",
imageAlt: "Polished hood",
},
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg", imageAlt: "Polished hood"},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22313.jpg",
imageAlt: "Shiny rim",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22313.jpg", imageAlt: "Shiny rim"},
{
imageSrc: "http://img.b2bpic.net/free-photo/men-rsquo-s-leather-shoes-flat-lay-with-polishing-tools_53876-143261.jpg",
imageAlt: "Interior seat",
},
imageSrc: "http://img.b2bpic.net/free-photo/men-rsquo-s-leather-shoes-flat-lay-with-polishing-tools_53876-143261.jpg", imageAlt: "Interior seat"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-gym-equipment_23-2148766022.jpg",
imageAlt: "Seat detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-gym-equipment_23-2148766022.jpg", imageAlt: "Seat detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stopped-white-car-with-punctured-car-tire-roadside_651396-2398.jpg",
imageAlt: "Rim detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/stopped-white-car-with-punctured-car-tire-roadside_651396-2398.jpg", imageAlt: "Rim detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193561.jpg",
imageAlt: "Hood detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193561.jpg", imageAlt: "Hood detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg",
imageAlt: "Detailing polish",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg", imageAlt: "Detailing polish"},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg",
imageAlt: "Leather care",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg", imageAlt: "Leather care"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg",
imageAlt: "Car exterior",
},
imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg", imageAlt: "Car exterior"},
]}
buttons={[
{
text: "Book Now",
href: "#booking",
},
text: "Book Now", href: "#booking"},
{
text: "View Packages",
href: "#services",
},
text: "View Packages", href: "#services"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20877.jpg",
alt: "Luxury car client",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20877.jpg", alt: "Luxury car client"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-suit-examining-auto-before-purchase_7502-9822.jpg",
alt: "Luxury car client",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-suit-examining-auto-before-purchase_7502-9822.jpg", alt: "Luxury car client"},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-travelling-car_23-2147873896.jpg",
alt: "Luxury car client",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-travelling-car_23-2147873896.jpg", alt: "Luxury car client"},
{
src: "http://img.b2bpic.net/free-photo/man-car_1303-9341.jpg",
alt: "Luxury car client",
},
src: "http://img.b2bpic.net/free-photo/man-car_1303-9341.jpg", alt: "Luxury car client"},
{
src: "http://img.b2bpic.net/free-photo/smart-groomed-man-coat-is-standing-near-his-new-car_613910-21513.jpg",
alt: "Luxury car client",
},
src: "http://img.b2bpic.net/free-photo/smart-groomed-man-coat-is-standing-near-his-new-car_613910-21513.jpg", alt: "Luxury car client"},
]}
avatarText="Trusted by local luxury car owners"
marqueeItems={[
{
type: "text",
text: "PRECISION CARE",
},
type: "text", text: "PRECISION CARE"},
{
type: "text",
text: "GOLD STANDARD",
},
type: "text", text: "GOLD STANDARD"},
{
type: "text",
text: "PREMIUM FINISH",
},
type: "text", text: "PREMIUM FINISH"},
{
type: "text",
text: "EXPERT TOUCH",
},
type: "text", text: "EXPERT TOUCH"},
{
type: "text",
text: "REJUVENATED",
},
type: "text", text: "REJUVENATED"},
]}
/>
</div>
@@ -178,9 +119,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Unrivaled Attention to Detail"
description={[
"At Blackline Detailing, we treat every vehicle like a masterpiece. Our professional team is dedicated to restoring the like-new aesthetic of your car through meticulous cleaning and premium care.",
"We don't just wash your car; we rejuvenate it. Driven by perfection and a passion for excellence, we ensure that every client receives a standard of service that reflects our commitment to premium quality.",
]}
"At Blackline Detailing, we treat every vehicle like a masterpiece. Our professional team is dedicated to restoring the like-new aesthetic of your car through meticulous cleaning and premium care.", "We don't just wash your car; we rejuvenate it. Driven by perfection and a passion for excellence, we ensure that every client receives a standard of service that reflects our commitment to premium quality."]}
/>
</div>
@@ -191,72 +130,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p1",
tag: "Essential",
price: "$100",
period: "Exterior",
description: "Quick refresh to restore the exterior shine.",
featuresTitle: "Includes:",
features: [
"Hand wash",
"Rim cleaning",
"Tire shine",
"Window cleaning",
],
id: "p1", tag: "Essential", price: "$100", period: "Exterior", description: "Quick refresh to restore the exterior shine.", featuresTitle: "Includes:", features: [
"Hand wash", "Rim cleaning", "Tire shine", "Window cleaning"],
button: {
text: "Book Now",
},
text: "Book Now"},
},
{
id: "p2",
tag: "Core",
price: "$160",
period: "Interior",
description: "Deep clean for your car's sanctuary.",
featuresTitle: "Includes:",
features: [
"Vacuuming",
"Seat dusting",
"Dashboard cleaning",
"Deep surface sanitizing",
],
id: "p2", tag: "Core", price: "$160", period: "Interior", description: "Deep clean for your car's sanctuary.", featuresTitle: "Includes:", features: [
"Vacuuming", "Seat dusting", "Dashboard cleaning", "Deep surface sanitizing"],
button: {
text: "Book Now",
},
text: "Book Now"},
},
{
id: "p3",
tag: "Comprehensive",
price: "$250",
period: "Full",
description: "The perfect balance of interior and exterior care.",
featuresTitle: "Includes:",
features: [
"Full exterior wash",
"Full interior deep clean",
"Leather cleaning",
"Window treatment",
],
id: "p3", tag: "Comprehensive", price: "$250", period: "Full", description: "The perfect balance of interior and exterior care.", featuresTitle: "Includes:", features: [
"Full exterior wash", "Full interior deep clean", "Leather cleaning", "Window treatment"],
button: {
text: "Book Now",
},
text: "Book Now"},
},
{
id: "p4",
tag: "Signature",
price: "$350",
period: "Premium",
description: "The ultimate detailing experience for perfectionists.",
featuresTitle: "Includes:",
features: [
"Engine bay detail",
"Full exterior polish",
"Leather conditioner",
"Full interior extraction",
],
id: "p4", tag: "Signature", price: "$350", period: "Premium", description: "The ultimate detailing experience for perfectionists.", featuresTitle: "Includes:", features: [
"Engine bay detail", "Full exterior polish", "Leather conditioner", "Full interior extraction"],
button: {
text: "Book Now",
},
text: "Book Now"},
},
]}
title="Our Detailing Packages"
@@ -271,79 +166,49 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Pet Hair Removal",
description: "Deep removal of stubborn pet hair from carpets, seats, and tight areas.",
icon: Sparkles,
title: "Pet Hair Removal", description: "Deep removal of stubborn pet hair from carpets, seats, and tight areas.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/front-seat-car-with-seat-belt_181624-26340.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-seat-car-with-seat-belt_181624-26340.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg?_wi=2",
imageAlt: "detailing leather interior cleaning",
},
{
title: "Engine Bay Cleaning",
description: "Safe, careful cleaning that restores a like-new engine appearance. Most Popular.",
icon: Zap,
title: "Engine Bay Cleaning", description: "Safe, careful cleaning that restores a like-new engine appearance. Most Popular.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-yellow-car-with-black-line-windows_181624-13746.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-yellow-car-with-black-line-windows_181624-13746.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg?_wi=2",
imageAlt: "detailing leather interior cleaning",
},
{
title: "Seat & Carpet Shampoo",
description: "Deep extraction cleaning to remove stains and embedded dirt.",
icon: Shield,
title: "Seat & Carpet Shampoo", description: "Deep extraction cleaning to remove stains and embedded dirt.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-with-towel_23-2148865578.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-with-towel_23-2148865578.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg?_wi=2",
imageAlt: "detailing leather interior cleaning",
},
{
title: "Leather Conditioning",
description: "Restores softness and prevents cracking for long-lasting leather health.",
icon: Star,
title: "Leather Conditioning", description: "Restores softness and prevents cracking for long-lasting leather health.", icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-male-with-long-hair-car_613910-10226.jpg?_wi=1",
imageAlt: "detailing leather interior cleaning",
},
{
title: "Spray Wax Protection",
description: "Adds shine and a layer of protection to your paint finish.",
icon: Award,
title: "Spray Wax Protection", description: "Adds shine and a layer of protection to your paint finish.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drops-white-surface_181624-59940.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drops-white-surface_181624-59940.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6113.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6113.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg?_wi=1",
imageAlt: "detailing leather interior cleaning",
},
]}
title="Enhancements & Add-Ons"
@@ -359,47 +224,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Before / After Polish",
price: "High Polish",
variant: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
},
id: "g1", name: "Before / After Polish", price: "High Polish", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg"},
{
id: "g2",
name: "Wheel Detailing",
price: "Precision Cleaning",
variant: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030444.jpg",
},
id: "g2", name: "Wheel Detailing", price: "Precision Cleaning", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030444.jpg"},
{
id: "g3",
name: "Interior Restoration",
price: "Deep Shampoo",
variant: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg",
},
id: "g3", name: "Interior Restoration", price: "Deep Shampoo", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg"},
{
id: "g4",
name: "Engine Bay",
price: "Engine Care",
variant: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2246.jpg",
},
id: "g4", name: "Engine Bay", price: "Engine Care", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2246.jpg"},
{
id: "g5",
name: "Dashboard Detail",
price: "Interior Detail",
variant: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
},
id: "g5", name: "Dashboard Detail", price: "Interior Detail", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg"},
{
id: "g6",
name: "Complete Exterior",
price: "Total Shine",
variant: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg",
},
id: "g6", name: "Complete Exterior", price: "Total Shine", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg"},
]}
title="Our Work"
description="See the precision and care we put into every vehicle."
@@ -412,45 +247,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Excellent Service",
quote: "Blackline Detailing completely transformed my SUV. Professional and thorough.",
name: "Sarah J.",
role: "Vernon Local",
imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-male-with-long-hair-car_613910-10226.jpg?_wi=2",
},
id: "t1", title: "Excellent Service", quote: "Blackline Detailing completely transformed my SUV. Professional and thorough.", name: "Sarah J.", role: "Vernon Local", imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-male-with-long-hair-car_613910-10226.jpg"},
{
id: "t2",
title: "Premium Results",
quote: "The best detailing in town. My car feels brand new again.",
name: "Michael K.",
role: "Luxury Car Owner",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg?_wi=2",
},
id: "t2", title: "Premium Results", quote: "The best detailing in town. My car feels brand new again.", name: "Michael K.", role: "Luxury Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"},
{
id: "t3",
title: "Attention to Detail",
quote: "Incredible work on the interior. Stubborn stains were gone.",
name: "Emily R.",
role: "Business Executive",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14877.jpg",
},
id: "t3", title: "Attention to Detail", quote: "Incredible work on the interior. Stubborn stains were gone.", name: "Emily R.", role: "Business Executive", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14877.jpg"},
{
id: "t4",
title: "Polished to Perfection",
quote: "Professional team and perfect shine. Will definitely return.",
name: "David W.",
role: "Sports Car Enthusiast",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg",
},
id: "t4", title: "Polished to Perfection", quote: "Professional team and perfect shine. Will definitely return.", name: "David W.", role: "Sports Car Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg"},
{
id: "t5",
title: "Highly Recommend",
quote: "Worth every penny. The attention to detail is truly premium.",
name: "John D.",
role: "Happy Client",
imageSrc: "http://img.b2bpic.net/free-photo/lady-car_1157-7445.jpg",
},
id: "t5", title: "Highly Recommend", quote: "Worth every penny. The attention to detail is truly premium.", name: "John D.", role: "Happy Client", imageSrc: "http://img.b2bpic.net/free-photo/lady-car_1157-7445.jpg"},
]}
title="Client Reviews"
description="Hear what our premium clients have to say."
@@ -464,44 +269,24 @@ export default function LandingPage() {
description="Ready for a premium detailing session? Fill out the form below."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "vehicle",
type: "text",
placeholder: "Vehicle Type",
required: true,
name: "vehicle", type: "text", placeholder: "Vehicle Type", required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
name: "date", type: "date", placeholder: "Preferred Date", required: true,
},
]}
multiSelect={{
name: "package",
label: "Select Package",
options: [
"Essential",
"Core",
"Comprehensive",
"Signature",
],
name: "package", label: "Select Package", options: [
"Essential", "Core", "Comprehensive", "Signature"],
}}
textarea={{
name: "notes",
placeholder: "Additional notes...",
rows: 4,
name: "notes", placeholder: "Additional notes...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg"
/>
@@ -512,10 +297,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Contact Blackline Detailing"
description={[
"Phone: 250-258-1785",
"Location: Vernon, BC",
"Instagram: @BlacklineDetailing",
]}
"Phone: 250-258-1785", "Location: Vernon, BC", "Instagram: @BlacklineDetailing"]}
/>
</div>
@@ -524,42 +306,27 @@ export default function LandingPage() {
logoText="Blackline Detailing"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Gallery",
href: "#gallery",
},
label: "Gallery", href: "#gallery"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Packages",
href: "#services",
},
label: "Packages", href: "#services"},
{
label: "Add-Ons",
href: "#add-ons",
},
label: "Add-Ons", href: "#add-ons"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Booking",
href: "#booking",
},
label: "Booking", href: "#booking"},
],
},
]}