<header class="site-header">
    <div class="header-inner">
        <div class="brand">
            <a href="{{ url('/') }}">tazemasa</a>
        </div>
        <nav class="main-nav">
            <a href="{{ route('home') }}">Ana Sayfa</a>
            <a href="{{ route('blog') }}">Blog</a>
            <a href="{{ route('contact') }}">İletişim</a>
        </nav>
    </div>
</header>
<style>
    .site-header { background:#fff; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:20; }
    .site-header .header-inner { max-width:1180px; margin:0 auto; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; }
    .site-header .brand a { font-weight:700; font-size:18px; color:#111827; text-decoration:none; }
    .site-header .main-nav { display:flex; gap:16px; }
    .site-header .main-nav a { color:#374151; font-weight:500; text-decoration:none; padding:6px 8px; border-radius:6px; }
    .site-header .main-nav a:hover { background:#f3f4f6; color:#111827; }
</style>

