|
|
|
|
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import { useState } from 'react';
|
|
|
|
|
|
|
|
|
|
@@ -79,36 +78,20 @@ export default function FleetPage() {
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
title="Why Choose CleanScene?"
|
|
|
|
|
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: "Climate Controlled", description: "Stay comfortable in any season.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1" },
|
|
|
|
|
{ title: "Modern Finishings", description: "High-quality interiors for your guests.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-ryezs5em.jpg?_wi=1" },
|
|
|
|
|
{ title: "Professional Setup", description: "We handle all delivery and installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=1" }
|
|
|
|
|
{ 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 id="gallery" data-section="gallery">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
title="Our premium fleet interiors"
|
|
|
|
|
description="See the modern finishings of our 3 Station and rustic finishings of our 4 Station"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-ryezs5em.jpg?_wi=2", imageAlt: "Event 1" },
|
|
|
|
|
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-ryezs5em.jpg?_wi=3", imageAlt: "Event 2" },
|
|
|
|
|
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1", imageAlt: "Event 3" },
|
|
|
|
|
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844457157-k1f0t370.png", imageAlt: "Event 4" },
|
|
|
|
|
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=2", imageAlt: "Event 5" },
|
|
|
|
|
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-ryezs5em.jpg?_wi=4", imageAlt: "Event 6" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</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()}>
|
|
|
|
|
|