Update src/app/pricing/page.tsx
This commit is contained in:
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { CreditCard, Check } 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,12 +24,14 @@ 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: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ 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" },
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "/" }}
|
||||
animateOnLoad={true}
|
||||
@@ -37,28 +39,39 @@ export default function PricingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your audio needs. All plans include premium support and lifetime updates."
|
||||
<PricingCardTwo
|
||||
title="Choose Your Perfect Plan"
|
||||
description="Select the premium audio solution that matches your lifestyle and listening preferences."
|
||||
tag="Pricing"
|
||||
tagIcon={CreditCard}
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "airpods-standard", tag: "AirPods Standard", price: "$129", period: "/one-time", description: "Perfect for everyday listening with classic AirPods comfort and convenience.", button: { text: "Shop Now", href: "/" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"5 hours of battery life", "24 hours with charging case", "Automatic ear detection", "Double tap to control", "Seamless device switching"],
|
||||
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 of listening time", "24 hours with charging case", "Easy setup with Apple devices", "Siri voice assistant", "Automatic ear detection"]
|
||||
},
|
||||
{
|
||||
id: "airpods-pro", tag: "AirPods Pro", tagIcon: Check,
|
||||
price: "$249", period: "/one-time", description: "Advanced audio features with active noise cancellation for immersive listening.", button: { text: "Shop Now", href: "/" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Active Noise Cancellation", "Transparency mode", "Spatial Audio with dynamic head tracking", "6 hours of battery life", "30 hours with charging case", "Water and sweat resistant (IPX4)", "Adaptive Audio", "Personalized Volume"],
|
||||
id: "pro", badge: "AirPods Pro", badgeIcon: Sparkles,
|
||||
price: "$249", subtitle: "Our most popular choice", buttons: [
|
||||
{ text: "Buy Now", href: "/" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
],
|
||||
features: [
|
||||
"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", tag: "AirPods Max", price: "$549", period: "/one-time", description: "Premium over-ear headphones with breakthrough audio and all-day comfort.", button: { text: "Shop Now", href: "/" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Over-ear design with premium materials", "Active Noise Cancellation", "Spatial Audio with dynamic head tracking", "20 hours of battery life", "All-day comfort with custom fit", "Computational audio", "Automatic switching across devices", "Premium audio quality", "Built-in digital crown"],
|
||||
id: "max", badge: "AirPods Max", badgeIcon: Sparkles,
|
||||
price: "$549", subtitle: "Premium over-ear experience", buttons: [
|
||||
{ text: "Buy Now", href: "/" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
],
|
||||
features: [
|
||||
"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"]
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -88,8 +101,8 @@ export default function PricingPage() {
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "News", href: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user