Update src/app/pricing/page.tsx

This commit is contained in:
2026-03-11 02:14:09 +00:00
parent a8e63c3be5
commit 5c2a693e0d

View File

@@ -13,7 +13,7 @@ export default function PricingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="rounded"
contentWidth="mediumSmall" contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles" sizing="mediumSizeLargeTitles"
@@ -33,9 +33,7 @@ export default function PricingPage() {
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" },
]} ]}
button={{ button={{
text: "Browse Templates", text: "Browse Templates", href: "#templates"}}
href: "#templates",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -50,71 +48,34 @@ export default function PricingPage() {
animationType="scale-rotate" animationType="scale-rotate"
plans={[ plans={[
{ {
id: "basic", id: "basic", price: "$29/year", name: "Basic", features: [
price: "$29/year", "5 edits per year", "Email support", "Template library access", "Basic customization tools"],
name: "Basic",
features: [
"5 edits per year",
"Email support",
"Template library access",
"Basic customization tools",
],
buttons: [ buttons: [
{ {
text: "Get Started", text: "Get Started", href: "/contact"},
href: "/contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#"},
href: "#",
},
], ],
}, },
{ {
id: "standard", id: "standard", badge: "Most Popular", badgeIcon: Star,
badge: "Most Popular", price: "$59/year", name: "Standard", features: [
badgeIcon: Star, "10 edits per year", "Priority email support", "Template library access", "Advanced customization", "Analytics dashboard"],
price: "$59/year",
name: "Standard",
features: [
"10 edits per year",
"Priority email support",
"Template library access",
"Advanced customization",
"Analytics dashboard",
],
buttons: [ buttons: [
{ {
text: "Get Started", text: "Get Started", href: "/contact"},
href: "/contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#"},
href: "#",
},
], ],
}, },
{ {
id: "premium", id: "premium", price: "$149/year", name: "Premium", features: [
price: "$149/year", "Unlimited edits", "24/7 priority support", "Template library access", "Custom design requests", "Advanced analytics", "White-label options"],
name: "Premium",
features: [
"Unlimited edits",
"24/7 priority support",
"Template library access",
"Custom design requests",
"Advanced analytics",
"White-label options",
],
buttons: [ buttons: [
{ {
text: "Get Started", text: "Get Started", href: "/contact"},
href: "/contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -129,15 +90,7 @@ export default function PricingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Freelance Creative Co", "Freelance Creative Co", "TechFlow Agencies", "BuildMore Studios", "DesignHub Pro", "StartUp Launch", "Portfolio Masters", "Business Growth Inc", "Web Innovation Lab"]}
"TechFlow Agencies",
"BuildMore Studios",
"DesignHub Pro",
"StartUp Launch",
"Portfolio Masters",
"Business Growth Inc",
"Web Innovation Lab",
]}
speed={40} speed={40}
showCard={true} showCard={true}
/> />
@@ -150,44 +103,26 @@ export default function PricingPage() {
tag="Help & Support" tag="Help & Support"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqsAnimation="entrance-slide" faqsAnimation="blur-reveal"
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "What's included in each template?", content:
title: "What's included in each template?", "Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier."},
content:
"Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier.",
},
{ {
id: "2", id: "2", title: "Can I customize the templates?", content:
title: "Can I customize the templates?", "Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations."},
content:
"Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations.",
},
{ {
id: "3", id: "3", title: "Do I need coding knowledge?", content:
title: "Do I need coding knowledge?", "Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website."},
content:
"Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website.",
},
{ {
id: "4", id: "4", title: "What are the subscription tiers for?", content:
title: "What are the subscription tiers for?", "Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions."},
content:
"Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions.",
},
{ {
id: "5", id: "5", title: "Can agencies use these templates for clients?", content:
title: "Can agencies use these templates for clients?", "Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates."},
content:
"Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates.",
},
{ {
id: "6", id: "6", title: "What payment methods do you accept?", content:
title: "What payment methods do you accept?", "We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted."},
content:
"We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted.",
},
]} ]}
/> />
</div> </div>
@@ -196,13 +131,9 @@ export default function PricingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="ANLY" logoText="ANLY"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>