Updated pricing: Free(/usr/bin/bash) Starter(9/20apps) Pro(9) Ultra(49) Unlimited(99)
This commit is contained in:
+4
-3
@@ -20,9 +20,10 @@ router = APIRouter(prefix="/autojobs/api")
|
||||
# Private User Plans (job seekers)
|
||||
PRIVATE_PLANS = {
|
||||
"free": {"name": "Free", "applications": 5, "ai_customize": 5, "cover_letters": 5, "price": 0},
|
||||
"pro": {"name": "Pro", "applications": 100, "ai_customize": 100, "cover_letters": 100, "price": 39},
|
||||
"ultra": {"name": "Ultra", "applications": 200, "ai_customize": 200, "cover_letters": 200, "price": 69},
|
||||
"unlimited": {"name": "Unlimited", "applications": 99999, "ai_customize": 99999, "cover_letters": 99999, "price": 99},
|
||||
"starter": {"name": "Starter", "applications": 20, "ai_customize": 20, "cover_letters": 20, "price": 29},
|
||||
"pro": {"name": "Pro", "applications": 100, "ai_customize": 100, "cover_letters": 100, "price": 69},
|
||||
"ultra": {"name": "Ultra", "applications": 200, "ai_customize": 200, "cover_letters": 200, "price": 149},
|
||||
"unlimited": {"name": "Unlimited", "applications": 99999, "ai_customize": 99999, "cover_letters": 99999, "price": 199},
|
||||
}
|
||||
|
||||
# Alias for backwards compatibility
|
||||
|
||||
+40
-20
@@ -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,32 +116,34 @@ 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-center mb-3">
|
||||
<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 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 mb-3">
|
||||
<div className="text-xs text-blue-400/80">
|
||||
{type === "private"
|
||||
? `${plan.apps} apps • ${plan.coverLetters} cover letters`
|
||||
? `${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) => (
|
||||
<li key={f} className="text-slate-300 text-xs flex items-start gap-2">
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user