import { Suspense } from "react";
import { Loading } from "@/components/ui/loading";
import MarketingDashboardPage from "@/components/marketing/dashboard/marketing-dashboard-page";

export const metadata = {
  title: "Marketing dashboard | Jumppace CRM",
  description:
    "Marketing dashboard with division, team, and member KPI charts.",
};

export default function Page() {
  return (
    <Suspense
      fallback={
        <Loading variant="api" layout="page" message="Loading dashboard..." />
      }
    >
      <MarketingDashboardPage />
    </Suspense>
  );
}