vibeasite-templates/template-developer-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: developer-tools template (15 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:02:18 +00:00
parent 5e63247ced
commit af7cff5755
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Index.tsx
+3 -3
View File
@@ -273,7 +273,7 @@ export default function IndexPage() {
</div> </div>
<div className="grid md:grid-cols-3 gap-6 max-w-5xl mx-auto stagger"> <div className="grid md:grid-cols-3 gap-6 max-w-5xl mx-auto stagger">
{tiers.map((tier) => ( {tiers.map((tier) => (
<Card key={tier.name} className={`relative flex flex-col backdrop-blur-sm bg-card/80 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 \${tier.popular ? "ring-2 ring-emerald-500 border-emerald-500/50 shadow-xl shadow-emerald-500/10" : "border-slate-800"}`}> <Card key={tier.name} className={`relative flex flex-col backdrop-blur-sm bg-card/80 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 ${tier.popular ? "ring-2 ring-emerald-500 border-emerald-500/50 shadow-xl shadow-emerald-500/10" : "border-slate-800"}`}>
{tier.popular && ( {tier.popular && (
<div className="absolute -top-4 left-1/2 -translate-x-1/2 bg-emerald-500 text-slate-950 px-4 py-1 rounded-full text-sm font-semibold shadow-lg"> <div className="absolute -top-4 left-1/2 -translate-x-1/2 bg-emerald-500 text-slate-950 px-4 py-1 rounded-full text-sm font-semibold shadow-lg">
Most Popular Most Popular
@@ -287,7 +287,7 @@ export default function IndexPage() {
<span className="text-4xl font-bold text-white">Custom</span> <span className="text-4xl font-bold text-white">Custom</span>
) : ( ) : (
<> <>
<span className="text-4xl font-bold text-white">\${tier.price}</span> <span className="text-4xl font-bold text-white">${tier.price}</span>
<span className="text-slate-500 ml-1">/mo</span> <span className="text-slate-500 ml-1">/mo</span>
</> </>
)} )}
@@ -307,7 +307,7 @@ export default function IndexPage() {
<Button <Button
onClick={() => handlePlan(tier)} onClick={() => handlePlan(tier)}
disabled={checkingOut} disabled={checkingOut}
className={`mt-8 w-full rounded-full active:scale-[0.98] \${tier.popular ? "bg-emerald-500 hover:bg-emerald-400 text-slate-950 font-semibold" : "bg-slate-800 hover:bg-slate-700 text-white"}`} className={`mt-8 w-full rounded-full active:scale-[0.98] ${tier.popular ? "bg-emerald-500 hover:bg-emerald-400 text-slate-950 font-semibold" : "bg-slate-800 hover:bg-slate-700 text-white"}`}
> >
{tier.cta} {tier.cta}
</Button> </Button>