---
import AdminLayout from '@/layouts/AdminLayout.astro';
import { GeoMap } from '@/components/intelligence/GeoMap';
import { MetricsDashboard } from '@/components/analytics/MetricsDashboard';
---

<AdminLayout title="Geo Intelligence">
    <div className="space-y-6">
        <div>
            <h1 className="text-3xl font-bold text-white mb-2">Market Dominance Map</h1>
            <p className="text-slate-400">Visualize your campaign performance across different territories.</p>
        </div>

        <GeoMap client:only="react" />

        <div className="mt-8">
            <h2 className="text-xl font-bold text-white mb-4">Regional Performance</h2>
            <MetricsDashboard client:only="react" />
        </div>
    </div>
</AdminLayout>
