diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx index 69b537f..1dc4d50 100644 --- a/src/app/pricing/page.tsx +++ b/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() { > @@ -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" /> @@ -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" /> -
+