Update src/app/pricing/page.tsx
This commit is contained in:
@@ -2,10 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, Headphones } from "lucide-react";
|
||||
import { CreditCard, Check } from "lucide-react";
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
@@ -29,8 +28,8 @@ export default function PricingPage() {
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Why AirPods", id: "metrics" },
|
||||
{ name: "Support", id: "faq" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "/" }}
|
||||
animateOnLoad={true}
|
||||
@@ -38,37 +37,28 @@ export default function PricingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Choose Your Perfect Plan"
|
||||
description="Select the AirPods model that fits your lifestyle and budget. Each plan includes premium features and comprehensive support."
|
||||
tag="Premium Audio"
|
||||
tagIcon={Sparkles}
|
||||
<PricingCardFive
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your audio needs. All plans include premium support and lifetime updates."
|
||||
tag="Pricing"
|
||||
tagIcon={CreditCard}
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "airpods-2nd-gen", badge: "Essential", price: "$129", subtitle: "Perfect for everyday listening", buttons: [
|
||||
{ text: "Buy Now", href: "#" },
|
||||
{ text: "Compare", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 5 hours of listening time", "24 hours with charging case", "Seamless setup", "Automatic switching", "Quick access to Siri"],
|
||||
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: "airpods-pro", badge: "Professional", badgeIcon: Sparkles,
|
||||
price: "$249", subtitle: "Advanced features for discerning listeners", buttons: [
|
||||
{ text: "Buy Now", href: "#" },
|
||||
{ text: "Compare", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 6 hours of listening time", "30 hours with charging case", "Active Noise Cancellation", "Adaptive Audio", "Transparency mode", "Spatial audio with dynamic head tracking", "Water and sweat resistant (IPX4)"],
|
||||
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: "airpods-max", badge: "Premium", price: "$549", subtitle: "Ultimate audio experience", buttons: [
|
||||
{ text: "Buy Now", href: "#" },
|
||||
{ text: "Compare", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Over-ear design with premium comfort", "Up to 20 hours of listening time", "Advanced Active Noise Cancellation", "Immersive spatial audio", "Dual drivers with custom acoustic design", "Digital Crown for precise control", "High-fidelity audio quality", "Premium materials and finishes"],
|
||||
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"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -77,23 +67,6 @@ export default function PricingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Questions About Our Pricing?"
|
||||
tagIcon={Headphones}
|
||||
tagAnimation="slide-up"
|
||||
title="Let's Find the Right Plan for You"
|
||||
description="Not sure which plan to choose? Our team is here to help you find the perfect AirPods for your needs."
|
||||
buttons={[
|
||||
{ text: "Contact Sales", href: "/contact" },
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
@@ -102,7 +75,7 @@ export default function PricingPage() {
|
||||
{ label: "AirPods Pro", href: "/" },
|
||||
{ label: "AirPods Max", href: "/" },
|
||||
{ label: "AirPods (2nd Gen)", href: "/" },
|
||||
{ label: "Compare Models", href: "/pricing" },
|
||||
{ label: "Compare Models", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user