Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-12 19:09:14 +00:00

View File

@@ -34,35 +34,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
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: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Shine Carwash Mobile"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -70,117 +56,65 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Premium Car Detailing Comes to You"
description="We bring professional-grade mobile car wash and detailing directly to your home or office across Miami. Book in minutes, get showroom results without leaving your driveway."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-groomed-man-is-washing-his-own-car-car-washing-station_613910-21477.jpg",
imageAlt: "Luxury car being detailed",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-groomed-man-is-washing-his-own-car-car-washing-station_613910-21477.jpg", imageAlt: "Luxury car being detailed"},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",
imageAlt: "Car interior deep cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", imageAlt: "Car interior deep cleaning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-worker-repairman-sanding-polishing-car-body-preparing-automobile-painting-workshop-garage_342744-318.jpg",
imageAlt: "Applying ceramic coating to a car",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-worker-repairman-sanding-polishing-car-body-preparing-automobile-painting-workshop-garage_342744-318.jpg", imageAlt: "Applying ceramic coating to a car"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg",
imageAlt: "Car being rinsed by mobile detailing",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg", imageAlt: "Car being rinsed by mobile detailing"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg",
imageAlt: "Car leather conditioning",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg", imageAlt: "Car leather conditioning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-mechanic-working_23-2148327575.jpg",
imageAlt: "Tire shining and wheel cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-mechanic-working_23-2148327575.jpg", imageAlt: "Tire shining and wheel cleaning"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-marine-water_23-2147798195.jpg",
imageAlt: "Car being rinsed by mobile detailing",
},
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-marine-water_23-2147798195.jpg", imageAlt: "Car being rinsed by mobile detailing"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",
imageAlt: "Car leather conditioning",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg", imageAlt: "Car leather conditioning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-tire_23-2149316433.jpg",
imageAlt: "Tire shining and wheel cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-tire_23-2149316433.jpg", imageAlt: "Tire shining and wheel cleaning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg",
imageAlt: "Luxury car being detailed",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg", imageAlt: "Luxury car being detailed"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1366.jpg",
imageAlt: "Car interior deep cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1366.jpg", imageAlt: "Car interior deep cleaning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26060.jpg",
imageAlt: "Applying ceramic coating to a car",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26060.jpg", imageAlt: "Applying ceramic coating to a car"},
]}
buttons={[
{
text: "Book Your Appointment Now",
href: "#contact",
},
text: "Book Your Appointment Now", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149007468.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149007468.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
alt: "Jessica Lee",
},
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", alt: "Jessica Lee"},
]}
avatarText="Trusted by over 500+ satisfied clients"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/hand-drawn-oasis-logo-template_23-2149402193.jpg",
alt: "Miami Beach Hotel Logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-oasis-logo-template_23-2149402193.jpg", alt: "Miami Beach Hotel Logo"},
{
type: "image",
src: "asset://home-logo-2",
alt: "Luxury Real Estate Group Logo",
},
type: "image", src: "asset://home-logo-2", alt: "Luxury Real Estate Group Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/aerial-view-luxury-superyacht-cruising-italian-riviera-coastline_1308-189845.jpg",
alt: "Oceanfront Yacht Club Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/aerial-view-luxury-superyacht-cruising-italian-riviera-coastline_1308-189845.jpg", alt: "Oceanfront Yacht Club Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/hand-drawn-ae-logo-template_23-2151008560.jpg",
alt: "Corporate Fleet Solutions Logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-ae-logo-template_23-2151008560.jpg", alt: "Corporate Fleet Solutions Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710943.jpg",
alt: "Luxury Car Rental Miami Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710943.jpg", alt: "Luxury Car Rental Miami Logo"},
]}
/>
</div>
@@ -192,24 +126,16 @@ export default function LandingPage() {
metrics={[
{
icon: Car,
label: "Years in Service",
value: "5+",
},
label: "Years in Service", value: "5+"},
{
icon: Users,
label: "Satisfied Clients",
value: "500+",
},
label: "Satisfied Clients", value: "500+"},
{
icon: Star,
label: "Average Rating",
value: "5.0",
},
label: "Average Rating", value: "5.0"},
{
icon: MapPin,
label: "Miami Area Coverage",
value: "100%",
},
label: "Miami Area Coverage", value: "100%"},
]}
metricsAnimation="slide-up"
/>
@@ -223,23 +149,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "On-Demand Convenience",
description: "Schedule detailing at your home or office, saving you valuable time.",
imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-car_23-2148996437.jpg",
imageAlt: "Mobile car icon with map pin",
},
title: "On-Demand Convenience", description: "Schedule detailing at your home or office, saving you valuable time.", imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-car_23-2148996437.jpg", imageAlt: "Mobile car icon with map pin"},
{
title: "Showroom Quality Results",
description: "Our expert detailers use professional-grade products for a flawless finish.",
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-car-with-brown-interior_181624-6097.jpg",
imageAlt: "Shining car surface reflection",
},
title: "Showroom Quality Results", description: "Our expert detailers use professional-grade products for a flawless finish.", imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-car-with-brown-interior_181624-6097.jpg", imageAlt: "Shining car surface reflection"},
{
title: "Eco-Friendly Practices",
description: "We prioritize water conservation and use environmentally safe products.",
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-light-blue-foam_23-2147797982.jpg",
imageAlt: "Eco-friendly car wash with green leaves",
},
title: "Eco-Friendly Practices", description: "We prioritize water conservation and use environmentally safe products.", imageSrc: "http://img.b2bpic.net/free-photo/bubbles-light-blue-foam_23-2147797982.jpg", imageAlt: "Eco-friendly car wash with green leaves"},
]}
title="Unmatched Convenience & Quality"
description="We bring the car wash to your doorstep with premium services designed for your busy schedule."
@@ -248,57 +162,28 @@ export default function LandingPage() {
<div id="packages" data-section="packages">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "exterior-shine",
name: "Exterior Shine",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-cleaning-her-car-outdoors_23-2148510627.jpg",
imageAlt: "Car exterior washing foam spray",
rating: 5,
id: "exterior-shine", name: "Exterior Shine", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-cleaning-her-car-outdoors_23-2148510627.jpg", imageAlt: "Car exterior washing foam spray", rating: 5,
},
{
id: "interior-deep-clean",
name: "Interior Deep Clean",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934365.jpg",
imageAlt: "Car interior vacuum clean seats",
rating: 5,
id: "interior-deep-clean", name: "Interior Deep Clean", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934365.jpg", imageAlt: "Car interior vacuum clean seats", rating: 5,
},
{
id: "full-detail-package",
name: "Full Detail Package",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg",
imageAlt: "Full car detailing service complete",
rating: 5,
id: "full-detail-package", name: "Full Detail Package", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Full car detailing service complete", rating: 5,
},
{
id: "ceramic-coating",
name: "Ceramic Coating",
price: "Starting at $499",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193569.jpg",
imageAlt: "Ceramic coating application car paint",
rating: 5,
id: "ceramic-coating", name: "Ceramic Coating", price: "Starting at $499", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193569.jpg", imageAlt: "Ceramic coating application car paint", rating: 5,
},
{
id: "engine-bay-detail",
name: "Engine Bay Detail",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-oil-level-car-engine_1170-1512.jpg",
imageAlt: "Engine bay detailing clean components",
rating: 5,
id: "engine-bay-detail", name: "Engine Bay Detail", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-oil-level-car-engine_1170-1512.jpg", imageAlt: "Engine bay detailing clean components", rating: 5,
},
{
id: "headlight-restoration",
name: "Headlight Restoration",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/headlights-lamp-car_1203-7807.jpg",
imageAlt: "Headlight restoration car foggy",
rating: 5,
id: "headlight-restoration", name: "Headlight Restoration", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/headlights-lamp-car_1203-7807.jpg", imageAlt: "Headlight restoration car foggy", rating: 5,
},
]}
title="Our Signature Detailing Packages"
@@ -313,43 +198,19 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Standard",
badgeIcon: Sparkles,
price: "$99",
subtitle: "Essential clean for regular maintenance",
features: [
"Exterior wash & wax",
"Tire & wheel cleaning",
"Interior vacuum",
"Window cleaning",
],
id: "basic", badge: "Standard", badgeIcon: Sparkles,
price: "$99", subtitle: "Essential clean for regular maintenance", features: [
"Exterior wash & wax", "Tire & wheel cleaning", "Interior vacuum", "Window cleaning"],
},
{
id: "premium",
badge: "Popular",
badgeIcon: Star,
price: "$199",
subtitle: "Our most popular full detailing experience",
features: [
"All Standard features",
"Interior deep clean",
"Leather conditioning",
"Paint sealant application",
],
id: "premium", badge: "Popular", badgeIcon: Star,
price: "$199", subtitle: "Our most popular full detailing experience", features: [
"All Standard features", "Interior deep clean", "Leather conditioning", "Paint sealant application"],
},
{
id: "elite",
badge: "Ultimate",
badgeIcon: Crown,
price: "$349",
subtitle: "The ultimate treatment for discerning owners",
features: [
"All Premium features",
"Minor paint correction",
"Engine bay detailing",
"Long-lasting ceramic boost",
],
id: "elite", badge: "Ultimate", badgeIcon: Crown,
price: "$349", subtitle: "The ultimate treatment for discerning owners", features: [
"All Premium features", "Minor paint correction", "Engine bay detailing", "Long-lasting ceramic boost"],
},
]}
title="Transparent Pricing for Premium Service"
@@ -362,14 +223,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Miami Beach Hotel",
"Luxury Real Estate Group",
"Oceanfront Yacht Club",
"Corporate Fleet Solutions",
"Exotic Car Rentals",
"Premier Event Planning",
"Private Aviation Services",
]}
"Miami Beach Hotel", "Luxury Real Estate Group", "Oceanfront Yacht Club", "Corporate Fleet Solutions", "Exotic Car Rentals", "Premier Event Planning", "Private Aviation Services"]}
title="Trusted by Miami's Professionals"
description="We partner with leading businesses to maintain their fleets and executive vehicles with impeccable care."
/>
@@ -383,25 +237,15 @@ export default function LandingPage() {
author="Sarah Johnson, Marketing Executive"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-making-funny-faces-pink-background_179666-30952.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-making-funny-faces-pink-background_179666-30952.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4144.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4144.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
alt: "Jessica Lee",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", alt: "Jessica Lee"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -413,38 +257,21 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What areas do you serve in Miami?",
content: "We proudly serve all of Miami-Dade County, bringing our premium mobile detailing services directly to your location, whether it's your home or office.",
},
id: "faq1", title: "What areas do you serve in Miami?", content: "We proudly serve all of Miami-Dade County, bringing our premium mobile detailing services directly to your location, whether it's your home or office."},
{
id: "faq2",
title: "How long does a typical detailing service take?",
content: "Service times vary depending on the package selected. A standard exterior wash takes about 45-60 minutes, while a full detail can take 2-4 hours. We provide estimated times during booking.",
},
id: "faq2", title: "How long does a typical detailing service take?", content: "Service times vary depending on the package selected. A standard exterior wash takes about 45-60 minutes, while a full detail can take 2-4 hours. We provide estimated times during booking."},
{
id: "faq3",
title: "Do I need to provide water or electricity?",
content: "No, our mobile units are fully equipped with their own water and power supply. We just need access to your vehicle.",
},
id: "faq3", title: "Do I need to provide water or electricity?", content: "No, our mobile units are fully equipped with their own water and power supply. We just need access to your vehicle."},
{
id: "faq4",
title: "What are your operating hours?",
content: "We operate Monday through Saturday, from 8 AM to 6 PM. Special appointments can be arranged upon request.",
},
id: "faq4", title: "What are your operating hours?", content: "We operate Monday through Saturday, from 8 AM to 6 PM. Special appointments can be arranged upon request."},
{
id: "faq5",
title: "Do you offer ceramic coating maintenance?",
content: "Yes, we offer specialized maintenance packages for vehicles with ceramic coatings to ensure long-lasting protection and shine.",
},
id: "faq5", title: "Do you offer ceramic coating maintenance?", content: "Yes, we offer specialized maintenance packages for vehicles with ceramic coatings to ensure long-lasting protection and shine."},
]}
sideTitle="Questions? We've Got Answers."
sideDescription="Find quick answers to the most common questions about our mobile car detailing services."
buttons={[
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
]}
faqsAnimation="slide-up"
textPosition="left"
@@ -455,8 +282,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Booking"
title="Schedule Your Shine Today"
description="Ready for a sparkling clean vehicle without the hassle? Book your mobile detailing appointment now."
@@ -471,58 +297,35 @@ export default function LandingPage() {
logoText="Shine Carwash Mobile"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Exterior Detailing",
href: "#packages",
},
label: "Exterior Detailing", href: "#packages"},
{
label: "Interior Detailing",
href: "#packages",
},
label: "Interior Detailing", href: "#packages"},
{
label: "Ceramic Coating",
href: "#packages",
},
label: "Ceramic Coating", href: "#packages"},
{
label: "Fleet Services",
href: "#social-proof",
},
label: "Fleet Services", href: "#social-proof"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", 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: "#"},
],
},
]}