Update src/app/pricing/page.tsx

This commit is contained in:
2026-05-03 18:27:04 +00:00
parent 47ef11c861
commit 59addda128

View File

@@ -2,9 +2,9 @@
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 PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function PricingPage() { export default function PricingPage() {
return ( return (
@@ -23,44 +23,47 @@ export default function PricingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Fleet", id: "/fleet" }, { name: "Fleet", id: "/fleet" },
{ name: "Pricing", id: "/pricing" }, { name: "Request a free estimate", id: "/estimate" },
{ name: "Request a free estimate", id: "/estimate" }, { name: "Contact us", id: "/contact-us" },
{ name: "Contact us", id: "/contact-us" }, ]}
]} brandName="CleanScene"
brandName="CleanScene" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png" logoImageClassName="scale-150"
logoImageClassName="scale-150" />
/>
</div> </div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardNine <PricingCardNine
useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
title="Our Rental Rates" title="Our Pricing"
description="Transparent pricing for every occasion. Contact us for custom quotes on multi-day rentals." description="Affordable plans for every event size."
plans={[ plans={[
{ id: "basic", title: "Weekend Warrior", price: "$1,200", period: "per weekend", features: ["Delivery & Setup", "Eco-friendly supplies", "Climate controlled"], button: { text: "Get Estimate", href: "/estimate" } }, {
{ id: "pro", title: "Event Master", price: "$2,500", period: "per week", features: ["Daily Maintenance", "Full onsite support", "All inclusive supplies"], button: { text: "Get Estimate", href: "/estimate" } }, id: "basic", title: "Standard", price: "$1,000", period: "per event", features: ["Basic Setup", "24/7 Support"],
{ id: "corporate", title: "Corporate Solutions", price: "Custom", period: "contact for quote", features: ["Priority Booking", "Dedicated Account Manager", "Custom Staging"], button: { text: "Get Quote", href: "/contact-us" } } button: { text: "Select", href: "#" }
},
{
id: "premium", title: "Premium", price: "$1,500", period: "per event", features: ["Premium Setup", "Enhanced Maintenance", "24/7 Support"],
button: { text: "Select", href: "#" }
}
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Request a free estimate", href: "/estimate" }] }, { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }] },
{ items: [{ label: "Contact us", href: "/contact-us" }, { label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] }, { items: [{ label: "Contact us", href: "/contact-us" }, { label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] },
]} ]}
logoText="CleanScene" logoText="CleanScene"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
logoClassName="text-white" logoClassName="text-white"
logoImageClassName="scale-75 hidden" logoImageClassName="scale-75 hidden"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>