Initial commit
This commit is contained in:
268
src/app/page.tsx
Normal file
268
src/app/page.tsx
Normal file
@@ -0,0 +1,268 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "/fleet",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="CleanScene"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Events Served",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Guest Comfort",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View The 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"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Restroom Trailers",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Northeast Wisconsin",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Event Perfection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hospitality",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The CleanScene Difference"
|
||||
description={[
|
||||
"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.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fleet-preview" data-section="fleet-preview">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CleanScene",
|
||||
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",
|
||||
brand: "CleanScene",
|
||||
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"
|
||||
description="Made-in-USA trailers designed for peak comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Wisconsin Events"
|
||||
description="See why top wedding planners and corporate event organizers trust us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Fleet",
|
||||
href: "/fleet",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CleanScene"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user