Update src/app/pricing/page.tsx
This commit is contained in:
@@ -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: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user