Update src/app/page.tsx

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"},
       ]}
@@ -89,7 +91,7 @@ export default function LandingPage() {
           title: "Emergency Repairs",          description: "Quick, professional response when you need us most.",          imageSrc: "http://img.b2bpic.net/free-photo/man-raises-jack-4x4-off-road-truck_1153-4382.jpg",          imageAlt: "Emergency Service"},
       ]}
       title="Core Septic Services"
-      description="Comprehensive care for your septic system to keep your home running smoothly."
+      description="We provide urgent, reliable solutions that bring peace of mind, ensuring your home remains safe and operational when you need us most."
     />
   </div>
 
@@ -170,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,69 @@
+"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"
+          useInvertedBackground={false}
+          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>
+  );
+}