From 647a44e46a5ccfe235e180b79dcdd1057042902e Mon Sep 17 00:00:00 2001
From: bilalgursen <bilalgursen777@gmail.com>
Date: Sun, 2 Aug 2026 04:51:18 +0300
Subject: [PATCH] Update SiteHeader component to improve accessibility and
 visual clarity. Added aria-label for the logo link and adjusted text
 visibility for better responsiveness on mobile devices. Enhanced styling for
 the brand name to ensure consistent presentation across screen sizes.

---
 src/components/site-header.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
index b1993c3..f9268e0 100644
--- a/src/components/site-header.tsx
+++ b/src/components/site-header.tsx
@@ -11,6 +11,7 @@ export function SiteHeader() {
       <div className="relative mx-auto flex h-12 max-w-6xl items-center justify-between gap-2 px-3 sm:h-16 sm:gap-3 sm:px-4">
         <Link
           href="/"
+          aria-label="KolayTercih"
           className="group flex min-w-0 shrink items-center font-bricolage"
         >
           <Image
@@ -21,11 +22,10 @@ export function SiteHeader() {
             aria-hidden="true"
             className="size-8 shrink-0 sm:size-11"
           />
-          <span className="truncate">
-            <span className="text-lg font-light tracking-tighter sm:text-3xl">
-              Kolay
-            </span>
-            <span className="text-lg font-semibold tracking-tighter sm:text-3xl">
+          {/* Yazı yalnızca sm+: mobilde logo yeter, header sıkışmasın */}
+          <span className="hidden truncate sm:inline">
+            <span className="text-3xl font-light tracking-tighter">Kolay</span>
+            <span className="text-3xl font-semibold tracking-tighter">
               Tercih
             </span>
           </span>