Update src/app/subscription/page.tsx
This commit is contained in:
@@ -52,58 +52,31 @@ export default function SubscriptionPage() {
|
||||
carouselMode="buttons"
|
||||
plans={[
|
||||
{
|
||||
id: "weekly",
|
||||
badge: "Weekly Subscription",
|
||||
badgeIcon: Zap,
|
||||
price: "$12.99/bag",
|
||||
subtitle: "Fresh delivery every week",
|
||||
buttons: [
|
||||
id: "weekly", badge: "Weekly Subscription", badgeIcon: Zap,
|
||||
price: "$12.99/bag", subtitle: "Fresh delivery every week", buttons: [
|
||||
{ text: "Start Weekly", href: "#" },
|
||||
{ text: "Chat to Sales", href: "/contact" },
|
||||
],
|
||||
features: [
|
||||
"1 bag (250g or 500g) every week",
|
||||
"10% discount on regular price",
|
||||
"Skip or pause anytime",
|
||||
"Free priority shipping",
|
||||
"Exclusive member-only blends",
|
||||
],
|
||||
"1 bag (250g or 500g) every week", "10% discount on regular price", "Skip or pause anytime", "Free priority shipping", "Exclusive member-only blends"],
|
||||
},
|
||||
{
|
||||
id: "biweekly",
|
||||
badge: "Bi-Weekly Plan",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$24.99/shipment",
|
||||
subtitle: "Balanced for regular drinkers",
|
||||
buttons: [
|
||||
id: "biweekly", badge: "Bi-Weekly Plan", badgeIcon: Sparkles,
|
||||
price: "$24.99/shipment", subtitle: "Balanced for regular drinkers", buttons: [
|
||||
{ text: "Start Bi-Weekly", href: "#" },
|
||||
{ text: "Chat to Sales", href: "/contact" },
|
||||
],
|
||||
features: [
|
||||
"1kg coffee every 2 weeks",
|
||||
"15% discount on regular price",
|
||||
"Free shipping all orders",
|
||||
"Birthday bonus coffee",
|
||||
"Loyalty rewards program",
|
||||
],
|
||||
"1kg coffee every 2 weeks", "15% discount on regular price", "Free shipping all orders", "Birthday bonus coffee", "Loyalty rewards program"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Monthly Box",
|
||||
badgeIcon: Award,
|
||||
price: "$44.99/month",
|
||||
subtitle: "Most popular choice",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Monthly Box", badgeIcon: Award,
|
||||
price: "$44.99/month", subtitle: "Most popular choice", buttons: [
|
||||
{ text: "Start Monthly", href: "#" },
|
||||
{ text: "Chat to Sales", href: "/contact" },
|
||||
],
|
||||
features: [
|
||||
"2kg premium selection monthly",
|
||||
"20% discount on all items",
|
||||
"Free express shipping",
|
||||
"Early access to limited editions",
|
||||
"Exclusive tasting notes guide",
|
||||
],
|
||||
"2kg premium selection monthly", "20% discount on all items", "Free express shipping", "Early access to limited editions", "Exclusive tasting notes guide"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -121,41 +94,24 @@ export default function SubscriptionPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Loyalty Rewards",
|
||||
description: "Earn points with every purchase and redeem for exclusive coffee, discounts, and early releases.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Loyalty Rewards", description: "Earn points with every purchase and redeem for exclusive coffee, discounts, and early releases.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Sparkles, label: "Points", value: "1 per $1 spent" },
|
||||
{ icon: Award, label: "Redemption", value: "50 points = $10 credit" },
|
||||
{ icon: Zap, label: "Bonus", value: "Double points on birthdays" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Limited Edition Access",
|
||||
description: "Be the first to access seasonal roasts, experimental blends, and exclusive collaborations.",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: Coffee,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"Spring Microlots First",
|
||||
"Harvest Releases Early",
|
||||
"Exclusive Collaborations",
|
||||
"Member-Only Roasts",
|
||||
],
|
||||
title: "Limited Edition Access", description: "Be the first to access seasonal roasts, experimental blends, and exclusive collaborations.", bentoComponent: "marquee", centerIcon: Coffee,
|
||||
variant: "text", texts: [
|
||||
"Spring Microlots First", "Harvest Releases Early", "Exclusive Collaborations", "Member-Only Roasts"],
|
||||
},
|
||||
{
|
||||
title: "Sustainability Tracking",
|
||||
description: "Monitor your environmental impact with detailed reports showing your carbon footprint savings and forest regeneration contribution.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Your Impact",
|
||||
subheading: "Positive change through coffee",
|
||||
items: [
|
||||
title: "Sustainability Tracking", description: "Monitor your environmental impact with detailed reports showing your carbon footprint savings and forest regeneration contribution.", bentoComponent: "timeline", heading: "Your Impact", subheading: "Positive change through coffee", items: [
|
||||
{ label: "Carbon Offset", detail: "Track CO₂ saved" },
|
||||
{ label: "Forest Acres", detail: "Protected per year" },
|
||||
{ label: "Fair Wages", detail: "Invested in farming" },
|
||||
],
|
||||
completedLabel: "Making a Difference",
|
||||
},
|
||||
completedLabel: "Making a Difference"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,31 +128,21 @@ export default function SubscriptionPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Customizable Preferences",
|
||||
description: "Select your grind, roast level, and flavor profile for every delivery.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Setup Steps",
|
||||
items: [
|
||||
title: "Customizable Preferences", description: "Select your grind, roast level, and flavor profile for every delivery.", bentoComponent: "3d-task-list", title: "Setup Steps", items: [
|
||||
{ icon: Coffee, label: "Choose Roast", time: "Light/Medium/Dark" },
|
||||
{ icon: Zap, label: "Select Grind", time: "5 options" },
|
||||
{ icon: Leaf, label: "Set Schedule", time: "Weekly/Bi-weekly/Monthly" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Flexible Management",
|
||||
description: "Pause, skip, reschedule, or modify your subscription anytime from your account dashboard.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Flexible Management", description: "Pause, skip, reschedule, or modify your subscription anytime from your account dashboard.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Award, label: "Pause", value: "Up to 3 months" },
|
||||
{ icon: Zap, label: "Skip", value: "Any delivery" },
|
||||
{ icon: Coffee, label: "Modify", value: "Instant update" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Member Portal",
|
||||
description: "Access your subscription dashboard to manage preferences, track shipments, and view rewards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
title: "Member Portal", description: "Access your subscription dashboard to manage preferences, track shipments, and view rewards.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -210,24 +156,16 @@ export default function SubscriptionPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/fincadonmanuel",
|
||||
ariaLabel: "Follow us on Instagram",
|
||||
},
|
||||
href: "https://instagram.com/fincadonmanuel", ariaLabel: "Follow us on Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/fincadonmanuel",
|
||||
ariaLabel: "Follow us on Facebook",
|
||||
},
|
||||
href: "https://facebook.com/fincadonmanuel", ariaLabel: "Follow us on Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/fincadonmanuel",
|
||||
ariaLabel: "Follow us on Twitter",
|
||||
},
|
||||
href: "https://twitter.com/fincadonmanuel", ariaLabel: "Follow us on Twitter"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:hello@fincadonmanuel.com",
|
||||
ariaLabel: "Email us",
|
||||
},
|
||||
href: "mailto:hello@fincadonmanuel.com", ariaLabel: "Email us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user