Add src/app/pricing/page.tsx

2026-03-25 01:59:34 +00:00
parent ac394f337f
commit 3fca7b6909
1 changed files with 95 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code, DollarSign, Gem, Star } from "lucide-react";
+
+export default function PricingPage() {
+    const navItems = [
+        { name: "Features", href: "/#features" },
+        { name: "Pricing", href: "/pricing" },
+        { name: "About", href: "/about" },
+        { name: "Contact", href: "/#contact" }
+    ];
+
+    const footerColumns = [
+        {
+            title: "Product",            items: [
+                { label: "Features", href: "/#features" },
+                { label: "Pricing", href: "/pricing" },
+                { label: "Integrations", href: "#" },
+                { label: "Changelog", href: "#" },
+            ],
+        },
+        {
+            title: "Company",            items: [
+                { label: "About", href: "/about" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Contact", href: "/#contact" },
+            ],
+        },
+        {
+            title: "Resources",            items: [
+                { label: "Documentation", href: "#" },
+                { label: "Help Center", href: "#" },
+                { label: "Community", href: "#" },
+                { label: "Status", href: "#" },
+            ],
+        },
+        {
+            title: "Legal",            items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" },
+                { label: "Security", href: "#" },
+            ],
+        },
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="SaasApp"
+                    button={{ text: "Get Started", href: "/#" }}
+                />
+                <div id="pricing" data-section="pricing">
+                    <PricingCardNine
+                        tag="Pricing"
+                        tagIcon={DollarSign}
+                        title="Simple, transparent pricing"
+                        description="Choose the plan that works best for you. All plans include a 14-day free trial."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        plans={[
+                            {
+                                id: "starter",                                title: "Starter",                                price: "$19",                                period: "/month",                                features: [
+                                    "Up to 5 projects",                                    "Basic analytics",                                    "24/7 email support",                                    "API access"],
+                                button: { text: "Get Started", href: "#" },
+                            },
+                            {
+                                id: "pro",                                title: "Pro",                                price: "$49",                                period: "/month",                                features: [
+                                    "Unlimited projects",                                    "Advanced analytics",                                    "Priority support",                                    "Custom integrations",                                    "Team collaboration"],
+                                button: { text: "Get Started", href: "#" },
+                            },
+                            {
+                                id: "enterprise",                                title: "Enterprise",                                price: "$99",                                period: "/month",                                features: [
+                                    "Everything in Pro",                                    "Dedicated account manager",                                    "Custom SLA",                                    "On-premise deployment",                                    "Advanced security"],
+                                button: { text: "Contact Sales", href: "#" },
+                            },
+                        ]}
+                    />
+                </div>
+                <FooterBaseReveal
+                    columns={footerColumns}
+                    copyrightText="2024 SaasApp. All rights reserved."
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}