Add src/app/pricing/page.tsx

2026-05-30 20:59:03 +00:00
parent 1664470efe
commit 5a62936963
1 changed files with 123 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,123 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles, Award, Globe, Plane } from "lucide-react";
+
+export default function PricingPage() {
+  const pricingPlans = [
+    {
+      id: "basic",      badge: "Starter",      badgeIcon: Sparkles,
+      price: "$29/month",      name: "Basic Aviator",      buttons: [{ text: "Get Started", href: "#" }],
+      features: [
+        "Access to standard plane models",        "5 custom sticker designs",        "Email support",        "Community forum access"
+      ]
+    },
+    {
+      id: "pro",      badge: "Most Popular",      badgeIcon: Award,
+      price: "$59/month",      name: "Pro Pilot",      buttons: [{ text: "Choose Plan", href: "#" }],
+      features: [
+        "All Basic features",        "Access to premium plane models",        "20 custom sticker designs",        "Exclusive PAF collection access",        "Priority email support",        "Limited edition drops"
+      ]
+    },
+    {
+      id: "enterprise",      badge: "Enterprise",      badgeIcon: Globe,
+      price: "Custom",      name: "Flight Commander",      buttons: [{ text: "Contact Us", href: "#contact" }],
+      features: [
+        "All Pro features",        "Unlimited custom sticker designs",        "Dedicated account manager",        "Early access to new releases",        "Custom sourcing of PAF items",        "On-demand consultations"
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Products",                id: "#products"},
+              {
+                name: "About Us",                id: "#about"},
+              {
+                name: "Pricing",                id: "/pricing"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="Avio Forge"
+            button={{
+              text: "Get a Quote",              href: "/contact" // Link to the contact page, not section
+            }}
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Flexible Pricing for Every Aviator"
+            description="Choose the plan that best suits your passion for aviation, from basic access to exclusive collections and dedicated support."
+            plans={pricingPlans}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  {
+                    label: "Small Planes",                    href: "#products"},
+                  {
+                    label: "Plane Stickers",                    href: "#products"},
+                  {
+                    label: "PAF Gear",                    href: "#products"}
+                ]
+              },
+              {
+                items: [
+                  {
+                    label: "Our Story",                    href: "#about"},
+                  {
+                    label: "Our Mission",                    href: "#about"},
+                  {
+                    label: "Aviation Impact",                    href: "#metrics"}
+                ]
+              },
+              {
+                items: [
+                  {
+                    label: "FAQs",                    href: "#faq"},
+                  {
+                    label: "Contact Support",                    href: "#contact"},
+                  {
+                    label: "Privacy Policy",                    href: "#"}
+                ]
+              }
+            ]}
+            logoText="Avio Forge"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}