---
import Layout from '@/layouts/AdminLayout.astro';
import SitesManager from '@/components/admin/sites/SitesManager';
import { CoreProvider } from '@/components/providers/CoreProviders';
---

<Layout title="Sites | Spark Launchpad">
  <div class="p-8 space-y-6">
    <div class="flex justify-between items-start">
      <div>
        <h1 class="text-3xl font-bold text-white tracking-tight">🚀 Launchpad</h1>
        <p class="text-zinc-400 mt-2 max-w-2xl">
          Deploy and manage multiple websites from a single dashboard.
        </p>
      </div>
    </div>

    <CoreProvider client:load>
      <SitesManager client:only="react" />
    </CoreProvider>
  </div>
</Layout>
