import { generatePageMetadata, generateJsonLd } from "@/lib/seo/metadata";
import { ContactSettingsClient } from "@/roles/admin/components/contact-settings/contact-settings-client";
import type { Metadata } from "next";

export const metadata: Metadata = generatePageMetadata({
  title: "Contact Settings",
  description:
    "Configure contact form settings including email recipients, auto-reply messages, office hours, and map embed for the Ameera Holidays admin panel.",
  path: "/admin/contact-settings",
  noIndex: true,
});

export default function ContactSettingsPage() {
  const jsonLd = generateJsonLd({
    "@type": "WebPage",
    name: "Contact Settings | Ameera Holidays",
    description: "Contact form configuration and settings management",
  });

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