<%- include('partials/header') %>
<%- include('partials/nav') %>

<main class="flex-grow flex items-center justify-center py-20 px-4">
  <div class="max-w-md w-full text-center bg-white rounded-2xl border border-sky-100 shadow-sm p-10">
    <div class="text-5xl mb-4"><%= icon %></div>
    <h1 class="text-2xl font-bold text-slate-900 mb-2"><%= channel %></h1>
    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-amber-50 text-amber-700 border border-amber-200 mb-4">Coming Soon</span>
    <p class="text-sm text-slate-500"><%= note %></p>
    <a href="/dashboard" class="inline-block mt-6 px-5 py-2.5 text-sm font-semibold text-white bg-brand-500 hover:bg-brand-600 rounded-xl shadow-sm transition">← Back to Dashboard</a>
  </div>
</main>

<%- include('partials/footer') %>
