<template>
  <div class="min-h-screen bg-slate-950 text-slate-100">
    <div class="flex min-h-screen">
      <aside class="w-64 border-r border-indigo-400/20 bg-gradient-to-b from-slate-900/95 via-slate-950 to-slate-950">
        <div class="border-b border-slate-800/70 px-5 py-4">
          <h1 class="text-sm font-bold tracking-[0.18em] text-transparent bg-gradient-to-r from-cyan-300 to-indigo-300 bg-clip-text">LANDING ADMIN</h1>
          <p class="mt-1 text-xs text-slate-400">캠페인·페이지 콘솔</p>
        </div>

        <nav class="p-3">
          <NuxtLink
            to="/admin"
            class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
            active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
            exact-active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
          >
            대시보드
          </NuxtLink>
          <NuxtLink
            to="/admin/projects"
            class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
            active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
          >
            프로젝트
          </NuxtLink>
          <NuxtLink
            to="/admin/pages"
            class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
            active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
          >
            페이지 관리
          </NuxtLink>
          <NuxtLink
            to="/admin/leads"
            class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
            active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
          >
            리드 조회
          </NuxtLink>
        </nav>
      </aside>

      <main class="min-w-0 flex-1 bg-slate-950 bg-[radial-gradient(circle_at_top_left,_rgba(56,189,248,0.12),_transparent_42%)] bg-[radial-gradient(circle_at_bottom_right,_rgba(168,85,247,0.10),_transparent_40%)] p-6">
        <div class="mx-auto max-w-6xl">
          <NuxtPage />
        </div>
      </main>
    </div>
  </div>
</template>
