import dynamic from "next/dynamic";

import { Loading } from "@/components/ui/loading";

const SalesTargetsPage = dynamic(
  () => import("@/components/sales-targets/sales-targets-page"),
  {
    loading: () => (
      <Loading
        variant="api"
        layout="page"
        message="Loading sales targets..."
      />
    ),
  },
);

export const metadata = {
  title: "Sales Targets | Jumppace CRM",
  description:
    "Monthly team sales targets and AE attainment from first paid transactions.",
};

export default function Page() {
  return <SalesTargetsPage />;
}