bender/f6c9bf8c-8d68-4e2a-848d-326e86e68b2b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-07 23:14:19 +00:00
parent af9b7897a9
commit b2680cb6c0
1 changed files with 64 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

333
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Benefits",
id: "#benefits",
},
name: "Benefits", id: "#benefits"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Sparkle & Shine Car Wash"
/>
@@ -68,69 +54,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="Ultimate Clean, Ultimate Shine."
description="Experience the pinnacle of vehicle cleanliness with our eco-friendly and efficient car wash services. We leave every car spotless, inside and out."
buttons={[
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg"
imageAlt="Shiny car being washed at a car wash station"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-car_23-2148546122.jpg",
alt: "Happy customer 1",
},
src: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-car_23-2148546122.jpg", alt: "Happy customer 1"},
{
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg",
alt: "Happy customer 2",
},
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg", alt: "Happy customer 2"},
{
src: "http://img.b2bpic.net/free-photo/young-man-fashion-clothes-washing-car-car-wash-station-using-washcloth-man-wearing-white-t-shirt-glasses_1157-49897.jpg",
alt: "Happy customer 3",
},
src: "http://img.b2bpic.net/free-photo/young-man-fashion-clothes-washing-car-car-wash-station-using-washcloth-man-wearing-white-t-shirt-glasses_1157-49897.jpg", alt: "Happy customer 3"},
{
src: "http://img.b2bpic.net/free-photo/front-view-man-with-tire-wrench_23-2148270652.jpg",
alt: "Happy customer 4",
},
src: "http://img.b2bpic.net/free-photo/front-view-man-with-tire-wrench_23-2148270652.jpg", alt: "Happy customer 4"},
{
src: "http://img.b2bpic.net/free-photo/young-man-sits-newly-purchased-car-wheel-successful-purchase_146671-14742.jpg",
alt: "Happy customer 5",
},
src: "http://img.b2bpic.net/free-photo/young-man-sits-newly-purchased-car-wheel-successful-purchase_146671-14742.jpg", alt: "Happy customer 5"},
]}
avatarText="Join 100K+ happy customers"
marqueeItems={[
{
type: "text",
text: "Premium Wax",
},
type: "text", text: "Premium Wax"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/dog-toy-comb-collar_23-2147799883.jpg",
alt: "Car wash foam",
},
type: "image", src: "http://img.b2bpic.net/free-photo/dog-toy-comb-collar_23-2147799883.jpg", alt: "Car wash foam"},
{
type: "text",
text: "Interior Detail",
},
type: "text", text: "Interior Detail"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22313.jpg",
alt: "Shining car wheel",
},
type: "image", src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22313.jpg", alt: "Shining car wheel"},
{
type: "text",
text: "Ceramic Coating",
},
type: "text", text: "Ceramic Coating"},
]}
/>
</div>
@@ -143,47 +102,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "basic-shine",
name: "Basic Shine Wash",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg?_wi=1",
imageAlt: "Basic car wash with foam",
},
id: "basic-shine", name: "Basic Shine Wash", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg", imageAlt: "Basic car wash with foam"},
{
id: "deluxe-clean",
name: "Deluxe Clean & Wax",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212204.jpg?_wi=1",
imageAlt: "Deluxe car wash with wax",
},
id: "deluxe-clean", name: "Deluxe Clean & Wax", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212204.jpg", imageAlt: "Deluxe car wash with wax"},
{
id: "ultimate-sparkle",
name: "Ultimate Sparkle + Ceramic",
price: "$40",
imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup_23-2149106377.jpg",
imageAlt: "Ultimate car wash with ceramic coating",
},
id: "ultimate-sparkle", name: "Ultimate Sparkle + Ceramic", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup_23-2149106377.jpg", imageAlt: "Ultimate car wash with ceramic coating"},
{
id: "interior-detail",
name: "Interior Vacuum & Wipe",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
imageAlt: "Car interior being vacuumed",
},
id: "interior-detail", name: "Interior Vacuum & Wipe", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg", imageAlt: "Car interior being vacuumed"},
{
id: "tire-shine",
name: "Tire & Rim Shine",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27455.jpg",
imageAlt: "Shiny car tire",
},
id: "tire-shine", name: "Tire & Rim Shine", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27455.jpg", imageAlt: "Shiny car tire"},
{
id: "headlight-restore",
name: "Headlight Restoration",
price: "$50",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-4989.jpg",
imageAlt: "Restored clear car headlight",
},
id: "headlight-restore", name: "Headlight Restoration", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-4989.jpg", imageAlt: "Restored clear car headlight"},
]}
title="Our Premium Wash Services"
description="Choose the perfect clean for your vehicle from our range of comprehensive wash packages and detailing options."
@@ -197,37 +126,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Eco-Friendly Products",
description: "We use biodegradable soaps and efficient water reclamation systems to protect the environment while cleaning your car.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-water-with-big-bubbles_23-2147933821.jpg",
imageAlt: "eco friendly cleaning products green",
title: "Eco-Friendly Products", description: "We use biodegradable soaps and efficient water reclamation systems to protect the environment while cleaning your car.", bentoComponent: "reveal-icon", icon: Leaf
},
{
title: "Gentle on Your Paint",
description: "Our soft-touch brushes and non-abrasive cleansers ensure a scratch-free, mirror-like finish every time.",
bentoComponent: "reveal-icon",
icon: Car,
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg?_wi=2",
imageAlt: "eco friendly cleaning products green",
title: "Gentle on Your Paint", description: "Our soft-touch brushes and non-abrasive cleansers ensure a scratch-free, mirror-like finish every time.", bentoComponent: "reveal-icon", icon: Car
},
{
title: "Quick & Efficient",
description: "Get a sparkling clean car in minutes, without compromising on quality or attention to detail.",
bentoComponent: "reveal-icon",
icon: Clock,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg?_wi=2",
imageAlt: "eco friendly cleaning products green",
title: "Quick & Efficient", description: "Get a sparkling clean car in minutes, without compromising on quality or attention to detail.", bentoComponent: "reveal-icon", icon: Clock
},
{
title: "Spotless Finish",
description: "From streak-free windows to glossy wheels, we guarantee a spotless finish that makes your car stand out.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212204.jpg?_wi=2",
imageAlt: "eco friendly cleaning products green",
},
title: "Spotless Finish", description: "From streak-free windows to glossy wheels, we guarantee a spotless finish that makes your car stand out.", bentoComponent: "reveal-icon", icon: Sparkles
}
]}
title="Why Sparkle & Shine is Your Best Choice"
description="Discover the difference our advanced techniques, eco-friendly products, and dedicated team make for a truly superior car wash experience."
@@ -241,45 +150,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Value",
price: "$15",
subtitle: "Essential Clean",
features: [
"Soft-touch exterior wash",
"Spot-free rinse",
"Power dry",
],
id: "basic", badge: "Value", price: "$15", subtitle: "Essential Clean", features: [
"Soft-touch exterior wash", "Spot-free rinse", "Power dry"],
},
{
id: "deluxe",
badge: "Popular",
price: "$25",
subtitle: "Enhanced Clean",
features: [
"Soft-touch exterior wash",
"Spot-free rinse",
"Power dry",
"Underbody wash",
"Wheel cleaning",
"Rain repellent wax",
],
id: "deluxe", badge: "Popular", price: "$25", subtitle: "Enhanced Clean", features: [
"Soft-touch exterior wash", "Spot-free rinse", "Power dry", "Underbody wash", "Wheel cleaning", "Rain repellent wax"],
},
{
id: "ultimate",
badge: "Best Deal",
price: "$40",
subtitle: "Premium Protection",
features: [
"Soft-touch exterior wash",
"Spot-free rinse",
"Power dry",
"Underbody wash",
"Wheel cleaning",
"Rain repellent wax",
"Tire shine",
"Ceramic coating",
],
id: "ultimate", badge: "Best Deal", price: "$40", subtitle: "Premium Protection", features: [
"Soft-touch exterior wash", "Spot-free rinse", "Power dry", "Underbody wash", "Wheel cleaning", "Rain repellent wax", "Tire shine", "Ceramic coating"],
},
]}
title="Transparent Pricing for Every Budget"
@@ -294,29 +174,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "happy-customers",
value: "100K+",
title: "Happy Customers",
description: "Our priority is your satisfaction, reflected in every gleaming vehicle.",
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-showing-thumbs-up-uniform-looking-pleased-front-view_176474-21433.jpg",
imageAlt: "Smiling person with a clean car",
},
id: "happy-customers", value: "100K+", title: "Happy Customers", description: "Our priority is your satisfaction, reflected in every gleaming vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/young-loader-showing-thumbs-up-uniform-looking-pleased-front-view_176474-21433.jpg", imageAlt: "Smiling person with a clean car"},
{
id: "cars-washed",
value: "50K+",
title: "Cars Washed Monthly",
description: "Efficient operations ensure we handle a high volume of vehicles with consistent quality.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",
imageAlt: "Cars being washed in a tunnel",
},
id: "cars-washed", value: "50K+", title: "Cars Washed Monthly", description: "Efficient operations ensure we handle a high volume of vehicles with consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg", imageAlt: "Cars being washed in a tunnel"},
{
id: "years-in-service",
value: "10+",
title: "Years in Service",
description: "A decade of experience delivering top-tier car wash services in the region.",
imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg",
imageAlt: "Calendar icon representing years of service",
},
id: "years-in-service", value: "10+", title: "Years in Service", description: "A decade of experience delivering top-tier car wash services in the region.", imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg", imageAlt: "Calendar icon representing years of service"},
]}
title="Our Success in Numbers"
description="Proudly serving our community with exceptional care and delivering sparkling results every time."
@@ -330,22 +192,15 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "Quality Washes",
value: "Always",
},
label: "Quality Washes", value: "Always"},
{
icon: Globe,
label: "Eco-Friendly",
value: "Committed",
},
label: "Eco-Friendly", value: "Committed"},
{
icon: Users,
label: "Customer Focus",
value: "Priority",
},
label: "Customer Focus", value: "Priority"},
]}
metricsAnimation="slide-up"
description="At Sparkle & Shine Car Wash, we are dedicated to providing the highest quality car cleaning services. Our commitment to eco-friendly practices and customer satisfaction sets us apart."
/>
</div>
@@ -356,53 +211,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@Sarah_J",
testimonial: "My car looks brand new every time I visit Sparkle & Shine! The attention to detail is unmatched, and the staff are always so friendly.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg",
imageAlt: "Customer Sarah J.",
},
id: "1", name: "Sarah J.", handle: "@Sarah_J", testimonial: "My car looks brand new every time I visit Sparkle & Shine! The attention to detail is unmatched, and the staff are always so friendly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg", imageAlt: "Customer Sarah J."},
{
id: "2",
name: "Michael T.",
handle: "@MichaelT",
testimonial: "I'm always impressed with the shine and how quickly they get the job done. Best car wash in town by far, highly recommend the Ultimate Sparkle package.",
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-medium-shot_23-2148320231.jpg",
imageAlt: "Customer Michael T.",
},
id: "2", name: "Michael T.", handle: "@MichaelT", testimonial: "I'm always impressed with the shine and how quickly they get the job done. Best car wash in town by far, highly recommend the Ultimate Sparkle package.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-medium-shot_23-2148320231.jpg", imageAlt: "Customer Michael T."},
{
id: "3",
name: "Emily R.",
handle: "@Emily_R",
testimonial: "The eco-friendly products are a huge plus for me. My car is spotless, and I feel good knowing they care about the environment.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-fashion-clothes-washing-car-car-wash-station-using-washcloth_1157-49590.jpg",
imageAlt: "Customer Emily R.",
},
id: "3", name: "Emily R.", handle: "@Emily_R", testimonial: "The eco-friendly products are a huge plus for me. My car is spotless, and I feel good knowing they care about the environment.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-fashion-clothes-washing-car-car-wash-station-using-washcloth_1157-49590.jpg", imageAlt: "Customer Emily R."},
{
id: "4",
name: "David K.",
handle: "@DavidK",
testimonial: "Consistently excellent results. I drive a lot for work, and Sparkle & Shine keeps my car looking professional without fail.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193202.jpg",
imageAlt: "Customer David K.",
},
id: "4", name: "David K.", handle: "@DavidK", testimonial: "Consistently excellent results. I drive a lot for work, and Sparkle & Shine keeps my car looking professional without fail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193202.jpg", imageAlt: "Customer David K."},
{
id: "5",
name: "Jessica M.",
handle: "@JessicaM",
testimonial: "They even managed to get out a stubborn stain in my interior that I thought was permanent! Truly amazing service and great value.",
imageSrc: "http://img.b2bpic.net/free-photo/manager-car-center-customer-expensive-car_651396-1145.jpg",
imageAlt: "Customer Jessica M.",
},
id: "5", name: "Jessica M.", handle: "@JessicaM", testimonial: "They even managed to get out a stubborn stain in my interior that I thought was permanent! Truly amazing service and great value.", imageSrc: "http://img.b2bpic.net/free-photo/manager-car-center-customer-expensive-car_651396-1145.jpg", imageAlt: "Customer Jessica M."},
{
id: "6",
name: "Chris B.",
handle: "@ChrisB",
testimonial: "From their friendly greeting to the final spotless dry, every visit is a pleasure. This is my go-to for all car wash needs.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697583.jpg",
imageAlt: "Customer Chris B.",
},
id: "6", name: "Chris B.", handle: "@ChrisB", testimonial: "From their friendly greeting to the final spotless dry, every visit is a pleasure. This is my go-to for all car wash needs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697583.jpg", imageAlt: "Customer Chris B."},
]}
title="What Our Customers Say"
description="Don't just take our word for it – hear directly from our satisfied clients about their Sparkle & Shine experience."
@@ -413,8 +232,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Get Your Car Sparkling Today!"
description="Visit our convenient location or contact us to schedule your next car wash appointment. We're open 7 days a week."
@@ -431,58 +249,35 @@ export default function LandingPage() {
logoText="Sparkle & Shine"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Basic Wash",
href: "#services",
},
label: "Basic Wash", href: "#services"},
{
label: "Deluxe Wash",
href: "#services",
},
label: "Deluxe Wash", href: "#services"},
{
label: "Ultimate Wash",
href: "#services",
},
label: "Ultimate Wash", href: "#services"},
{
label: "Detailing",
href: "#services",
},
label: "Detailing", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Values",
href: "#benefits",
},
label: "Our Values", href: "#benefits"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}