Update src/app/pricing/page.tsx

This commit is contained in:
2026-03-07 12:11:21 +00:00
parent ad0cc2d6f8
commit f5e512c285

View File

@@ -4,7 +4,7 @@ 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";
import { Sparkles, Check } from "lucide-react";
export default function PricingPage() {
return (
@@ -14,7 +14,7 @@ export default function PricingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -24,10 +24,11 @@ export default function PricingPage() {
<NavbarLayoutFloatingInline
brandName="AirPods"
navItems={[
{ name: "Products", id: "products" },
{ name: "Features", id: "features" },
{ name: "Why AirPods", id: "metrics" },
{ name: "Support", id: "faq" },
{ name: "Products", id: "/" },
{ name: "Features", id: "/" },
{ name: "Why AirPods", id: "/" },
{ name: "Support", id: "/" },
{ name: "Reviews", id: "/reviews" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
@@ -39,42 +40,42 @@ export default function PricingPage() {
<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}
title="Choose Your Perfect Plan"
description="Select the premium audio solution that matches your lifestyle and listening preferences."
tag="Pricing"
tagIcon={Sparkles}
tagAnimation="slide-up"
plans={[
{
id: "airpods-standard", badge: "AirPods (2nd Generation)", badgeIcon: CheckCircle,
price: "$129", subtitle: "Perfect for everyday listening", buttons: [
id: "standard", badge: "AirPods (2nd Gen)", badgeIcon: Sparkles,
price: "$129", subtitle: "Great 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"],
"Up to 5 hours of listening time", "24 hours with charging case", "Easy setup with Apple devices", "Siri voice assistant", "Automatic ear detection"]
},
{
id: "airpods-pro", badge: "AirPods Pro", badgeIcon: CheckCircle,
price: "$249", subtitle: "Advanced features for audio lovers", buttons: [
id: "pro", badge: "AirPods Pro", badgeIcon: Sparkles,
price: "$249", subtitle: "Our most popular choice", 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"],
"Active Noise Cancellation", "Up to 6 hours of listening time", "30 hours with charging case", "Spatial Audio with dynamic head tracking", "Adaptive Audio", "Conversation Awareness", "Water and sweat resistant"]
},
{
id: "airpods-max", badge: "AirPods Max", badgeIcon: CheckCircle,
id: "max", badge: "AirPods Max", badgeIcon: Sparkles,
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"],
"Breakthrough over-ear design", "Up to 20 hours of listening time", "Computational audio", "Spatial Audio with dynamic head tracking", "Active Noise Cancellation", "Transparency mode", "Premium build quality", "Digital Crown control"]
},
]}
textboxLayout="default"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
@@ -101,7 +102,7 @@ export default function PricingPage() {
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Reviews", href: "/reviews" },
{ label: "Careers", href: "#" },
{ label: "News", href: "#" },
],