import { generatePageMetadata, generateJsonLd } from "@/lib/seo/metadata";
import { EditBannerClient } from "@/roles/admin/components/banners/edit-banner-client";
import type { Metadata } from "next";

export const metadata: Metadata = generatePageMetadata({
  title: "Create Banner",
  description:
    "Configure responsive banners for desktop, tablet, and mobile devices.",
  path: "/admin/banners/create",
  noIndex: true,
});

export default function CreateBannerPage() {
  const jsonLd = generateJsonLd({
    "@type": "WebPage",
    name: "Create Banner | Ameera Holidays",
    description: "Responsive banner creation for Ameera Holidays platform",
  });

  return (
    <>
      <script type="application/ld+json" dangerouslySetInnerHTML={jsonLd} />
      <main>
        <EditBannerClient />
      </main>
    </>
  );
}