Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f2e747b9a3 |
157
src/app/page.tsx
157
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Fleet",
|
name: "Fleet", id: "/fleet"},
|
||||||
id: "/fleet",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "/contact"},
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="CleanScene"
|
brandName="CleanScene"
|
||||||
/>
|
/>
|
||||||
@@ -48,80 +42,49 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Set the Scene for a Flawless Event"
|
title="Set the Scene for a Flawless Event"
|
||||||
description="Premium mobile restroom trailers delivered, staged, and serviced with the elegance of a boutique hotel. Elevate your Wisconsin event."
|
description="Premium mobile restroom trailers delivered, staged, and serviced with the elegance of a boutique hotel. Elevate your Wisconsin event."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "10+",
|
value: "10+", label: "Years Experience"},
|
||||||
label: "Years Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "500+",
|
value: "500+", label: "Events Served"},
|
||||||
label: "Events Served",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Guest Comfort"},
|
||||||
label: "Guest Comfort",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Request Free Estimate",
|
text: "Get My Free Quote", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View The Fleet",
|
text: "View The Fleet", href: "/fleet"},
|
||||||
href: "/fleet",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-large-transparent-window-with-opened-door-outside-which-newlyweds-posing-embracing-balcony-their-wedding-day_8353-12102.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-large-transparent-window-with-opened-door-outside-which-newlyweds-posing-embracing-balcony-their-wedding-day_8353-12102.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/couple-backs-sitting-bed-with-her-head-resting-his-shoulder_1157-1293.jpg",
|
src: "http://img.b2bpic.net/free-photo/couple-backs-sitting-bed-with-her-head-resting-his-shoulder_1157-1293.jpg", alt: "Couple of backs sitting on a bed with her head resting on his shoulder"},
|
||||||
alt: "Couple of backs sitting on a bed with her head resting on his shoulder",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/long-white-dinner-table-with-sparkling-glassware-candleholders-stands-beach_1304-3243.jpg",
|
src: "http://img.b2bpic.net/free-photo/long-white-dinner-table-with-sparkling-glassware-candleholders-stands-beach_1304-3243.jpg", alt: "Long white dinner table with sparkling glassware and candleholders stands on the beach"},
|
||||||
alt: "Long white dinner table with sparkling glassware and candleholders stands on the beach",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/table-setting-with-decorated-newlyweds-chairs-wedding-reception-hall_637285-989.jpg",
|
src: "http://img.b2bpic.net/free-photo/table-setting-with-decorated-newlyweds-chairs-wedding-reception-hall_637285-989.jpg", alt: "Table setting with decorated newlyweds chairs in wedding reception hall"},
|
||||||
alt: "Table setting with decorated newlyweds chairs in wedding reception hall",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/table-setting-with-floral-centerpiece-wedding-reception-venue_637285-5627.jpg",
|
src: "http://img.b2bpic.net/free-photo/table-setting-with-floral-centerpiece-wedding-reception-venue_637285-5627.jpg", alt: "Table setting with floral centerpiece at wedding reception venue."},
|
||||||
alt: "Table setting with floral centerpiece at wedding reception venue.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/floral-compositions-made-greenery-outdoors-wedding-ceremony_8353-9788.jpg",
|
src: "http://img.b2bpic.net/free-photo/floral-compositions-made-greenery-outdoors-wedding-ceremony_8353-9788.jpg", alt: "Floral compositions made of greenery at the outdoors wedding ceremony"},
|
||||||
alt: "Floral compositions made of greenery at the outdoors wedding ceremony",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Luxury Restroom Trailers"},
|
||||||
text: "Luxury Restroom Trailers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Northeast Wisconsin"},
|
||||||
text: "Northeast Wisconsin",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Event Perfection"},
|
||||||
text: "Event Perfection",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Seamless Logistics"},
|
||||||
text: "Seamless Logistics",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Premium Hospitality"},
|
||||||
text: "Premium Hospitality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -131,9 +94,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="The CleanScene Difference"
|
title="The CleanScene Difference"
|
||||||
description={[
|
description={[
|
||||||
"We believe restrooms shouldn't just be functional—they should be part of the event design.",
|
"We believe restrooms shouldn't just be functional—they should be part of the event design.", "Our trailers offer the comfort of an interior space with the luxury of modern hospitality."]}
|
||||||
"Our trailers offer the comfort of an interior space with the luxury of modern hospitality.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -145,23 +106,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "CleanScene", name: "3-Station Private Suite", price: "Quote on Request", rating: 5,
|
||||||
brand: "CleanScene",
|
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg"},
|
||||||
name: "3-Station Private Suite",
|
|
||||||
price: "Quote on Request",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "24",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "CleanScene", name: "Executive Comfort Series", price: "Quote on Request", rating: 5,
|
||||||
brand: "CleanScene",
|
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg"},
|
||||||
name: "Executive Comfort Series",
|
|
||||||
price: "Quote on Request",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "12",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Curated Fleet"
|
title="Our Curated Fleet"
|
||||||
description="Made-in-USA trailers designed for peak comfort."
|
description="Made-in-USA trailers designed for peak comfort."
|
||||||
@@ -175,40 +124,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah J.", handle: "Bride", testimonial: "The trailers were immaculate. My guests couldn't stop talking about them.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-arch-seats_1303-10480.jpg"},
|
||||||
name: "Sarah J.",
|
|
||||||
handle: "Bride",
|
|
||||||
testimonial: "The trailers were immaculate. My guests couldn't stop talking about them.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-arch-seats_1303-10480.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Mark D.", handle: "Event Planner", testimonial: "Professional service from start to finish. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-standing-near-window-talking-mobile-phone_23-2147974633.jpg"},
|
||||||
name: "Mark D.",
|
|
||||||
handle: "Event Planner",
|
|
||||||
testimonial: "Professional service from start to finish. Highly recommend.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-standing-near-window-talking-mobile-phone_23-2147974633.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily R.", handle: "Estate Owner", testimonial: "CleanScene adds a level of sophistication we've never had before.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gorgeous-couple-embracing-each-other-while-holding-glasses-wine-hands_482257-11118.jpg"},
|
||||||
name: "Emily R.",
|
|
||||||
handle: "Estate Owner",
|
|
||||||
testimonial: "CleanScene adds a level of sophistication we've never had before.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gorgeous-couple-embracing-each-other-while-holding-glasses-wine-hands_482257-11118.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Tom K.", handle: "Festival Producer", testimonial: "Reliable, clean, and exactly what we needed for the crowds.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-people-partying-together_23-2149739854.jpg"},
|
||||||
name: "Tom K.",
|
|
||||||
handle: "Festival Producer",
|
|
||||||
testimonial: "Reliable, clean, and exactly what we needed for the crowds.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-people-partying-together_23-2149739854.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jessica W.", handle: "Wedding Planner", testimonial: "Flawless delivery and staging. Truly elevated the guest experience.", imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-ceremony_23-2150167220.jpg"},
|
||||||
name: "Jessica W.",
|
|
||||||
handle: "Wedding Planner",
|
|
||||||
testimonial: "Flawless delivery and staging. Truly elevated the guest experience.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-ceremony_23-2150167220.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Wisconsin Events"
|
title="Trusted by Wisconsin Events"
|
||||||
description="See why top wedding planners and corporate event organizers trust us."
|
description="See why top wedding planners and corporate event organizers trust us."
|
||||||
@@ -219,14 +143,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
text="Ready to elevate your event experience? Get in touch with our team today to secure your dates and discover our premium staging options."
|
text="Ready to elevate your event experience? Get in touch with our team today to secure your dates and discover our premium staging options."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us Now",
|
text: "Contact Us Now", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -237,25 +158,17 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "/"},
|
||||||
href: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Fleet",
|
label: "Fleet", href: "/fleet"},
|
||||||
href: "/fleet",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user