Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -30,13 +30,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "Home",          id: "/"},
         {
           name: "Services",          id: "services"},
         {
           name: "About",          id: "about"},
         {
           name: "Reviews",          id: "testimonials"},
+        {
+          name: "Pricing",          id: "/pricing"},
         {
           name: "Contact",          id: "contact"},
       ]}

src/app/pricing/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="mediumLargeSizeLargeTitles"
+        background="noise"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Reviews", id: "/testimonials" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="OnePump Septic"
+          button={{ text: "Call Now", href: "tel:3615550123" }}
+        />
+        
+        <PricingCardFive
+          animationType="slide-up"
+          textboxLayout="default"
+          title="Transparent Pricing"
+          description="Simple, upfront rates for all our essential septic services."
+          plans={[
+            {
+              id: "basic",              tag: "Popular",              price: "$199",              period: "per visit",              description: "Standard tank pumping and maintenance check.",              button: { text: "Select Plan", href: "#contact" },
+              featuresTitle: "Includes",              features: ["Up to 1000 gal pump", "System health check", "Lid cleaning"],
+            },
+            {
+              id: "pro",              tag: "Recommended",              price: "$349",              period: "per visit",              description: "Complete system cleaning and detailed inspection report.",              button: { text: "Select Plan", href: "#contact" },
+              featuresTitle: "Includes",              features: ["All basic features", "Detailed system report", "Filter cleaning", "Emergency priority"],
+            }
+          ]}
+        />
+
+        <FooterBase
+          columns={[
+            {
+              title: "Services", items: [{ label: "Pumping", href: "#services" }, { label: "Inspection", href: "#services" }]
+            },
+            {
+              title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }]
+            }
+          ]}
+          logoText="OnePump Septic"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}