From 7dff241eb6b4cb1a2176f6f562168a9aabe8e40c Mon Sep 17 00:00:00 2001
From: bilalgursen <bilalgursen777@gmail.com>
Date: Thu, 24 Sep 2026 01:05:56 +0300
Subject: [PATCH] =?UTF-8?q?feat(tasarim):=20ana=20sayfa=20ve=20her=20sayfa?=
 =?UTF-8?q?daki=20ortak=20par=C3=A7alar=20dile=20g=C3=B6re?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Landing kartlarının hover'ı tek turuncu (§4.4)
- Güven bandında sayı üstte ve iri, etiket altında (§1.1)
- "Dürüstlük notu", alt bilgi başlıkları, arama penceresi başlıkları
  büyük harften çıktı; 10-11 px yazılar 12 px'e
- Alt bilgi linklerinin hover'ı turuncu

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/app/page.tsx                              | 16 +++++++-----
 src/components/site-footer.tsx                | 26 +++++++++----------
 src/components/site-top-banner.tsx            |  2 +-
 .../katalog/components/katalog-arama.tsx      | 12 ++++-----
 .../components/sosyal-kanit-govde.tsx         |  2 +-
 5 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 90ed73b..2b6c84e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -282,7 +282,7 @@ export default function Home() {
             <Parallax strength={7} className="mt-12 grid gap-6 md:grid-cols-3">
               {problems.map((p, i) => (
                 <Reveal key={p.title} delay={i * 0.08}>
-                  <Card className="relative h-full overflow-hidden border-slate-200/70 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
+                  <Card className="relative h-full overflow-hidden border-slate-200/70 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-orange-500 hover:shadow-lg hover:shadow-orange-500/5">
                     <PixelCorner className="absolute right-4 top-4" />
                     <CardHeader>
                       <div className="mb-2 flex size-11 items-center justify-center rounded-xl bg-primary/10">
@@ -340,7 +340,7 @@ export default function Home() {
             <Parallax strength={7} className="mt-12 grid gap-6 md:grid-cols-3">
               {steps.map((s, i) => (
                 <Reveal key={s.step} delay={i * 0.08} className="h-full">
-                  <div className="relative h-full rounded-2xl border border-slate-200/70 bg-white p-8 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
+                  <div className="relative h-full rounded-2xl border border-slate-200/70 bg-white p-8 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-orange-500 hover:shadow-lg hover:shadow-orange-500/5">
                     <span className="absolute -top-4 left-8 flex size-8 items-center justify-center rounded-full bg-orange-500 font-heading text-sm font-bold text-white">
                       {s.step}
                     </span>
@@ -372,9 +372,13 @@ export default function Home() {
                     },
                     { value: "%100", label: "Resmî YÖK Atlas kaynağı" },
                   ].map((stat) => (
-                    <div key={stat.label} className="p-6 text-center">
-                      <dt className="text-sm text-slate-500">{stat.label}</dt>
-                      <dd className="mt-1 font-heading text-3xl font-bold text-primary">
+                    // Sayı kahramandır (DESIGN.md §1.1): iri sayı üstte, etiket
+                    // altında; dt anlam için DOM'da önce, görsel sıra order ile.
+                    <div key={stat.label} className="flex flex-col p-6 text-center">
+                      <dt className="order-2 mt-2 text-sm font-semibold text-slate-500">
+                        {stat.label}
+                      </dt>
+                      <dd className="order-1 font-heading text-4xl font-bold leading-none tracking-tight text-primary">
                         {stat.value}
                       </dd>
                     </div>
@@ -386,7 +390,7 @@ export default function Home() {
                     <ShieldCheck className="size-5" aria-hidden />
                   </div>
                   <div>
-                    <p className="text-xs font-semibold uppercase tracking-wider text-primary">
+                    <p className="text-sm font-semibold text-primary">
                       Dürüstlük notu
                     </p>
                     <p className="mt-1 font-heading text-lg font-bold text-slate-900 sm:text-xl">
diff --git a/src/components/site-footer.tsx b/src/components/site-footer.tsx
index 6e85ab0..81b4264 100644
--- a/src/components/site-footer.tsx
+++ b/src/components/site-footer.tsx
@@ -18,7 +18,7 @@ export function SiteFooter() {
       <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">
-            <h2 className="text-xs font-semibold uppercase tracking-wide text-slate-500">
+            <h2 className="text-sm font-semibold text-slate-900">
               Popüler Bölümler
             </h2>
             <ul className="mt-3 grid grid-cols-1 gap-1.5">
@@ -26,7 +26,7 @@ export function SiteFooter() {
                 <li key={b.slug}>
                   <Link
                     href={`/bolum/${b.slug}`}
-                    className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                    className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                   >
                     {b.ad} Taban Puanları
                   </Link>
@@ -36,14 +36,14 @@ export function SiteFooter() {
           </nav>
 
           <nav aria-label="Keşfet">
-            <h2 className="text-xs font-semibold uppercase tracking-wide text-slate-500">
+            <h2 className="text-sm font-semibold text-slate-900">
               Keşfet
             </h2>
             <ul className="mt-3 space-y-1.5">
               <li>
                 <Link
                   href="/#hero-form"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   YKS Tercih Robotu 2026
                 </Link>
@@ -51,7 +51,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/bolumler"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Bölüm Taban Puanları
                 </Link>
@@ -59,7 +59,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/universiteler"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Üniversite Taban Puanları
                 </Link>
@@ -67,7 +67,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/rehber"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Tercih Rehberi
                 </Link>
@@ -75,7 +75,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/meraklisina"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Meraklısına: Nasıl çalışır?
                 </Link>
@@ -84,14 +84,14 @@ export function SiteFooter() {
           </nav>
 
           <nav aria-label="Rehber yazıları">
-            <h2 className="text-xs font-semibold uppercase tracking-wide text-slate-500">
+            <h2 className="text-sm font-semibold text-slate-900">
               Rehberden
             </h2>
             <ul className="mt-3 space-y-1.5">
               <li>
                 <Link
                   href="/rehber/tercih-listesi-nasil-yapilir"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Tercih Listesi Nasıl Yapılır?
                 </Link>
@@ -99,7 +99,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/rehber/kac-siralama-ile-hangi-bolume-girebilirim"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Kaç Sıralama ile Hangi Bölüme Girebilirim?
                 </Link>
@@ -107,7 +107,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/rehber/olu-tercih-nedir"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Ölü Tercih Nedir?
                 </Link>
@@ -115,7 +115,7 @@ export function SiteFooter() {
               <li>
                 <Link
                   href="/rehber/ek-yerlestirme-2026"
-                  className="text-sm text-slate-600 hover:text-slate-900 hover:underline"
+                  className="text-sm text-slate-600 transition-colors hover:text-orange-500 hover:underline"
                 >
                   Ek Yerleştirme Rehberi
                 </Link>
diff --git a/src/components/site-top-banner.tsx b/src/components/site-top-banner.tsx
index 9392e82..52b9032 100644
--- a/src/components/site-top-banner.tsx
+++ b/src/components/site-top-banner.tsx
@@ -163,7 +163,7 @@ export function SiteTopBanner() {
                       ) : (
                         "--"
                       )}
-                      <span className="ml-0.5 text-[10px] font-medium opacity-70">
+                      <span className="ml-0.5 text-xs font-medium opacity-70">
                         {etiket}
                       </span>
                     </dd>
diff --git a/src/features/katalog/components/katalog-arama.tsx b/src/features/katalog/components/katalog-arama.tsx
index e2a7ab1..09cf914 100644
--- a/src/features/katalog/components/katalog-arama.tsx
+++ b/src/features/katalog/components/katalog-arama.tsx
@@ -355,8 +355,8 @@ export function KatalogArama({ rehberler }: { rehberler: RehberAramaKaydi[] }) {
                 · {PUAN_TURU_ETIKET[profil.tur] ?? profil.tur}
               </span>
             </span>
-            <span className="inline-flex shrink-0 items-center gap-0.5 rounded-full bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-500 sm:text-xs">
-              <SquarePen className="size-2.5 sm:size-3" aria-hidden />
+            <span className="inline-flex shrink-0 items-center gap-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs font-medium text-slate-500">
+              <SquarePen className="size-3" aria-hidden />
               Değiştir
             </span>
           </button>
@@ -564,7 +564,7 @@ export function KatalogArama({ rehberler }: { rehberler: RehberAramaKaydi[] }) {
 function BaslangicIcerigi({ onSec }: { onSec: () => void }) {
   return (
     <div>
-      <p className="px-1 pb-2.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-400">
+      <p className="px-1 pb-2.5 text-sm font-semibold text-slate-700">
         Keşfet
       </p>
       <div className="grid grid-cols-3 gap-2">
@@ -677,11 +677,11 @@ function KesfetLinki({
       </div>
 
       <span className="min-w-0 px-2.5 pb-3 pt-2 text-center sm:px-3.5 sm:pb-3.5 sm:pt-2.5 sm:text-left">
-        <span className="block text-[12px] font-semibold leading-tight tracking-tight text-slate-900 sm:text-sm">
+        <span className="block text-sm font-semibold leading-tight tracking-tight text-slate-900">
           <span className="sm:hidden">{kisaBaslik}</span>
           <span className="hidden sm:inline">{baslik}</span>
         </span>
-        <span className="mt-0.5 block text-[10px] leading-snug text-slate-500 sm:text-xs">
+        <span className="mt-0.5 block text-xs leading-snug text-slate-500">
           {aciklama}
         </span>
       </span>
@@ -700,7 +700,7 @@ function SonucGrubu({
 }) {
   return (
     <section>
-      <h3 className="mb-2 flex items-center gap-2 px-2 text-xs font-semibold uppercase tracking-wider text-slate-400">
+      <h3 className="mb-2 flex items-center gap-2 px-2 text-sm font-semibold text-slate-700">
         {ikon}
         {baslik}
       </h3>
diff --git a/src/features/pazarlama/components/sosyal-kanit-govde.tsx b/src/features/pazarlama/components/sosyal-kanit-govde.tsx
index 5739a0d..d42f2f6 100644
--- a/src/features/pazarlama/components/sosyal-kanit-govde.tsx
+++ b/src/features/pazarlama/components/sosyal-kanit-govde.tsx
@@ -127,7 +127,7 @@ export function SosyalKanitGovde({ ilk }: { ilk: SosyalKanitVerisi }) {
       className="rounded-xl border border-slate-200/70 bg-slate-50/80 px-4 py-3.5"
     >
       <p className="flex flex-wrap items-baseline gap-x-2 gap-y-0.5">
-        <span className="font-heading text-3xl font-bold tabular-nums leading-none text-slate-900">
+        <span className="font-heading text-3xl font-bold leading-none text-slate-900">
           {sayi(gosterilenListe)}
         </span>
         <span className="text-sm leading-snug text-slate-600">