Refactor code structure for improved readability and maintainability

src/components/site-header.tsx

@@ -14,12 +14,14 @@ export function SiteHeader() {
       <div className="mx-auto flex h-16 max-w-6xl items-center justify-between gap-3 px-4">
         <Link
           href="/"
-          className="group flex items-center gap-3 font-heading text-xl font-bold"
+          className="group flex items-center gap-3 font-bricolage text-xl"
         >
-          <span className="flex size-11 items-center justify-center rounded-full bg-primary text-white transition-transform duration-200 group-hover:-rotate-6">
-            <GraduationCap className="size-6" aria-hidden />
+          <span>
+            <span className="font-light text-3xl tracking-tighter">Kolay</span>
+            <span className="font-semibold text-3xl tracking-tighter">
+              Tercih
+            </span>
           </span>
-          KolayTercih
         </Link>
         <nav className="hidden items-center gap-1 rounded-full border border-slate-200 bg-white p-1.5 text-base font-medium text-slate-600 sm:flex">
           {navLinks.map((link) => (