bender/df9bc4fd-9b92-4a07-b114-c0b7fc97428f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-11 15:16:18 +00:00
parent 60b76e13c4 41dddcc085
commit c1340b882b
1 changed files with 77 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

345
src/app/page.tsx
View File

@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Packages",
id: "#packages",
},
name: "Packages", id: "#packages"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
brandName="Shine & Sparkle"
/>
</div>
@@ -69,21 +55,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
title="Experience the Ultimate Shine for Your Vehicle"
description="At Shine & Sparkle, we combine cutting-edge techniques with meticulous care to bring out your car's true beauty. From thorough washes to expert detailing, we ensure every vehicle leaves looking its absolute best."
buttons={[
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212190.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212190.jpg"
imageAlt="Luxurious car being detailed in a modern studio"
/>
</div>
@@ -95,19 +76,13 @@ export default function LandingPage() {
metrics={[
{
icon: Car,
label: "Cars Detailed",
value: "2500+",
},
label: "Cars Detailed", value: "2500+"},
{
icon: Gauge,
label: "Years in Service",
value: "10+",
},
label: "Years in Service", value: "10+"},
{
icon: Award,
label: "5-Star Reviews",
value: "99%",
},
label: "5-Star Reviews", value: "99%"},
]}
metricsAnimation="slide-up"
/>
@@ -120,67 +95,34 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interior Deep Clean",
description: "Restore your car's interior to pristine condition with our meticulous vacuuming, steam cleaning, and conditioning.",
bentoComponent: "media-stack",
items: [
title: "Interior Deep Clean", description: "Restore your car's interior to pristine condition with our meticulous vacuuming, steam cleaning, and conditioning.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078279.jpg",
imageAlt: "Car interior being deep cleaned",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078279.jpg", imageAlt: "Car interior being deep cleaned"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg",
imageAlt: "Car interior being deep cleaned",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg", imageAlt: "Car interior being deep cleaned"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
imageAlt: "Car interior being deep cleaned",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212190.jpg?_wi=2",
imageAlt: "car interior detailing close up",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", imageAlt: "Car interior being deep cleaned"},
]
},
{
title: "Exterior Wash & Wax",
description: "Experience a spotless exterior with our gentle yet effective hand wash, clay bar treatment, and durable wax application.",
bentoComponent: "media-stack",
items: [
title: "Exterior Wash & Wax", description: "Experience a spotless exterior with our gentle yet effective hand wash, clay bar treatment, and durable wax application.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22321.jpg",
imageAlt: "Car exterior being washed with foam",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22321.jpg", imageAlt: "Car exterior being washed with foam"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-washing-rear-window_23-2148322030.jpg",
imageAlt: "Car exterior being washed with foam",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-washing-rear-window_23-2148322030.jpg", imageAlt: "Car exterior being washed with foam"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212211.jpg",
imageAlt: "Car exterior being washed with foam",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-slavic-cleaner-man-with-rubber-gloves-thumbing-up_141793-124050.jpg",
imageAlt: "car interior detailing close up",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212211.jpg", imageAlt: "Car exterior being washed with foam"},
]
},
{
title: "Paint Correction & Protection",
description: "Eliminate swirls and imperfections, then protect your paint with our advanced ceramic coatings and sealants.",
bentoComponent: "media-stack",
items: [
title: "Paint Correction & Protection", description: "Eliminate swirls and imperfections, then protect your paint with our advanced ceramic coatings and sealants.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg",
imageAlt: "Professional car waxing and polishing",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg", imageAlt: "Professional car waxing and polishing"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg",
imageAlt: "Professional car waxing and polishing",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg", imageAlt: "Professional car waxing and polishing"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg",
imageAlt: "Professional car waxing and polishing",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1",
imageAlt: "car interior detailing close up",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg", imageAlt: "Professional car waxing and polishing"},
]
},
]}
title="Our Signature Detailing Services"
@@ -196,47 +138,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "The Express Wash",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934334.jpg",
imageAlt: "Basic car wash",
},
id: "p1", name: "The Express Wash", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934334.jpg", imageAlt: "Basic car wash"},
{
id: "p2",
name: "Interior Refresh",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
imageAlt: "Car interior detailing",
},
id: "p2", name: "Interior Refresh", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg", imageAlt: "Car interior detailing"},
{
id: "p3",
name: "Exterior Deluxe",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg",
imageAlt: "Car exterior with wax",
},
id: "p3", name: "Exterior Deluxe", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg", imageAlt: "Car exterior with wax"},
{
id: "p4",
name: "Full Signature Detail",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=2",
imageAlt: "Premium car detailing",
},
id: "p4", name: "Full Signature Detail", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg", imageAlt: "Premium car detailing"},
{
id: "p5",
name: "Engine Bay Detail",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36598.jpg",
imageAlt: "Clean engine bay",
},
id: "p5", name: "Engine Bay Detail", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36598.jpg", imageAlt: "Clean engine bay"},
{
id: "p6",
name: "Headlight Restoration",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1935.jpg",
imageAlt: "Restored car headlight",
},
id: "p6", name: "Headlight Restoration", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1935.jpg", imageAlt: "Restored car headlight"},
]}
title="Our Popular Detailing Packages"
description="Choose from our expertly curated packages designed to meet every need and budget, ensuring your vehicle gets the attention it deserves."
@@ -247,45 +159,22 @@ export default function LandingPage() {
<PricingCardOne
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "basic",
badge: "Popular",
badgeIcon: Sparkles,
price: "$35",
subtitle: "Essential Car Wash",
features: [
"Exterior Hand Wash",
"Tire Shine",
"Window Cleaning",
"Vacuum Interior",
],
id: "basic", badge: "Popular", badgeIcon: Sparkles,
price: "$35", subtitle: "Essential Car Wash", features: [
"Exterior Hand Wash", "Tire Shine", "Window Cleaning", "Vacuum Interior"],
},
{
id: "deluxe",
badge: "Best Value",
badgeIcon: Star,
price: "$199",
subtitle: "Complete Detailing",
features: [
"Full Exterior & Interior",
"Clay Bar Treatment",
"Wax & Sealant",
"Leather Conditioning",
],
id: "deluxe", badge: "Best Value", badgeIcon: Star,
price: "$199", subtitle: "Complete Detailing", features: [
"Full Exterior & Interior", "Clay Bar Treatment", "Wax & Sealant", "Leather Conditioning"],
},
{
id: "premium",
badge: "Ultimate",
badgeIcon: Diamond,
price: "$499",
subtitle: "Showroom Finish",
features: [
"Signature Detail +",
"Paint Correction (1-step)",
"Ceramic Coating (1 year)",
"Engine Bay Detail",
],
id: "premium", badge: "Ultimate", badgeIcon: Diamond,
price: "$499", subtitle: "Showroom Finish", features: [
"Signature Detail +", "Paint Correction (1-step)", "Ceramic Coating (1 year)", "Engine Bay Detail"],
},
]}
title="Transparent Pricing, Unmatched Value"
@@ -300,50 +189,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarah_rides",
testimonial: "My car looks brand new every time I leave Shine & Sparkle! The attention to detail is incredible. Highly recommend their full detailing package.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4251.jpg",
imageAlt: "Happy customer Sarah J.",
},
id: "1", name: "Sarah J.", handle: "@sarah_rides", testimonial: "My car looks brand new every time I leave Shine & Sparkle! The attention to detail is incredible. Highly recommend their full detailing package.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4251.jpg", imageAlt: "Happy customer Sarah J."},
{
id: "2",
name: "Mark T.",
handle: "@mark_travels",
testimonial: "I've tried many car washes, but none compare to the quality here. My truck has never been cleaner, and the team is super friendly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg",
imageAlt: "Happy customer Mark T.",
},
id: "2", name: "Mark T.", handle: "@mark_travels", testimonial: "I've tried many car washes, but none compare to the quality here. My truck has never been cleaner, and the team is super friendly.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg", imageAlt: "Happy customer Mark T."},
{
id: "3",
name: "Emily R.",
handle: "@emily_drives",
testimonial: "The interior refresh service worked wonders! My car smells amazing and looks pristine. It's like driving a new car again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-customer-holding-keys_1170-1476.jpg",
imageAlt: "Happy customer Emily R.",
},
id: "3", name: "Emily R.", handle: "@emily_drives", testimonial: "The interior refresh service worked wonders! My car smells amazing and looks pristine. It's like driving a new car again.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-customer-holding-keys_1170-1476.jpg", imageAlt: "Happy customer Emily R."},
{
id: "4",
name: "David K.",
handle: "@david_gears",
testimonial: "Consistent 5-star service. They truly care about cars and it shows in their work. The ceramic coating is a game-changer!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12245.jpg",
imageAlt: "Happy customer David K.",
},
id: "4", name: "David K.", handle: "@david_gears", testimonial: "Consistent 5-star service. They truly care about cars and it shows in their work. The ceramic coating is a game-changer!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12245.jpg", imageAlt: "Happy customer David K."},
{
id: "5",
name: "Jessica L.",
handle: "@jessica_wheels",
testimonial: "Fantastic experience from start to finish. The booking process was easy, and the results exceeded my expectations. My sedan sparkles!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
imageAlt: "Happy customer Jessica L.",
},
id: "5", name: "Jessica L.", handle: "@jessica_wheels", testimonial: "Fantastic experience from start to finish. The booking process was easy, and the results exceeded my expectations. My sedan sparkles!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", imageAlt: "Happy customer Jessica L."},
]}
showRating={true}
title="What Our Clients Say"
@@ -356,14 +215,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"AutoCare Solutions",
"VehicleGuard",
"CleanFleet",
"ShinyWheels Inc.",
"DetailPro Supplies",
"EcoWash Partners",
"MotorLux Club",
]}
"AutoCare Solutions", "VehicleGuard", "CleanFleet", "ShinyWheels Inc.", "DetailPro Supplies", "EcoWash Partners", "MotorLux Club"]}
title="Trusted by Leading Automotive Brands"
description="We partner with top brands to ensure your vehicle receives the best care and products available."
speed={50}
@@ -376,30 +228,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How long does a full detail take?",
content: "A full detailing service typically takes between 4-8 hours, depending on the vehicle's size and condition. We recommend booking an appointment for accurate timing.",
},
id: "faq1", title: "How long does a full detail take?", content: "A full detailing service typically takes between 4-8 hours, depending on the vehicle's size and condition. We recommend booking an appointment for accurate timing."},
{
id: "faq2",
title: "Do I need to make an appointment?",
content: "While walk-ins are welcome for basic washes, we highly recommend making an appointment for detailing services to ensure we can provide the dedicated attention your vehicle deserves.",
},
id: "faq2", title: "Do I need to make an appointment?", content: "While walk-ins are welcome for basic washes, we highly recommend making an appointment for detailing services to ensure we can provide the dedicated attention your vehicle deserves."},
{
id: "faq3",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, and cash. Online payments are also available for pre-booked services.",
},
id: "faq3", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. Online payments are also available for pre-booked services."},
{
id: "faq4",
title: "Are your cleaning products eco-friendly?",
content: "Yes, we prioritize using environmentally friendly and biodegradable cleaning products that are safe for your vehicle and the planet.",
},
id: "faq4", title: "Are your cleaning products eco-friendly?", content: "Yes, we prioritize using environmentally friendly and biodegradable cleaning products that are safe for your vehicle and the planet."},
{
id: "faq5",
title: "Do you offer ceramic coating services?",
content: "Absolutely! We offer professional ceramic coating application for superior paint protection and a long-lasting shine. Inquire about our premium packages.",
},
id: "faq5", title: "Do you offer ceramic coating services?", content: "Absolutely! We offer professional ceramic coating application for superior paint protection and a long-lasting shine. Inquire about our premium packages."},
]}
sideTitle="Got Questions? We Have Answers."
sideDescription="Find quick answers to the most common questions about our services, booking, and more."
@@ -412,8 +249,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Ready for a superior clean?"
title="Book Your Appointment Today"
description="Fill out the form below or give us a call to schedule your next car wash or detailing service."
@@ -432,66 +268,39 @@ export default function LandingPage() {
logoText="Shine & Sparkle"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Exterior Wash",
href: "#services",
},
label: "Exterior Wash", href: "#services"},
{
label: "Interior Detail",
href: "#services",
},
label: "Interior Detail", href: "#services"},
{
label: "Paint Correction",
href: "#services",
},
label: "Paint Correction", href: "#services"},
{
label: "Ceramic Coating",
href: "#services",
},
label: "Ceramic Coating", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
],
},
]}