import type { Metadata } from "next";
import { ServiceForm } from "@/components/admin/ServiceForm";

export const metadata: Metadata = {
  title: "New service",
  robots: { index: false, follow: false },
};

export default function NewServicePage() {
  return (
    <div className="space-y-8">
      <header>
        <p className="text-sm font-semibold uppercase tracking-[0.14em] text-coral">
          Content
        </p>
        <h1 className="display-2 mt-2">New service</h1>
        <p className="mt-2 text-ink-soft">
          Services appear on the services page and in the homepage collections grid.
        </p>
      </header>

      <ServiceForm
        initial={{
          id: "",
          slug: "",
          title: "",
          short: "",
          description: "",
          includes: "",
          icon: "plan",
          photo: "",
          published: true,
        }}
        mode="new"
      />
    </div>
  );
}