Update src/app/page.tsx
This commit is contained in:
106
src/app/page.tsx
106
src/app/page.tsx
@@ -28,63 +28,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Fleet", id: "/fleet"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Fleet", id: "/fleet" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="CleanScene Restroom Rentals"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/luxury-restroom-rental-logo-placeholder.png"
|
||||
logoAlt="CleanScene Restroom Rentals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Set the Scene for a Flawless Event"
|
||||
description="Our trailers offer the comfort of an interior space with the quality of modern hospitality."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+", label: "Counties Served"},
|
||||
{
|
||||
value: "100%", label: "Guest Comfort"},
|
||||
{
|
||||
value: "24/7", label: "Service"},
|
||||
{ value: "10+", label: "Counties Served" },
|
||||
{ value: "100%", label: "Guest Comfort" },
|
||||
{ value: "24/7", label: "Service" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Free Quote", href: "/contact"},
|
||||
{
|
||||
text: "View The Fleet", href: "/fleet"},
|
||||
{ text: "Get My Free Quote", 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/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"},
|
||||
{ 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/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"},
|
||||
{ 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>
|
||||
@@ -94,7 +76,8 @@ export default function LandingPage() {
|
||||
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."]}
|
||||
"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>
|
||||
|
||||
@@ -105,12 +88,8 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "CleanScene", name: "3-Station Private Suite", price: "Quote on Request", rating: 0,
|
||||
reviewCount: "", 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: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg"},
|
||||
{ id: "p1", brand: "CleanScene", name: "3-Station Private Suite", price: "Quote on Request", rating: 0, reviewCount: "", 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: 0, reviewCount: "", imageSrc: "http://img.b2bpic.net/modern-bathroom-with-big-mirror_1203-1497.jpg" },
|
||||
]}
|
||||
title="Our Curated Fleet"
|
||||
description="Made-in-USA trailers designed for peak comfort."
|
||||
@@ -126,12 +105,9 @@ export default function LandingPage() {
|
||||
title="Modern Hospitality Standards"
|
||||
description="Every detail of our rental fleet is meticulously maintained to ensure your event leaves a lasting impression."
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Climate Control", description: "Fully adjustable heating and cooling systems to keep guests comfortable regardless of the season.", imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-modern-hotel-interior_23-2148777121.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-modern-hotel-interior_23-2148777121.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Luxury Finishes", description: "Designer lighting, high-end vanity surfaces, and elegant trim throughout our trailers.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-concept-with-details_23-2148777121.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/interior-design-concept-with-details_23-2148777121.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "White-Glove Setup", description: "Our professional team handles every step from delivery to onsite staging to ensure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/professional-team-working-together_23-2148777121.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-team-working-together_23-2148777121.jpg", buttonText: "Learn More"},
|
||||
{ title: "Advanced Climate Control", description: "Fully adjustable heating and cooling systems to keep guests comfortable regardless of the season.", imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-modern-hotel-interior_23-2148777121.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-modern-hotel-interior_23-2148777121.jpg", buttonText: "Learn More" },
|
||||
{ title: "Luxury Finishes", description: "Designer lighting, high-end vanity surfaces, and elegant trim throughout our trailers.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-concept-with-details_23-2148777121.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/interior-design-concept-with-details_23-2148777121.jpg", buttonText: "Learn More" },
|
||||
{ title: "White-Glove Setup", description: "Our professional team handles every step from delivery to onsite staging to ensure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/professional-team-working-together_23-2148777121.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-team-working-together_23-2148777121.jpg", buttonText: "Learn More" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,12 +115,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
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 rental options."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request My Free Quote", href: "/contact"},
|
||||
{ text: "Request My Free Quote", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,22 +126,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Fleet", href: "/fleet"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="CleanScene Restroom Rentals"
|
||||
/>
|
||||
@@ -175,4 +135,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user