Merge version_1 into main #1
315
src/app/page.tsx
315
src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#packages",
|
||||
},
|
||||
name: "Packages", id: "#packages"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BLUE SPLASH"
|
||||
/>
|
||||
@@ -65,8 +53,7 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Experience the Ultimate Shine for Your Vehicle"
|
||||
description="At Blue Splash Car Wash, we combine advanced techniques with eco-friendly products to give your car a brilliant clean, inside and out. Discover the difference a premium wash makes."
|
||||
tag="Premium Car Care"
|
||||
@@ -74,40 +61,24 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg",
|
||||
imageAlt: "Luxury car being washed with foam",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg", imageAlt: "Luxury car being washed with foam"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
|
||||
imageAlt: "Detailed interior car cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg", imageAlt: "Detailed interior car cleaning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-car-self-service_329181-11807.jpg",
|
||||
imageAlt: "Shiny car exterior after drying",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-car-self-service_329181-11807.jpg", imageAlt: "Shiny car exterior after drying"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-vehicle-models-dealership-being-promoted-potential-clients_482257-123953.jpg",
|
||||
imageAlt: "Car moving through an automatic wash tunnel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-vehicle-models-dealership-being-promoted-potential-clients_482257-123953.jpg", imageAlt: "Car moving through an automatic wash tunnel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36577.jpg",
|
||||
imageAlt: "Professional applying car wax by hand",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36577.jpg", imageAlt: "Professional applying car wax by hand"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194142.jpg",
|
||||
imageAlt: "Close-up of clean car wheel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194142.jpg", imageAlt: "Close-up of clean car wheel"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -137,24 +108,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Car,
|
||||
title: "Exterior Wash & Wax",
|
||||
description: "Thorough exterior cleaning, gentle wash, and protective wax for a brilliant, lasting shine.",
|
||||
},
|
||||
title: "Exterior Wash & Wax", description: "Thorough exterior cleaning, gentle wash, and protective wax for a brilliant, lasting shine."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Ceramic Coating",
|
||||
description: "Advanced ceramic coating application for superior paint protection and hydrophobic properties.",
|
||||
},
|
||||
title: "Ceramic Coating", description: "Advanced ceramic coating application for superior paint protection and hydrophobic properties."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Interior Deep Clean",
|
||||
description: "Vacuuming, surface cleaning, and odor removal to restore your car's interior freshness.",
|
||||
},
|
||||
title: "Interior Deep Clean", description: "Vacuuming, surface cleaning, and odor removal to restore your car's interior freshness."},
|
||||
{
|
||||
icon: Car,
|
||||
title: "Wheel & Tire Care",
|
||||
description: "Deep cleaning for wheels, tire dressing application, and rim detailing for a spotless finish.",
|
||||
},
|
||||
title: "Wheel & Tire Care", description: "Deep cleaning for wheels, tire dressing application, and rim detailing for a spotless finish."},
|
||||
]}
|
||||
title="Comprehensive Car Wash Services"
|
||||
description="From a quick exterior refresh to a full interior and exterior detailing, we offer a wide range of services tailored to your vehicle's needs."
|
||||
@@ -172,47 +135,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "basic-wash",
|
||||
name: "Express Shine",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fragile-bubbles-surface-water_23-2147798310.jpg",
|
||||
imageAlt: "Car undergoing an express wash",
|
||||
},
|
||||
id: "basic-wash", name: "Express Shine", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fragile-bubbles-surface-water_23-2147798310.jpg", imageAlt: "Car undergoing an express wash"},
|
||||
{
|
||||
id: "deluxe-wash",
|
||||
name: "Deluxe Clean",
|
||||
price: "$29.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26059.jpg",
|
||||
imageAlt: "Car receiving a deluxe exterior clean",
|
||||
},
|
||||
id: "deluxe-wash", name: "Deluxe Clean", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26059.jpg", imageAlt: "Car receiving a deluxe exterior clean"},
|
||||
{
|
||||
id: "ultimate-wash",
|
||||
name: "Ultimate Protection",
|
||||
price: "$49.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg",
|
||||
imageAlt: "Car getting ultimate protection treatment",
|
||||
},
|
||||
id: "ultimate-wash", name: "Ultimate Protection", price: "$49.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg", imageAlt: "Car getting ultimate protection treatment"},
|
||||
{
|
||||
id: "interior-vac",
|
||||
name: "Interior Refresh",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg",
|
||||
imageAlt: "Cleaned car interior",
|
||||
},
|
||||
id: "interior-vac", name: "Interior Refresh", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg", imageAlt: "Cleaned car interior"},
|
||||
{
|
||||
id: "wheel-care",
|
||||
name: "Wheel & Rim Detail",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36586.jpg",
|
||||
imageAlt: "Detailed car wheels and tires",
|
||||
},
|
||||
id: "wheel-care", name: "Wheel & Rim Detail", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36586.jpg", imageAlt: "Detailed car wheels and tires"},
|
||||
{
|
||||
id: "ceramic-seal",
|
||||
name: "Ceramic Sealant",
|
||||
price: "$75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750040.jpg",
|
||||
imageAlt: "Car with ceramic coating applied",
|
||||
},
|
||||
id: "ceramic-seal", name: "Ceramic Sealant", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750040.jpg", imageAlt: "Car with ceramic coating applied"},
|
||||
]}
|
||||
title="Our Signature Wash Packages"
|
||||
description="Choose from our selection of premium wash packages, each designed to provide a specific level of care and protection for your vehicle."
|
||||
@@ -226,63 +159,34 @@ export default function LandingPage() {
|
||||
<PricingCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "basic-plan",
|
||||
badge: "Daily Driver",
|
||||
badgeIcon: Car,
|
||||
price: "$75/month",
|
||||
subtitle: "Unlimited Basic Washes",
|
||||
buttons: [
|
||||
id: "basic-plan", badge: "Daily Driver", badgeIcon: Car,
|
||||
price: "$75/month", subtitle: "Unlimited Basic Washes", buttons: [
|
||||
{
|
||||
text: "Select Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Basic", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Express Washes",
|
||||
"Exterior Hand Dry",
|
||||
"Vacuuming",
|
||||
],
|
||||
"Unlimited Express Washes", "Exterior Hand Dry", "Vacuuming"],
|
||||
},
|
||||
{
|
||||
id: "premium-plan",
|
||||
badge: "Enthusiast Choice",
|
||||
badgeIcon: Star,
|
||||
price: "$120/month",
|
||||
subtitle: "Unlimited Deluxe Washes",
|
||||
buttons: [
|
||||
id: "premium-plan", badge: "Enthusiast Choice", badgeIcon: Star,
|
||||
price: "$120/month", subtitle: "Unlimited Deluxe Washes", buttons: [
|
||||
{
|
||||
text: "Select Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Premium", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Deluxe Washes",
|
||||
"Tire Shine & Wheel Clean",
|
||||
"Rain-X Application",
|
||||
"Interior Surface Wipedown",
|
||||
],
|
||||
"Unlimited Deluxe Washes", "Tire Shine & Wheel Clean", "Rain-X Application", "Interior Surface Wipedown"],
|
||||
},
|
||||
{
|
||||
id: "elite-plan",
|
||||
badge: "Ultimate Care",
|
||||
badgeIcon: Award,
|
||||
price: "$199/month",
|
||||
subtitle: "Unlimited Ultimate Washes",
|
||||
buttons: [
|
||||
id: "elite-plan", badge: "Ultimate Care", badgeIcon: Award,
|
||||
price: "$199/month", subtitle: "Unlimited Ultimate Washes", buttons: [
|
||||
{
|
||||
text: "Select Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Elite", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Ultimate Washes",
|
||||
"Ceramic Sealant",
|
||||
"Interior Deep Vacuum",
|
||||
"Air Freshener",
|
||||
"Engine Bay Cleaning",
|
||||
],
|
||||
"Unlimited Ultimate Washes", "Ceramic Sealant", "Interior Deep Vacuum", "Air Freshener", "Engine Bay Cleaning"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Membership Options"
|
||||
@@ -300,23 +204,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "fast-service",
|
||||
icon: Timer,
|
||||
title: "Minutes per Wash",
|
||||
value: "Less than 10",
|
||||
},
|
||||
id: "fast-service", icon: Timer,
|
||||
title: "Minutes per Wash", value: "Less than 10"},
|
||||
{
|
||||
id: "customer-satisfaction",
|
||||
icon: Smile,
|
||||
title: "Customer Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
id: "customer-satisfaction", icon: Smile,
|
||||
title: "Customer Satisfaction", value: "98%"},
|
||||
{
|
||||
id: "cars-washed",
|
||||
icon: Car,
|
||||
title: "Cars Washed Annually",
|
||||
value: "25,000+",
|
||||
},
|
||||
id: "cars-washed", icon: Car,
|
||||
title: "Cars Washed Annually", value: "25,000+"},
|
||||
]}
|
||||
title="Our Commitment to Excellence"
|
||||
description="We pride ourselves on delivering fast, high-quality service and ensuring every customer leaves with a smile."
|
||||
@@ -334,25 +229,15 @@ export default function LandingPage() {
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg",
|
||||
alt: "Sarah M. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg", alt: "Sarah M. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",
|
||||
alt: "Jane D. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg", alt: "Jane D. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-man-wearing-glasses-smiling-camera_1262-1857.jpg",
|
||||
alt: "John P. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-man-wearing-glasses-smiling-camera_1262-1857.jpg", alt: "John P. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-hinting-making-first-move-cute-sassy-african-american-curlyhaired-woman-yellow-sweater-winking-flirty-smiling-encourage-friend-everything-okay-standing-white-background-positive_176420-50613.jpg",
|
||||
alt: "Emily R. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-hinting-making-first-move-cute-sassy-african-american-curlyhaired-woman-yellow-sweater-winking-flirty-smiling-encourage-friend-everything-okay-standing-white-background-positive_176420-50613.jpg", alt: "Emily R. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-173565.jpg",
|
||||
alt: "Smiling successful businessman in suit showing okay sign looking satisfied standing against white ba",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-173565.jpg", alt: "Smiling successful businessman in suit showing okay sign looking satisfied standing against white ba"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -365,35 +250,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What types of wash packages do you offer?",
|
||||
content: "We offer a range of packages from Express Shine to Ultimate Protection, including interior detailing and ceramic coating options. You can view all our packages on the Services page.",
|
||||
},
|
||||
id: "faq-1", title: "What types of wash packages do you offer?", content: "We offer a range of packages from Express Shine to Ultimate Protection, including interior detailing and ceramic coating options. You can view all our packages on the Services page."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do I need an appointment for a wash?",
|
||||
content: "No appointment is necessary for our standard wash packages. Simply drive up! For specialized services like ceramic coating, we recommend booking in advance.",
|
||||
},
|
||||
id: "faq-2", title: "Do I need an appointment for a wash?", content: "No appointment is necessary for our standard wash packages. Simply drive up! For specialized services like ceramic coating, we recommend booking in advance."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Are your products eco-friendly?",
|
||||
content: "Yes, we are committed to sustainability. We use only biodegradable and environmentally safe cleaning solutions to ensure a brilliant shine without harming the planet.",
|
||||
},
|
||||
id: "faq-3", title: "Are your products eco-friendly?", content: "Yes, we are committed to sustainability. We use only biodegradable and environmentally safe cleaning solutions to ensure a brilliant shine without harming the planet."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What are your operating hours?",
|
||||
content: "Our car wash is open seven days a week from 8:00 AM to 7:00 PM. Please check our Contact page for any holiday hour changes.",
|
||||
},
|
||||
id: "faq-4", title: "What are your operating hours?", content: "Our car wash is open seven days a week from 8:00 AM to 7:00 PM. Please check our Contact page for any holiday hour changes."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Do you offer membership plans?",
|
||||
content: "Absolutely! We have several membership plans for unlimited washes, offering great value and convenience. Details can be found on our Pricing page.",
|
||||
},
|
||||
id: "faq-5", title: "Do you offer membership plans?", content: "Absolutely! We have several membership plans for unlimited washes, offering great value and convenience. Details can be found on our Pricing page."},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "How long does a typical wash take?",
|
||||
content: "Our express washes are designed to be quick, typically taking less than 10 minutes from start to finish. Deluxe and Ultimate packages may take slightly longer due to additional services.",
|
||||
},
|
||||
id: "faq-6", title: "How long does a typical wash take?", content: "Our express washes are designed to be quick, typically taking less than 10 minutes from start to finish. Deluxe and Ultimate packages may take slightly longer due to additional services."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers. Find common inquiries about our services, memberships, and operations here."
|
||||
@@ -411,27 +278,16 @@ export default function LandingPage() {
|
||||
description="Have a question, need a custom quote, or want to book a special service? Fill out the form below, and our team will get back to you shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-man-holding-horizontal-copy-space-mobile-phone_23-2148696866.jpg"
|
||||
@@ -446,62 +302,37 @@ export default function LandingPage() {
|
||||
logoText="BLUE SPLASH"
|
||||
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: "Ceramic Coating",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ceramic Coating", href: "#services"},
|
||||
{
|
||||
label: "Wheel Care",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Wheel Care", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Memberships",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Memberships", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Get Directions", href: "#"},
|
||||
{
|
||||
label: "Call Us: (123) 456-7890",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "Call Us: (123) 456-7890", href: "tel:+1234567890"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@bluesplashcarwash.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@bluesplashcarwash.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user