Update src/app/pricing/page.tsx

src/app/pricing/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function PricingPage() {
   return (
@@ -26,7 +26,6 @@ export default function PricingPage() {
                 navItems={[
                     { name: "Home", id: "/" },
                     { name: "Fleet", id: "/fleet" },
-              { name: "Pricing", id: "/pricing" },
                     { name: "Request a free estimate", id: "/estimate" },
                     { name: "Contact us", id: "/contact-us" },
                 ]}
@@ -35,25 +34,29 @@ export default function PricingPage() {
                 logoImageClassName="scale-150"
             />
         </div>
-
         <div id="pricing" data-section="pricing">
             <PricingCardNine
+                useInvertedBackground={false}
                 animationType="slide-up"
                 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={[
-                    { 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 id="footer" data-section="footer">
             <FooterLogoEmphasis
                 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: "#" }] },
                 ]}
                 logoText="CleanScene"