Update src/app/pricing/page.tsx

src/app/pricing/page.tsx

@@ -3,15 +3,17 @@
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles } from "lucide-react";
 
 export default function PricingPage() {
     const navItems = [
         { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
         { name: "Pricing", id: "/pricing" },
+        { name: "Contact", id: "/contact" },
     ];
 
     return (
@@ -28,43 +30,35 @@ export default function PricingPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={navItems}
-                    brandName="Coach"
-                    button={{ text: "Book a Call", href: "/pricing" }}
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={navItems}
+                        brandName="Coach"
+                    />
+                </div>
+                <div id="pricing" data-section="pricing">
+                    <PricingCardNine
+                        title="Simple Pricing"
+                        description="Choose your plan."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        plans={[
+                            { id: "p1", title: "Starter", price: "$999", period: "/mo", features: ["Feature 1"], button: { text: "Get Started", href: "/contact" } }
+                        ]}
+                    />
+                </div>
+                <ContactCTA
+                    tag="Ready?"
+                    title="Get in Touch"
+                    description="Contact us for more info."
+                    buttons={[{ text: "Email Us", href: "/contact" }]}
+                    background={{ variant: "plain" }}
+                    useInvertedBackground={true}
                 />
-                <PricingCardNine
-                    title="Simple, Transparent Pricing"
-                    description="Choose the plan that best fits your business needs and start your transformation today."
-                    animationType="slide-up"
-                    textboxLayout="default"
-                    plans={[
-                        {
-                            id: "starter",                            title: "Starter",                            price: "$999",                            period: "/month",                            features: ["Weekly strategy sessions", "Email support", "Basic resource library"],
-                            button: { text: "Get Started", href: "#contact" }
-                        },
-                        {
-                            id: "growth",                            title: "Growth",                            price: "$1999",                            period: "/month",                            features: ["Bi-weekly strategy sessions", "Priority email support", "Full resource access", "Monthly progress report"],
-                            button: { text: "Get Started", href: "#contact" }
-                        },
-                        {
-                            id: "scale",                            title: "Scale",                            price: "$3499",                            period: "/month",                            features: ["Weekly 1-on-1 coaching", "24/7 priority support", "Custom strategy planning", "Team training modules"],
-                            button: { text: "Get Started", href: "#contact" }
-                        }
-                    ]}
-                />
-                <ContactSplit
-                    title="Ready to Start?"
-                    description="Have questions about our pricing or coaching plans? Contact us today."
-                    tag="Get in Touch"
-                    tagIcon={Sparkles}
-                    mediaAnimation="slide-up"
-                    onSubmit={(email) => console.log(email)}
-                />
-                <FooterLogoEmphasis
+                <FooterBaseReveal
                     logoText="Coach"
-                    leftLink={{ text: "Privacy Policy", href: "#" }}
-                    rightLink={{ text: "Terms of Service", href: "#" }}
+                    columns={[{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }]}
                 />
             </ReactLenis>
         </ThemeProvider>