import type { Metadata } from "next";

import { OnThisPage } from "@/components/design-system/on-this-page";
import { PageHeader } from "@/components/design-system/page-header";
import { PartyRegistersSection } from "@/components/design-system/sections/registers-demo";
import { ProductRecordsSection } from "@/components/design-system/sections/lists-demo";
import { ProductRecordSection } from "@/components/design-system/sections/records-more-demo";
import { CatalogOpsSection } from "@/components/design-system/sections/catalog-ops-demo";
import { PartiesOpsSection } from "@/components/design-system/sections/operations/parties-ops-demo";
import { RecordsSection } from "@/components/design-system/sections/operations/workflow";
import { SupplierRecordSection } from "@/components/design-system/sections/purchasing-demo";

export const metadata: Metadata = { title: "Catalog and customers | Medora Design System" };

export default function CatalogPage() {
  return (
    <>
      <PageHeader title="Catalog and customers" description="Products, price groups and merges, and the people on either side of a sale: customer and supplier records, groups, prescriptions, schemes, loyalty and medical history." />
      <OnThisPage />
      <ProductRecordSection />
      <ProductRecordsSection />
      <PartyRegistersSection />
      <CatalogOpsSection />
      <SupplierRecordSection />
      <RecordsSection />
      <PartiesOpsSection />
    </>
  );
}