Update src/app/pricing/page.tsx

This commit is contained in:
2026-03-04 04:29:34 +00:00
parent c3aa8f972c
commit d69934f0ac

View File

@@ -18,16 +18,16 @@ export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="medium"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
@@ -43,17 +43,17 @@ export default function PricingPage() {
title="Simple, Transparent Pricing"
description="Choose the perfect plan for your institution. All plans include core features with flexible add-ons. Scale your investment as your student base grows."
tag="Flexible Plans"
tagAnimation="slide-up"
tagAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=3"
imageAlt="Pricing plans overview"
textPosition="center"
showBlur={true}
showDimOverlay={true}
showBlur={false}
showDimOverlay={false}
buttons={[
{ text: "Compare Plans", href: "/pricing" },
{ text: "Contact Sales", href: "/contact" },
]}
buttonAnimation="slide-up"
buttonAnimation="none"
/>
</div>
@@ -61,63 +61,37 @@ export default function PricingPage() {
<PricingCardThree
plans={[
{
id: "starter",
price: "£199/mo",
name: "Starter",
buttons: [
id: "starter", price: "£199/mo", name: "Starter", buttons: [
{ text: "Get Started", href: "https://example.com/signup" },
{ text: "Chat to Sales", href: "/contact" },
],
features: [
"Up to 100 students",
"2 subject channels",
"Basic analytics dashboard",
"Email support",
],
"Up to 100 students", "2 subject channels", "Basic analytics dashboard", "Email support"],
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "£499/mo",
name: "Professional",
buttons: [
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
price: "£499/mo", name: "Professional", buttons: [
{ text: "Get Started", href: "https://example.com/signup" },
{ text: "Chat to Sales", href: "/contact" },
],
features: [
"Up to 500 students",
"All 4 subject channels",
"Advanced analytics & charts",
"Progress tracking by term",
"Paywall content control",
"Priority support",
],
"Up to 500 students", "All 4 subject channels", "Advanced analytics & charts", "Progress tracking by term", "Paywall content control", "Priority support"],
},
{
id: "enterprise",
price: "Custom",
name: "Enterprise",
buttons: [
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
{ text: "Contact Sales", href: "/contact" },
{ text: "Schedule Demo", href: "/contact" },
],
features: [
"Unlimited students",
"Full platform access",
"Custom integrations",
"Dedicated account manager",
"Advanced security features",
"24/7 support",
],
"Unlimited students", "Full platform access", "Custom integrations", "Dedicated account manager", "Advanced security features", "24/7 support"],
},
]}
title="Flexible Pricing Plans"
description="Choose the perfect plan for your institution. All plans include core features with flexible add-ons."
tag="Transparent Pricing"
tagAnimation="slide-up"
tagAnimation="none"
textboxLayout="default"
animationType="slide-up"
animationType="none"
useInvertedBackground={false}
/>
</div>
@@ -129,22 +103,16 @@ export default function PricingPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/wacey",
ariaLabel: "Follow us on Twitter",
},
href: "https://twitter.com/wacey", ariaLabel: "Follow us on Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/wacey",
ariaLabel: "Connect on LinkedIn",
},
href: "https://linkedin.com/company/wacey", ariaLabel: "Connect on LinkedIn"},
{
icon: Instagram,
href: "https://instagram.com/wacey",
ariaLabel: "Follow us on Instagram",
},
href: "https://instagram.com/wacey", ariaLabel: "Follow us on Instagram"},
]}
/>
</div>
</ThemeProvider>
);
}
}