macbook 에서 리눅스로 이동

frontend/app/pages/admin.vue

@@ -0,0 +1,50 @@
+<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>