Skip to content

Refresh Maple pricing page design #601

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AnthonyRonning merged 1 commit into from
Jul 5, 2026
+283 −247
Merged

Refresh Maple pricing page design #601

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
112 changes: 66 additions & 46 deletions frontend/src/config/pricingConfig.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,41 +24,45 @@ export const PRICING_PLANS: PricingPlan[] = [
{
text: "25 messages per week",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "End-to-end encryption",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Access to core AI features",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Search Chat History",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{ text: "Rename Chats", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
{ text: "Image Upload", included: false, icon: <X className="w-4 h-4 text-red-500" /> },
{
text: "Rename Chats",
included: true,
icon: <Check className="w-4 h-4 text-maple-success" />
},
{ text: "Image Upload", included: false, icon: <X className="w-4 h-4 text-maple-error" /> },
{
text: "Document Upload (PDF, TXT, MD)",
included: false,
icon: <X className="w-4 h-4 text-red-500" />
icon: <X className="w-4 h-4 text-maple-error" />
},
{
text: "Voice Recording (Whisper)",
included: false,
icon: <X className="w-4 h-4 text-red-500" />
icon: <X className="w-4 h-4 text-maple-error" />
},
{
text: "Paid AI models including Gemma 4 31B, GLM 5.2, and Kimi K2.6",
included: false,
icon: <X className="w-4 h-4 text-red-500" />
icon: <X className="w-4 h-4 text-maple-error" />
},
{ text: "API Access", included: false, icon: <X className="w-4 h-4 text-red-500" /> }
{ text: "API Access", included: false, icon: <X className="w-4 h-4 text-maple-error" /> }
],
ctaText: "Start Free"
},
Expand All @@ -70,40 +74,44 @@ export const PRICING_PLANS: PricingPlan[] = [
{
text: "All features from Free",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Enough messages for casual use",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "AI Naming of Chats",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Gemma 4 31B",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Image Upload",
included: true,
icon: <Check className="w-4 h-4 text-maple-success" />
},
{ text: "Image Upload", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
{
text: "Document Upload (PDF, TXT, MD)",
included: false,
icon: <X className="w-4 h-4 text-red-500" />
icon: <X className="w-4 h-4 text-maple-error" />
},
{
text: "Voice Recording (Whisper)",
included: false,
icon: <X className="w-4 h-4 text-red-500" />
icon: <X className="w-4 h-4 text-maple-error" />
},
{
text: "GLM 5.2 + Kimi K2.6",
included: false,
icon: <X className="w-4 h-4 text-red-500" />
icon: <X className="w-4 h-4 text-maple-error" />
},
{ text: "API Access", included: false, icon: <X className="w-4 h-4 text-red-500" /> }
{ text: "API Access", included: false, icon: <X className="w-4 h-4 text-maple-error" /> }
],
ctaText: "Start Chatting"
},
Expand All @@ -115,33 +123,37 @@ export const PRICING_PLANS: PricingPlan[] = [
{
text: "All features from Free",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Generous usage for power users",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Image Upload",
included: true,
icon: <Check className="w-4 h-4 text-maple-success" />
},
{ text: "Image Upload", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
{
text: "Document Upload (PDF, TXT, MD)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Voice Recording (Whisper Large v3)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "All AI models including GLM 5.2 and Kimi K2.6",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "API Access (use plan credits via API)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
}
],
ctaText: "Start Chatting",
Expand All @@ -155,43 +167,47 @@ export const PRICING_PLANS: PricingPlan[] = [
{
text: "All features from Pro",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "20x more usage than Pro",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Priority support",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Early Access to features and models",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Image Upload",
included: true,
icon: <Check className="w-4 h-4 text-maple-success" />
},
{ text: "Image Upload", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
{
text: "Document Upload (PDF, TXT, MD)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Voice Recording (Whisper Large v3)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "All AI models including GLM 5.2 and Kimi K2.6",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "API Access (use plan credits via API)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
}
],
ctaText: "Start Chatting"
Expand All @@ -204,53 +220,57 @@ export const PRICING_PLANS: PricingPlan[] = [
{
text: "All features from Pro",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "2x more usage than Pro per team member",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Priority support",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Unified billing",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Pool chat credits among team",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Early Access to features and models",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Image Upload",
included: true,
icon: <Check className="w-4 h-4 text-maple-success" />
},
{ text: "Image Upload", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
{
text: "Document Upload (PDF, TXT, MD)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "Voice Recording (Whisper Large v3)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "All AI models including GLM 5.2 and Kimi K2.6",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
},
{
text: "API Access (use plan credits via API)",
included: true,
icon: <Check className="w-4 h-4 text-green-500" />
icon: <Check className="w-4 h-4 text-maple-success" />
}
],
ctaText: "Start Chatting"
Expand Down
Loading
Loading