Add src/app/pricing/page.tsx

2026-03-06 15:12:06 +00:00
parent 83e0aebb81
commit fc615434cc
1 changed files with 101 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,101 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Habits", id: "habits" },
+            { name: "Cycle", id: "cycle" },
+            { name: "Analytics", id: "analytics" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
+          ]}
+          button={{ text: "Get Started", href: "#" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          tag="Pricing"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Choose Your Plan"
+          description="Select the perfect plan for your wellness journey. All plans include habit tracking, cycle tracking, and basic analytics."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "1",              badge: "Free",              badgeIcon: Sparkles,
+              price: "$0",              subtitle: "Perfect for getting started",              features: [
+                "13 daily habits tracking",                "Menstrual cycle tracking",                "Basic productivity metrics",                "Local data storage",                "Download CSV exports"],
+            },
+            {
+              id: "2",              badge: "Pro",              badgeIcon: Sparkles,
+              price: "$9.99/mo",              subtitle: "For serious habit builders",              features: [
+                "Everything in Free",                "Advanced analytics & insights",                "Custom habit templates",                "Phase-based recommendations",                "Weekly progress reports",                "Priority support"],
+            },
+            {
+              id: "3",              badge: "Premium",              badgeIcon: Sparkles,
+              price: "$19.99/mo",              subtitle: "For complete wellness optimization",              features: [
+                "Everything in Pro",                "AI-powered insights",                "Personalized habit recommendations",                "Integration with health apps",                "Advanced cycle predictions",                "Dedicated wellness coach",                "Monthly strategy sessions"],
+            },
+          ]}
+          buttons={[{ text: "Back to Home", href: "/" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Habit Tracker", href: "/" },
+                { label: "Cycle Tracker", href: "/" },
+                { label: "Analytics", href: "/" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "/" },
+                { label: "Support", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "/" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Personal Daily Tracker Dashboard. All rights reserved."
+          bottomRightText="Built for your wellness journey"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}