Update src/app/pricing/page.tsx

src/app/pricing/page.tsx

@@ -1,12 +1,13 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { TrendingUp, Clock, Users, DollarSign, Sparkles } from "lucide-react";
+import { Sparkles, TrendingUp, Clock, Users, DollarSign } from "lucide-react";
 
 export default function PricingPage() {
   const navItems = [
@@ -17,21 +18,25 @@ export default function PricingPage() {
     { name: "Contact", id: "contact" },
   ];
 
+  const navButton = {
+    text: "See Your 10-Minute Setup",    href: "#contact-cta"
+  };
+
   const footerColumns = [
     {
       title: "Product",      items: [
-        { label: "Features", href: "/#features" },
-        { label: "Pricing", href: "/pricing" },
+        { label: "Features", href: "#features" },
+        { label: "Pricing", href: "#pricing" },
         { label: "Security", href: "#" },
         { label: "Roadmap", href: "#" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About", href: "#" },
+        { label: "About", href: "/about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact-cta" },
       ],
     },
     {
@@ -67,11 +72,9 @@ export default function PricingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="OpenFlow AI"
           navItems={navItems}
-          button={{
-            text: "See Your 10-Minute Setup",            href: "/contact"
-          }}
+          button={navButton}
+          brandName="OpenFlow AI"
         />
       </div>
 
@@ -81,7 +84,7 @@ export default function PricingPage() {
             {
               id: "1",              price: "Custom",              name: "Starter",              buttons: [
                 {
-                  text: "Get Started",                  href: "/contact"
+                  text: "Get Started",                  href: "#contact-cta"
                 },
                 {
                   text: "Learn More",                  href: "#"
@@ -95,10 +98,10 @@ export default function PricingPage() {
               id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
               price: "Custom",              name: "Professional",              buttons: [
                 {
-                  text: "Get Started",                  href: "/contact"
+                  text: "Get Started",                  href: "#contact-cta"
                 },
                 {
-                  text: "Chat with Sales",                  href: "/contact"
+                  text: "Chat with Sales",                  href: "#contact-cta"
                 },
               ],
               features: [
@@ -108,10 +111,10 @@ export default function PricingPage() {
             {
               id: "3",              price: "Custom",              name: "Enterprise",              buttons: [
                 {
-                  text: "Contact Sales",                  href: "/contact"
+                  text: "Contact Sales",                  href: "#contact-cta"
                 },
                 {
-                  text: "Schedule Demo",                  href: "/contact"
+                  text: "Schedule Demo",                  href: "#contact-cta"
                 },
               ],
               features: [
@@ -123,8 +126,8 @@ export default function PricingPage() {
           description="Choose the plan that fits your enterprise needs"
           tag="Pricing Plans"
           textboxLayout="default"
-          animationType="slide-up"
           useInvertedBackground={false}
+          animationType="slide-up"
         />
       </div>
 
@@ -152,23 +155,23 @@ export default function PricingPage() {
           description="Measurable results across enterprise deployments"
           tag="Performance"
           textboxLayout="default"
-          animationType="slide-up"
           useInvertedBackground={true}
+          animationType="slide-up"
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact-cta" data-section="contact-cta">
         <ContactText
           text="Ready to transform your support operations? See your personalized 10-minute setup today and join enterprise teams automating their workflow."
           animationType="background-highlight"
-          background={{ variant: "glowing-orb" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           buttons={[
             {
-              text: "See Your 10-Minute Setup",              href: "/contact"
+              text: "See Your 10-Minute Setup",              href: "#"
             },
             {
-              text: "Schedule a Demo",              href: "/contact"
+              text: "Schedule a Demo",              href: "#"
             },
           ]}
         />