feat(footer): kenardan kenara dev yazı logosu; footer'lı sayfada alt boşluk kapanır

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-09 01:40:00 +03:00
parent e8e2c73527
commit 2981498f3a
2 changed files with 39 additions and 2 deletions

View File

@@ -25,8 +25,10 @@ export function SiteFooter() {
.sort((a, b) => b.programSayisi - a.programSayisi)
.slice(0, 8);
// data-site-footer: layout'taki #icerik alt boşluğunu (pb-28) kapatır —
// dev yazı logosu ekranın altına yapışsın.
return (
<footer className="border-t border-slate-200/70 pb-32 pt-12">
<footer data-site-footer className="border-t border-slate-200/70 pt-12">
<div className="mx-auto max-w-6xl px-4">
<div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-3">
<nav aria-label="Popüler bölümler">
@@ -218,6 +220,41 @@ export function SiteFooter() {
/>
</div>
</div>
{/* Dev yazı logosu: header'daki "KolayTercih" (Bricolage, ince + yarı
kalın) kenardan kenara, alttan kırpılmış ve aşağı doğru sönerek.
SVG + textLength: yazı her genişlikte kabı tam doldurur, font
ölçüsüne göre taşmaz. Renkler slate token'ı — koyu temada kendiliğinden
döner. Süs: ekran okuyucuya kapalı. */}
<svg
viewBox="0 0 1000 135"
aria-hidden
className="pointer-events-none mt-10 block w-full px-4 font-bricolage select-none"
>
<defs>
<linearGradient
id="footer-yazi-logo"
gradientUnits="userSpaceOnUse"
x1="0"
y1="0"
x2="0"
y2="135"
>
<stop offset="0" style={{ stopColor: "var(--color-slate-900)" }} />
<stop offset="0.75" style={{ stopColor: "var(--color-slate-300)" }} />
<stop offset="1" style={{ stopColor: "var(--color-slate-200)" }} />
</linearGradient>
</defs>
<text
x="0"
y="156"
fontSize="222"
textLength="1000"
fill="url(#footer-yazi-logo)"
>
<tspan className="font-light">Kolay</tspan>
<tspan className="font-semibold">Tercih</tspan>
</text>
</svg>
</footer>
);
}