Merge version_1 into main #2
486
src/app/page.tsx
486
src/app/page.tsx
@@ -26,350 +26,162 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
]}
|
||||
brandName="Wash Me"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="Wash Me"
|
||||
button={{ text: "Book Now", href: "#cta" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Make Your Ride Shine"
|
||||
description="24/7 Self-Service Car Wash in Rochester, MN. Professional pressure and cleaning power for your vehicle."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Always Open",
|
||||
},
|
||||
{
|
||||
value: "180+",
|
||||
label: "Happy Washes",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Women-Owned",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5072084748",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 180+ local drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Pressure",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hot Soap",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Access",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Truck Friendly",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Shine",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Make Your Ride Shine"
|
||||
description="24/7 Self-Service Car Wash in Rochester, MN. Professional pressure and cleaning power for your vehicle."
|
||||
kpis={[
|
||||
{ value: "24/7", label: "Always Open" },
|
||||
{ value: "180+", label: "Happy Washes" },
|
||||
{ value: "Local", label: "Women-Owned" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Get Directions", href: "#location" },
|
||||
{ text: "Call Now", href: "tel:5072084748" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Trusted by 180+ local drivers"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "High Pressure", icon: Droplets },
|
||||
{ type: "text-icon", text: "Hot Soap", icon: Sparkles },
|
||||
{ type: "text-icon", text: "24/7 Access", icon: Clock },
|
||||
{ type: "text-icon", text: "Truck Friendly", icon: Truck },
|
||||
{ type: "text-icon", text: "Deep Shine", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Drivers, By Locals"
|
||||
description="Locally and women-owned, we provide a reliable, affordable self-service experience in the heart of Rochester. Our facility features high-pressure wash capabilities, hot water, and a variety of wash modes for any vehicle size."
|
||||
metrics={[
|
||||
{
|
||||
value: "24h",
|
||||
title: "Access",
|
||||
},
|
||||
{
|
||||
value: "Hot",
|
||||
title: "Water Wash",
|
||||
},
|
||||
{
|
||||
value: "Truck",
|
||||
title: "Friendly",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Drivers, By Locals"
|
||||
description="Locally and women-owned, we provide a reliable, affordable self-service experience in the heart of Rochester. Our facility features high-pressure wash capabilities, hot water, and a variety of wash modes for any vehicle size."
|
||||
metrics={[
|
||||
{ value: "24h", title: "Access" },
|
||||
{ value: "Hot", title: "Water Wash" },
|
||||
{ value: "Truck", title: "Friendly" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "High-Pressure Wash",
|
||||
tags: [
|
||||
"Deep Clean",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hot Water & Soap",
|
||||
tags: [
|
||||
"Dirt Killer",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Truck-Friendly Bays",
|
||||
tags: [
|
||||
"Spacious",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Multiple Modes",
|
||||
tags: [
|
||||
"Versatile",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "24/7 Access",
|
||||
tags: [
|
||||
"Always Ready",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Advanced Foam",
|
||||
tags: [
|
||||
"Glossy Finish",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Premium Wash Features"
|
||||
description="Equipped with professional-grade gear to get your ride looking brand new."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "High-Pressure Wash", tags: ["Deep Clean"], imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg" },
|
||||
{ id: "f2", title: "Hot Water & Soap", tags: ["Dirt Killer"], imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg" },
|
||||
{ id: "f3", title: "Truck-Friendly Bays", tags: ["Spacious"], imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg" },
|
||||
{ id: "f4", title: "Multiple Modes", tags: ["Versatile"], imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg" },
|
||||
{ id: "f5", title: "24/7 Access", tags: ["Always Ready"], imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg" },
|
||||
{ id: "f6", title: "Advanced Foam", tags: ["Glossy Finish"], imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg" },
|
||||
]}
|
||||
title="Premium Wash Features"
|
||||
description="Equipped with professional-grade gear to get your ride looking brand new."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Driver",
|
||||
company: "Rochester",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
role: "Car Enthusiast",
|
||||
company: "Rochester",
|
||||
rating: 3,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jen K.",
|
||||
role: "Daily Commuter",
|
||||
company: "Rochester",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Truck Owner",
|
||||
company: "Rochester",
|
||||
rating: 3,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris B.",
|
||||
role: "Student",
|
||||
company: "Rochester",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "180+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "3.6",
|
||||
label: "Stars",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Favorite",
|
||||
},
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Rated 3.6/5 stars by our local community of car lovers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Leave a Review",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Local Driver", company: "Rochester", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg" },
|
||||
{ id: "t2", name: "Mike D.", role: "Car Enthusiast", company: "Rochester", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg" },
|
||||
{ id: "t3", name: "Jen K.", role: "Daily Commuter", company: "Rochester", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg" },
|
||||
{ id: "t4", name: "David L.", role: "Truck Owner", company: "Rochester", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg" },
|
||||
{ id: "t5", name: "Chris B.", role: "Student", company: "Rochester", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "180+", label: "Reviews" },
|
||||
{ value: "3.6", label: "Stars" },
|
||||
{ value: "Local", label: "Favorite" },
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Rated 3.6/5 stars by our local community of car lovers."
|
||||
buttons={[{ text: "Leave a Review", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Find Us"
|
||||
title="Visit Us in Rochester"
|
||||
description="1727 Broadway Ave S, Rochester, MN. Open 24 Hours for your convenience. Questions? Call (507) 208-4748."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Find Us"
|
||||
title="Visit Us in Rochester"
|
||||
description="1727 Broadway Ave S, Rochester, MN. Open 24 Hours for your convenience. Questions? Call (507) 208-4748."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Shine Now"
|
||||
title="Stop Driving Dirty."
|
||||
description="Pull In. Spray Off. Shine Out."
|
||||
buttonText="Visit Us Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Shine Now"
|
||||
title="Stop Driving Dirty."
|
||||
description="Pull In. Spray Off. Shine Out."
|
||||
buttonText="Visit Us Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Wash Me"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "1727 Broadway Ave S",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(507) 208-4748",
|
||||
href: "tel:5072084748",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Wash Me Car Wash. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Wash Me"
|
||||
columns={[
|
||||
{
|
||||
title: "Info", items: [
|
||||
{ label: "1727 Broadway Ave S", href: "#" },
|
||||
{ label: "(507) 208-4748", href: "tel:5072084748" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Wash Me Car Wash. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user