fix(web): landing — align pricing tier cards for easy comparison

Drop the staggered sm:translate-y offsets on the three brand tiers so
their titles, prices and feature lists share a baseline, making the
plans scannable side by side instead of cascading down.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-27 02:53:33 +03:00
parent e21683bce6
commit 0dc298631d

View File

@@ -1638,10 +1638,10 @@ export function HomePage() {
"Öncelikli destek",
],
},
].map((plan, idx) => (
].map((plan) => (
<div
key={plan.name}
className={`group relative flex flex-col rounded-2xl border border-border bg-surface p-7 transition-all duration-300 hover:-translate-y-1 hover:border-foreground/20 hover:shadow-[var(--shadow-md)] ${idx === 1 ? "sm:translate-y-3" : ""} ${idx === 2 ? "sm:translate-y-6" : ""}`}
className="group relative flex flex-col rounded-2xl border border-border bg-surface p-7 transition-all duration-300 hover:-translate-y-1 hover:border-foreground/20 hover:shadow-[var(--shadow-md)]"
>
<div className="flex items-baseline justify-between">
<h3 className="font-[family-name:var(--font-display)] text-lg font-semibold">