export default function SaasAnalyticsDashboard() {
  return (
    <div className="min-h-screen bg-slate-50 text-slate-950">
      <div className="mx-auto max-w-6xl px-6 py-12">
        <p className="text-xs font-bold uppercase tracking-[0.18em] text-slate-500">AI UI Designer export</p>
        <h1 className="mt-4 text-4xl font-black tracking-tight md:text-6xl">PulseGrid Analytics</h1>
        <p className="mt-4 max-w-2xl text-lg leading-8 text-slate-600">Growth command center</p>
        <div className="mt-8 grid gap-4 md:grid-cols-4">
          <section className="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
            <div className="text-sm font-semibold text-slate-500">01</div>
            <h2 className="mt-3 text-xl font-bold text-slate-950">MRR $184.2K</h2>
            <p className="mt-2 text-sm leading-6 text-slate-600">Generated UI block from the original AI UI Designer case.</p>
          </section>
          <section className="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
            <div className="text-sm font-semibold text-slate-500">02</div>
            <h2 className="mt-3 text-xl font-bold text-slate-950">Activation 68%</h2>
            <p className="mt-2 text-sm leading-6 text-slate-600">Generated UI block from the original AI UI Designer case.</p>
          </section>
          <section className="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
            <div className="text-sm font-semibold text-slate-500">03</div>
            <h2 className="mt-3 text-xl font-bold text-slate-950">Churn 2.4%</h2>
            <p className="mt-2 text-sm leading-6 text-slate-600">Generated UI block from the original AI UI Designer case.</p>
          </section>
          <section className="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
            <div className="text-sm font-semibold text-slate-500">04</div>
            <h2 className="mt-3 text-xl font-bold text-slate-950">Expansion $31.8K</h2>
            <p className="mt-2 text-sm leading-6 text-slate-600">Generated UI block from the original AI UI Designer case.</p>
          </section>
        </div>
      </div>
    </div>
  );
}