Updated pricing: Free(/usr/bin/bash) Starter(9/20apps) Pro(9) Ultra(49) Unlimited(99)

This commit is contained in:
2026-04-13 20:17:48 +02:00
parent a83b22fc02
commit 765f61358b
2 changed files with 49 additions and 28 deletions
+45 -25
View File
@@ -9,13 +9,27 @@ const privatePlans = [
period: "forever",
apps: "5",
coverLetters: "5",
badge: "",
highlight: false,
features: ["5 AI job applications/month", "5 AI resume customizations", "5 AI cover letters/month", "Application tracker"],
cta: "Get Started",
ctaStyle: "bg-white/10 hover:bg-white/20"
},
{
name: "Starter",
price: "$29",
period: "/mo",
apps: "20",
coverLetters: "20",
badge: "",
highlight: false,
features: ["20 AI job applications/month", "20 AI resume customizations", "20 AI cover letters/month", "Add your own API keys"],
cta: "Start Now",
ctaStyle: "bg-blue-500 hover:bg-blue-600"
},
{
name: "Pro",
price: "$39",
price: "$69",
period: "/mo",
apps: "100",
coverLetters: "100",
@@ -27,17 +41,19 @@ const privatePlans = [
},
{
name: "Ultra",
price: "$69",
price: "$149",
period: "/mo",
apps: "200",
coverLetters: "200",
badge: "",
highlight: false,
features: ["200 AI job applications/month", "200 AI resume customizations", "200 AI cover letters/month", "LinkedIn resume import", "Add your own API keys", "SMS notifications"],
cta: "Go Ultra",
ctaStyle: "bg-slate-600 hover:bg-slate-500"
},
{
name: "Unlimited",
price: "$99",
price: "$199",
period: "/mo",
apps: "Unlimited",
coverLetters: "Unlimited",
@@ -56,6 +72,7 @@ const agencyPlans = [
period: "/mo",
submissions: "1,000",
clients: "10",
badge: "",
highlight: false,
features: ["1,000 job submissions/month", "Up to 10 client profiles", "AI resume tailoring", "White-label dashboard", "API access"],
cta: "Start Agency",
@@ -79,6 +96,7 @@ const agencyPlans = [
period: "/mo",
submissions: "5,000",
clients: "150",
badge: "",
highlight: false,
features: ["5,000 job submissions/month", "Up to 150 client profiles", "AI resume tailoring", "White-label dashboard", "Dedicated account manager"],
cta: "Scale Up",
@@ -98,31 +116,33 @@ const agencyPlans = [
},
]
function PlanCard({ plan, type, color }: { plan: any, type: string, color: string }) {
function PlanCard({ plan, type }: { plan: any, type: string }) {
const highlightBg = type === "private"
? "bg-gradient-to-br from-blue-600/30 to-purple-600/30 border-blue-500/50"
: "bg-gradient-to-br from-purple-600/30 to-pink-600/30 border-purple-500/50"
const checkColor = type === "private" ? "text-green-400" : "text-purple-400"
const badgeColor = type === "private" ? "bg-blue-500" : "bg-purple-500"
const badgeBg = type === "private" ? "bg-blue-500" : "bg-purple-500"
return (
<div className={`rounded-2xl p-5 border flex flex-col h-full ${plan.highlight ? highlightBg : "bg-slate-700/50 border-slate-600"}`}>
<div className={`rounded-2xl p-5 border flex flex-col relative ${plan.highlight ? highlightBg : "bg-slate-700/50 border-slate-600"}`}>
{plan.badge && (
<div className="absolute -top-3 left-1/2 -translate-x-1/2">
<span className={`px-3 py-1 ${badgeColor} text-white text-xs font-bold rounded-full`}>{plan.badge}</span>
<div className={`absolute -top-3 left-1/2 -translate-x-1/2 z-10`}>
<span className={`px-3 py-1 ${badgeBg} text-white text-xs font-bold rounded-full whitespace-nowrap`}>{plan.badge}</span>
</div>
)}
<div className="text-sm text-slate-400 font-medium mb-1">{plan.name}</div>
<div className="flex items-baseline gap-1 mb-1">
<span className="text-3xl font-bold text-white">{plan.price}</span>
<span className="text-slate-400 text-sm">{plan.period}</span>
</div>
<div className="text-xs text-blue-400 mb-3">
{type === "private"
? `${plan.apps} apps • ${plan.coverLetters} cover letters`
: `${plan.submissions} submissions • ${plan.clients} clients`
}
<div className="text-center mb-3">
<div className="text-sm text-slate-400 font-medium mb-1">{plan.name}</div>
<div className="flex items-baseline justify-center gap-1 mb-1">
<span className="text-2xl font-bold text-white">{plan.price}</span>
<span className="text-slate-400 text-xs">{plan.period}</span>
</div>
<div className="text-xs text-blue-400/80">
{type === "private"
? `${plan.apps} apps • ${plan.coverLetters} letters`
: `${plan.submissions} submissions • ${plan.clients} clients`
}
</div>
</div>
<ul className="space-y-1.5 mb-4 flex-grow">
{plan.features.map((f: string) => (
@@ -246,11 +266,11 @@ export default function LandingPage() {
{/* Private Plans */}
{activeTab === "private" && (
<div className="space-y-6">
<p className="text-slate-400 mb-6">Every plan includes AI resume tailoring + AI cover letter generation</p>
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 max-w-5xl mx-auto items-stretch">
<div>
<p className="text-slate-400 mb-6 text-sm">Every plan includes AI resume tailoring + AI cover letter generation</p>
<div className="grid grid-cols-2 md:grid-cols-5 gap-4 max-w-5xl mx-auto items-stretch">
{privatePlans.map((plan) => (
<PlanCard key={plan.name} plan={plan} type="private" color="blue" />
<PlanCard key={plan.name} plan={plan} type="private" />
))}
</div>
</div>
@@ -258,11 +278,11 @@ export default function LandingPage() {
{/* Agency Plans */}
{activeTab === "agency" && (
<div className="space-y-6">
<p className="text-slate-400 mb-6">Manage multiple clients. Hard caps no unlimited.</p>
<div>
<p className="text-slate-400 mb-6 text-sm">Manage multiple clients. Hard caps no unlimited.</p>
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 max-w-5xl mx-auto items-stretch">
{agencyPlans.map((plan) => (
<PlanCard key={plan.name} plan={plan} type="agency" color="purple" />
<PlanCard key={plan.name} plan={plan} type="agency" />
))}
</div>
<p className="text-slate-500 text-sm mt-4">All plans have hard submission caps. No unlimited access for agencies.</p>