Piksel harita ve logo animasyonu iyileştirmeleri
All checks were successful
Deploy / deploy (push) Successful in 7m52s

Şehir/Türkiye piksel haritası görünüme girince oynar; animasyonlu-mark,
console-asr, use-pixel-heat ve cta-sira-form güncellendi.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-04 14:00:34 +03:00
parent 9c02b810e7
commit ab0b3a047f
7 changed files with 329 additions and 180 deletions

View File

@@ -442,15 +442,21 @@ export function CtaSiraForm({
href={sonucHref()}
aria-label="Sıralamana uygun programları gör"
title="Sıralamana uygun programları gör"
// Gölge yok (§6: derinlik gölgeyle verilmez), hover'da renk
// değişmez (iri dolu yüzeyde orange-600 kırmızımsı okunuyor —
// Bilal, 24 Eyl 2026); tepki: ok kayar, basınca küçülür.
className="group flex size-12 shrink-0 items-center justify-center rounded-full bg-orange-500 text-white transition-transform duration-200 after:absolute after:inset-0 hover:scale-[1.04] active:scale-[0.95] sm:size-14 lg:order-3"
// Gerilmiş link (after:inset-0) bandın tamamını kaplar. Ölçek
// linkin KENDİSİNE verilmez: transform, ::after için kapsayan
// blok olur, alan 48 px'lik daireye çöker, imleç linkten düşer
// ve hover açılıp kapanarak titrer. Büyüyen içteki dairedir.
className="group flex shrink-0 lg:order-3 after:absolute after:inset-0"
>
<ArrowRight
className="size-6 transition-transform duration-200 group-hover:translate-x-0.5 sm:size-7"
aria-hidden
/>
{/* Gölge yok (§6: derinlik gölgeyle verilmez), hover'da renk
değişmez (iri dolu yüzeyde orange-600 kırmızımsı okunuyor —
Bilal, 24 Eyl 2026); tepki: ok kayar, basınca küçülür. */}
<span className="flex size-12 items-center justify-center rounded-full bg-orange-500 text-white transition-transform duration-200 group-hover:scale-[1.04] group-active:scale-[0.95] sm:size-14">
<ArrowRight
className="size-6 transition-transform duration-200 group-hover:translate-x-0.5 sm:size-7"
aria-hidden
/>
</span>
</Link>
</div>
</div>