Update src/app/pricing/page.tsx

This commit is contained in:
2026-03-02 20:50:07 +00:00
parent 38fee39c9c
commit 24d33d21a9

View File

@@ -37,7 +37,7 @@ export default function PricingPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -48,9 +48,7 @@ export default function PricingPage() {
brandName="CloudSync"
navItems={navItems}
button={{
text: "Get Started",
href: "/pricing",
}}
text: "Get Started", href: "/pricing"}}
/>
</div>
@@ -65,48 +63,19 @@ export default function PricingPage() {
animationType="slide-up"
plans={[
{
id: "starter",
badge: "Great to Start",
badgeIcon: Sparkles,
price: "$29/mo",
subtitle: "Perfect for small teams",
features: [
"Up to 10 team members",
"Basic automations",
"1 GB data storage",
"Email support",
"Standard integrations",
],
id: "starter", badge: "Great to Start", badgeIcon: Sparkles,
price: "$29/mo", subtitle: "Perfect for small teams", features: [
"Up to 10 team members", "Basic automations", "1 GB data storage", "Email support", "Standard integrations"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Star,
price: "$99/mo",
subtitle: "For growing teams",
features: [
"Up to 100 team members",
"Advanced automations",
"100 GB data storage",
"Priority support",
"500+ integrations",
"Custom workflows",
],
id: "pro", badge: "Most Popular", badgeIcon: Star,
price: "$99/mo", subtitle: "For growing teams", features: [
"Up to 100 team members", "Advanced automations", "100 GB data storage", "Priority support", "500+ integrations", "Custom workflows"],
},
{
id: "enterprise",
badge: "Custom Solutions",
badgeIcon: Crown,
price: "Custom",
subtitle: "Enterprise-scale needs",
features: [
"Unlimited team members",
"White-label options",
"Unlimited storage",
"Dedicated account manager",
"Custom integrations",
"SLA guaranteed",
],
id: "enterprise", badge: "Custom Solutions", badgeIcon: Crown,
price: "Custom", subtitle: "Enterprise-scale needs", features: [
"Unlimited team members", "White-label options", "Unlimited storage", "Dedicated account manager", "Custom integrations", "SLA guaranteed"],
},
]}
/>
@@ -121,29 +90,17 @@ export default function PricingPage() {
animationType="slide-up"
metrics={[
{
id: "1",
icon: TrendingUp,
title: "Best Value",
value: "50% Savings",
},
id: "1", icon: TrendingUp,
title: "Best Value", value: "50% Savings"},
{
id: "2",
icon: Users,
title: "Team Scale",
value: "Unlimited",
},
id: "2", icon: Users,
title: "Team Scale", value: "Unlimited"},
{
id: "3",
icon: Building,
title: "Enterprise Ready",
value: "Always",
},
id: "3", icon: Building,
title: "Enterprise Ready", value: "Always"},
{
id: "4",
icon: Globe,
title: "Global Access",
value: "85+",
},
id: "4", icon: Globe,
title: "Global Access", value: "85+"},
]}
/>
</div>
@@ -158,23 +115,14 @@ export default function PricingPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "What's included in the free trial?",
content:
"Your 14-day free trial includes full access to all Pro features. No credit card required to start.",
},
id: "1", title: "What's included in the free trial?", content:
"Your 14-day free trial includes full access to all Pro features. No credit card required to start."},
{
id: "2",
title: "How is billing handled?",
content:
"We bill monthly or annually. You can upgrade, downgrade, or cancel anytime with no long-term contracts.",
},
id: "2", title: "How is billing handled?", content:
"We bill monthly or annually. You can upgrade, downgrade, or cancel anytime with no long-term contracts."},
{
id: "3",
title: "Do you offer refunds?",
content:
"Yes. If you're not satisfied within 30 days, we'll refund your payment in full. No questions asked.",
},
id: "3", title: "Do you offer refunds?", content:
"Yes. If you're not satisfied within 30 days, we'll refund your payment in full. No questions asked."},
]}
/>
</div>
@@ -186,19 +134,13 @@ export default function PricingPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/cloudsync",
ariaLabel: "Twitter",
},
href: "https://twitter.com/cloudsync", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/cloudsync",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/cloudsync", ariaLabel: "LinkedIn"},
{
icon: Github,
href: "https://github.com/cloudsync",
ariaLabel: "GitHub",
},
href: "https://github.com/cloudsync", ariaLabel: "GitHub"},
]}
/>
</div>