Compare commits
39 Commits
version_11
...
version_12
| Author | SHA1 | Date | |
|---|---|---|---|
| c2c7911a5a | |||
| ae841699b4 | |||
| 612a931bce | |||
| 95dff0b7c4 | |||
| 0a57fe6f53 | |||
| c618cd522b | |||
| b6abcd9797 | |||
| 5ca831288f | |||
| 17ad64ab34 | |||
| 688f468042 | |||
| 8a973db170 | |||
| dd721caa60 | |||
| cdd2930f39 | |||
| 817a141c72 | |||
| b0e1ed7681 | |||
| 167cdcb352 | |||
| 27198b3eb4 | |||
| 976caa88bd | |||
| bd937ac24a | |||
| 0c5129b01b | |||
| d010c03b36 | |||
| c05ede69c5 | |||
| e6f1987cf2 | |||
| 3e1cf10319 | |||
| 6479d1e829 | |||
| 01ddc588b3 | |||
| 257acd18c8 | |||
| 25b9c98247 | |||
| e37643e08b | |||
| c37ba0b27a | |||
| a22a1a8d09 | |||
| 1a1110bb7e | |||
| fb4980caf7 | |||
| 0f14475c50 | |||
| b203b878aa | |||
| 61f7810f50 | |||
| 9d124e126b | |||
| 387d70c075 | |||
| 440fb5ceb3 |
@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function ContactUsPage() {
|
export default function ContactUsPage() {
|
||||||
return (
|
return (
|
||||||
@@ -51,6 +52,15 @@ export default function ContactUsPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
|
<div className="flex flex-col items-center py-8">
|
||||||
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
@@ -59,6 +69,7 @@ export default function ContactUsPage() {
|
|||||||
logoText=""
|
logoText=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function ContactPage() {
|
export default function ContactPage() {
|
||||||
return (
|
return (
|
||||||
@@ -52,6 +53,15 @@ export default function ContactPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
|
<div className="flex flex-col items-center py-8">
|
||||||
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
@@ -60,6 +70,7 @@ export default function ContactPage() {
|
|||||||
logoText="CleanScene"
|
logoText="CleanScene"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function EstimatePage() {
|
export default function EstimatePage() {
|
||||||
return (
|
return (
|
||||||
@@ -56,6 +57,15 @@ export default function EstimatePage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
|
<div className="flex flex-col items-center py-8">
|
||||||
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
@@ -64,6 +74,7 @@ export default function EstimatePage() {
|
|||||||
logoText=""
|
logoText=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -2,13 +2,12 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { Shield, Sparkles, UserCheck, CalendarDays, ClipboardList } from 'lucide-react';
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function FleetPage() {
|
export default function FleetPage() {
|
||||||
const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
|
const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
|
||||||
@@ -16,23 +15,23 @@ export default function FleetPage() {
|
|||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="expand-hover"
|
defaultButtonVariant="expand-hover"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="largeSmallSizeLargeTitles"
|
||||||
background="circleGradient"
|
background="blurBottom"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="radial-glow"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="normal"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Our Premium Fleet", id: "/fleet" },
|
{ name: "Our Premium Fleet", id: "/fleet" },
|
||||||
{ name: "Contact us", id: "/contact" },
|
{ name: "Contact us", id: "/contact-us" },
|
||||||
]}
|
]}
|
||||||
brandName="CleanScene"
|
brandName="CleanScene"
|
||||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777837799704-b8guhfm1.png"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777837799704-b8guhfm1.png"
|
||||||
@@ -42,34 +41,8 @@ export default function FleetPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
|
||||||
<HeroBillboard
|
|
||||||
title="Our Premium Fleet"
|
|
||||||
description="Discover our range of luxury mobile restroom trailers, meticulously designed for comfort and elegance."
|
|
||||||
background={{ variant: "plain" }}
|
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1"
|
|
||||||
imageAlt="Fleet"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureCardSeven
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
title="Why Choose Our Fleet"
|
|
||||||
description="Quality, comfort, and reliability in every trailer."
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1", imageAlt: "Climate Controlled", title: "Climate Controlled", description: "Stay comfortable in any weather with our advanced climate control systems." },
|
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1", imageAlt: "Modern Finishings", title: "Modern Finishings", description: "Elegant interior designs that elevate the look and feel of your event." },
|
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1", imageAlt: "Professional Support", title: "Professional Support", description: "We handle delivery, setup, and maintenance so you don't have to." }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="fleet-preview" data-section="fleet-preview">
|
<div id="fleet-preview" data-section="fleet-preview">
|
||||||
<ProductCardOne
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
@@ -77,29 +50,46 @@ export default function FleetPage() {
|
|||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1",
|
||||||
|
brand: "CleanScene",
|
||||||
name: "3 Station, Private Floorplan Restroom Trailer",
|
name: "3 Station, Private Floorplan Restroom Trailer",
|
||||||
price: "$1,375 per day",
|
price: "$1,375 per day",
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=2", onProductClick: () => setPopupContent({
|
rating: 5,
|
||||||
title: "3-Station Private Restroom Trailer", body: "Luxury 3-station trailer."
|
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",
|
id: "p2",
|
||||||
|
brand: "CleanScene",
|
||||||
name: "4 Station, Community Floorplan Restroom Trailer",
|
name: "4 Station, Community Floorplan Restroom Trailer",
|
||||||
price: "$1,825 per day",
|
price: "$1,825 per day",
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png", onProductClick: () => setPopupContent({
|
rating: 5,
|
||||||
title: "4-Station Community Restroom Trailer", body: "Rustic elegance 4-station trailer."
|
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 | Rustic Elegance", 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. Book your 4-station community restroom trailer rental in Green Bay and Northeast Wisconsin today."
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Standard Trailer",
|
|
||||||
price: "$900 per day",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844457157-k1f0t370.png"
|
|
||||||
}
|
|
||||||
]}
|
]}
|
||||||
title="Our full fleet overview"
|
title="Our premium fleet"
|
||||||
description="Explore our detailed product listings for more information."
|
textBoxTitleClassName="text-[#0a7039]"
|
||||||
|
description="Premium, climate-controlled mobile restrooms for every event size. Multi-day rental discounts available."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="features" data-section="features">
|
||||||
|
<FeatureCardThree
|
||||||
|
title="Premium interiors for a premium fleet"
|
||||||
|
description="Our restroom trailers are designed for comfort and ease."
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
features={[
|
||||||
|
{ title: "Private restrooms with rustic finishings ", description: "4-Station, Community Floorplan ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844457157-thyrfsbj.png" },
|
||||||
|
{ title: "Private restrooms with modern finishings ", description: "3-Station, Private Floorplan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-ryezs5em.jpg?_wi=1" },
|
||||||
|
{ title: "Lighted vanity with rustic finishings", description: "4-Station, Community Floorplan ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-blt2zl10.jpg" }
|
||||||
|
]}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -109,7 +99,7 @@ export default function FleetPage() {
|
|||||||
<h3 className="text-2xl font-bold mb-4 whitespace-pre-wrap">{popupContent.title}</h3>
|
<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>
|
<p className="text-gray-700 leading-relaxed whitespace-pre-wrap">{popupContent.body}</p>
|
||||||
<button
|
<button
|
||||||
className="mt-6 bg-black text-white px-6 py-2 rounded transition"
|
className="mt-6 bg-[#0a7039] text-white px-6 py-2 rounded hover:bg-[#075e2f] transition"
|
||||||
onClick={() => setPopupContent(null)}
|
onClick={() => setPopupContent(null)}
|
||||||
>
|
>
|
||||||
Close
|
Close
|
||||||
@@ -119,13 +109,24 @@ export default function FleetPage() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<div className="flex flex-col items-center py-8">
|
||||||
logoText="CleanScene"
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Links", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] }
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
|
{ items: [{ label: "Contact Us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
|
||||||
]}
|
]}
|
||||||
|
logoText=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -15,8 +15,8 @@ import { Open_Sans } from "next/font/google";
|
|||||||
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: 'Our Premium Fleet | CleanScene',
|
title: 'Luxury Restroom Trailer Rentals in Northeast Wisconsin | CleanScene',
|
||||||
description: 'Discover our range of luxury mobile restroom trailers, meticulously designed for comfort and elegance.',
|
description: 'Premium mobile restroom trailer rentals for weddings, corporate events & private estates across Green Bay, Appleton & Door County. Get a free estimate today.',
|
||||||
robots: {
|
robots: {
|
||||||
"index": true,
|
"index": true,
|
||||||
"follow": true
|
"follow": true
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
|||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -42,13 +43,13 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{ variant: "gradient-bars" }}
|
background={{ variant: "gradient-bars" }}
|
||||||
title="Set the Scene for a Flawless Event"
|
title="Premium Portable Restrooms"
|
||||||
titleClassName="text-[#0a7039]"
|
titleClassName="text-[#0a7039]"
|
||||||
description="Proudly serving Northeast Wisconsin - from the Fox Valley to Door County, Shawano to the Lakeshore, and Green Bay. Our premium restroom trailers offer the comfort of a quality interior space to provide a modern hospitality experience."
|
description="Proudly serving Northeast Wisconsin - from the Fox Valley to Door County, Shawano to the Lakeshore, and Green Bay. Our premium restroom trailers offer the comfort of a quality interior space to provide a modern hospitality experience."
|
||||||
kpis={[
|
kpis={[
|
||||||
{ value: "10+", label: "Counties Served" },
|
{ value: "10+", label: "Counties Served" },
|
||||||
{ value: "100%", label: "Guest Comfort" },
|
{ value: "1", label: "Guest Comfort" },
|
||||||
{ value: "100%", label: "Rental Satisfaction" },
|
{ value: "1", label: "Local Team" },
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
@@ -97,7 +98,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Let us elevate your event"
|
title="Let us elevate your event"
|
||||||
cardTitleClassName="text-[#0a7039]"
|
cardTitleClassName="text-[#0a7039]"
|
||||||
description="Our premium rental fleet is designed to fit seamlessly into any Northeast Wisconsin event and leave a lasting impression."
|
description="Our premium rental fleet is designed to fit seamlessly into any event across Northeast Wisconsin and leave a lasting impression."
|
||||||
features={[
|
features={[
|
||||||
{ title: "Weddings & Private Parties", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-hv8fxndc.jpg?_wi=2" },
|
{ title: "Weddings & Private Parties", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-hv8fxndc.jpg?_wi=2" },
|
||||||
{ title: "Community Events", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=2" },
|
{ title: "Community Events", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=2" },
|
||||||
@@ -106,7 +107,25 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="flex justify-center gap-8 py-12" data-section="badges">
|
||||||
|
<a href="https://www.theknot.com/marketplace/cleanscene-restroom-rentals-green-bay-wi-2098007" target="_blank" rel="noopener noreferrer">
|
||||||
|
<img src="https://www.theknot.com/tk-assets/web/badges/best-of-weddings-2025.png" alt="The Knot Best of Weddings 2025" className="h-24" />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.theknot.com/marketplace/cleanscene-restroom-rentals-green-bay-wi-2098007" target="_blank" rel="noopener noreferrer">
|
||||||
|
<img src="https://www.theknot.com/tk-assets/web/badges/hall-of-fame-2025.png" alt="The Knot Hall of Fame 2025" className="h-24" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
|
<div className="flex flex-col items-center py-8">
|
||||||
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
@@ -115,6 +134,7 @@ export default function LandingPage() {
|
|||||||
logoText=""
|
logoText=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function PricingPage() {
|
export default function PricingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -56,6 +57,15 @@ export default function PricingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
|
<div className="flex flex-col items-center py-8">
|
||||||
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
@@ -64,6 +74,7 @@ export default function PricingPage() {
|
|||||||
logoText="CleanScene"
|
logoText="CleanScene"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
|
import { Instagram, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function PrivacyPage() {
|
export default function PrivacyPage() {
|
||||||
return (
|
return (
|
||||||
@@ -43,6 +44,15 @@ export default function PrivacyPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
|
<div className="flex flex-col items-center py-8">
|
||||||
|
<div className="flex items-center mb-4 gap-4">
|
||||||
|
<a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
|
||||||
|
<Facebook size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
|
||||||
@@ -51,6 +61,7 @@ export default function PrivacyPage() {
|
|||||||
logoText=""
|
logoText=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user