|
|
|
|
@@ -5,8 +5,11 @@ import ReactLenis from "lenis/react";
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import { useState } from 'react';
|
|
|
|
|
|
|
|
|
|
export default function FleetPage() {
|
|
|
|
|
const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
|
@@ -43,15 +46,50 @@ export default function FleetPage() {
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "p1", brand: "CleanScene", name: "3 Station, Private Floorplan Restroom Trailer", price: "$1,375 per day", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1" },
|
|
|
|
|
{ id: "p2", brand: "CleanScene", name: "4 Station, Community Floorplan Restroom Trailer", price: "$1,825 per day", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png?_wi=1" },
|
|
|
|
|
{
|
|
|
|
|
id: "p1",
|
|
|
|
|
brand: "CleanScene",
|
|
|
|
|
name: "3 Station, Private Floorplan Restroom Trailer",
|
|
|
|
|
price: "$1,375 per day",
|
|
|
|
|
rating: 5,
|
|
|
|
|
reviewCount: "128",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1", onProductClick: () => setPopupContent({
|
|
|
|
|
title: "3-Station Private Restroom Trailer Rental in Northeast Wisconsin | Modern Finishings", body: "Elevate your Northeast Wisconsin wedding, private event, or boutique gathering with our 3-station private floorplan restroom trailer rental — a premium portable restroom solution for upscale events in the Green Bay area and beyond. This luxury restroom trailer features three fully private, individual restroom stations with sleek modern finishings, perfect for intimate weddings, VIP gatherings, and high-end private events.\n\nDesigned for maximum guest comfort and privacy, our 3-station restroom trailer includes climate-controlled interiors, flushable toilets, vanities with running water, and customizable music to match the atmosphere of your event. Built in the USA, our American-made restroom trailer delivers the reliability and elegance your event deserves — providing a comfortable, hotel-quality experience for every guest.\n\nBased in Green Bay, WI, CleanScene Restroom Rental provides prompt delivery, professional setup, and full-service support throughout Northeast Wisconsin — so your event runs smoothly from start to finish. Book your 3-station private restroom trailer rental in Green Bay and Northeast Wisconsin today."
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p2",
|
|
|
|
|
brand: "CleanScene",
|
|
|
|
|
name: "4 Station, Community Floorplan Restroom Trailer",
|
|
|
|
|
price: "$1,825 per day",
|
|
|
|
|
rating: 5,
|
|
|
|
|
reviewCount: "95",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png?_wi=1", onProductClick: () => setPopupContent({
|
|
|
|
|
title: "4-Station Community Restroom Trailer Rental in Northeast Wisconsin | Men's & Women's Floorplan", body: "Elevate your Northeast Wisconsin wedding, private event, or community gathering with our 4-station community floorplan restroom trailer rental — a premium portable restroom solution designed for high-traffic events in the Green Bay area and beyond. This luxury restroom trailer features a traditional Men's and Women's layout with two stations each, finished with rustic wood interiors that bring warmth and elegance to any venue.\n\nDesigned for guest comfort, our community restroom trailer includes climate-controlled interiors, flushable toilets, vanities with running water, and customizable music to set the perfect atmosphere. Built in the USA, our American-made restroom trailer delivers the reliability and high-end experience your event deserves — whether it's a rustic wedding, outdoor festival, family reunion, or community celebration.\n\nBased in Green Bay, WI, CleanScene Restroom Rental provides prompt delivery, professional setup, and full-service support throughout Northeast Wisconsin — so your event runs smoothly from start to finish.\n\nBook your 4-station community restroom trailer rental in Green Bay and Northeast Wisconsin today — ideal for weddings, festivals, and community events."
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Our premium fleet"
|
|
|
|
|
textBoxTitleClassName="text-[#0a7039]"
|
|
|
|
|
description="Premium, climate-controlled mobile restrooms for every event size. Elevate your boutique event with our 3 station premium restroom trailer, the premier choice for weddings and VIP gatherings in Northeast Wisconsin. It is specifically designed for maximum privacy, featuring three completely individual restrooms. Each climate-controlled restroom includes a flushable toilet, a vanity with running water, and high-end finishes that mirror a quality home bathroom. By choosing American-made equipment, we ensure a superior level of reliability for your event. Based at our Green Bay location, we provide prompt delivery and professional setup to ensure your guests enjoy a premium, private experience from start to finish."
|
|
|
|
|
description="Premium, climate-controlled mobile restrooms for every event size. Multi-day rental discounts available."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{popupContent && (
|
|
|
|
|
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm" onClick={() => setPopupContent(null)}>
|
|
|
|
|
<div className="bg-white p-8 rounded-lg max-w-2xl shadow-xl overflow-y-auto max-h-[90vh]" onClick={(e) => e.stopPropagation()}>
|
|
|
|
|
<h3 className="text-2xl font-bold mb-4 whitespace-pre-wrap">{popupContent.title}</h3>
|
|
|
|
|
<p className="text-gray-700 leading-relaxed whitespace-pre-wrap">{popupContent.body}</p>
|
|
|
|
|
<button
|
|
|
|
|
className="mt-6 bg-[#0a7039] text-white px-6 py-2 rounded hover:bg-[#075e2f] transition"
|
|
|
|
|
onClick={() => setPopupContent(null)}
|
|
|
|
|
>
|
|
|
|
|
Close
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
columns={[
|
|
|
|
|
|
