Add src/app/pricing/page.tsx

2026-03-07 11:56:00 +00:00
parent 8c88ae39a7
commit 620d13dbd5
1 changed files with 124 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,124 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { ShoppingBag, CheckCircle } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noise"
+      cardStyle="inset"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AirPods"
+          navItems={[
+            { name: "Products", id: "products" },
+            { name: "Features", id: "features" },
+            { name: "Why AirPods", id: "metrics" },
+            { name: "Support", id: "faq" },
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardTwo
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect AirPods model for your needs and start enjoying premium audio today."
+          tag="Product Tiers"
+          tagIcon={ShoppingBag}
+          tagAnimation="slide-up"
+          plans={[
+            {
+              id: "airpods-standard",              badge: "AirPods (2nd Generation)",              badgeIcon: CheckCircle,
+              price: "$129",              subtitle: "Perfect for everyday listening",              buttons: [
+                { text: "Buy Now", href: "/" },
+                { text: "Learn More", href: "/" },
+              ],
+              features: [
+                "Up to 5 hours listening time",                "24 hours with charging case",                "Easy setup with Apple devices",                "Automatic ear detection",                "Double tap to play or skip forward"],
+            },
+            {
+              id: "airpods-pro",              badge: "AirPods Pro",              badgeIcon: CheckCircle,
+              price: "$249",              subtitle: "Advanced features for audio lovers",              buttons: [
+                { text: "Buy Now", href: "/" },
+                { text: "Learn More", href: "/" },
+              ],
+              features: [
+                "Up to 6 hours listening time",                "30 hours with charging case",                "Active Noise Cancellation",                "Transparency mode",                "Spatial audio with dynamic head tracking",                "Water and sweat resistant (IPX4)",                "Adaptive Audio",                "Personalized Volume"],
+            },
+            {
+              id: "airpods-max",              badge: "AirPods Max",              badgeIcon: CheckCircle,
+              price: "$549",              subtitle: "Premium over-ear experience",              buttons: [
+                { text: "Buy Now", href: "/" },
+                { text: "Learn More", href: "/" },
+              ],
+              features: [
+                "Up to 20 hours listening time",                "Advanced Active Noise Cancellation",                "Immersive Spatial Audio",                "Adaptive Audio",                "Conversation Awareness",                "Automatic Switching",                "Digital Crown control",                "Premium design with premium materials",                "Easy pairing with Apple devices"],
+            },
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Products",              items: [
+                { label: "AirPods Pro", href: "/" },
+                { label: "AirPods Max", href: "/" },
+                { label: "AirPods (2nd Gen)", href: "/" },
+                { label: "Compare Models", href: "#" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/" },
+                { label: "Setup Guide", href: "#" },
+                { label: "Troubleshooting", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "News", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" },
+                { label: "Warranty", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 AirPods. All rights reserved."
+          bottomRightText="Powered by Premium Audio Technology"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}