Add src/app/pricing/page.tsx

2026-04-15 21:38:22 +00:00
parent df38bf5855
commit ae03677472
1 changed files with 72 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Sparkles } from "lucide-react";
+
+export default function PricingPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Pricing", id: "/pricing" },
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Coach"
+                    button={{ text: "Book a Call", href: "/pricing" }}
+                />
+                <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
+                    logoText="Coach"
+                    leftLink={{ text: "Privacy Policy", href: "#" }}
+                    rightLink={{ text: "Terms of Service", href: "#" }}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}