import type { Metadata } from "next";

import { PageHero } from "@/components/marketing/page-hero";
import { PlaceholderNotice } from "@/components/marketing/placeholder-notice";

export const metadata: Metadata = {
  title: "Cookies",
  description: "krypco cookie notice — placeholder until legal copy is finalized.",
};

export default function CookiesPage() {
  return (
    <>
      <PageHero
        eyebrow="Legal"
        title="Cookies"
        description="How this site may use cookies and similar storage."
      />
      <section className="section-pad">
        <div className="mx-auto max-w-2xl space-y-6 px-5 lg:px-8">
          <PlaceholderNotice>
            Full cookie notice will be published here. This page is a
            structural placeholder only.
          </PlaceholderNotice>
          <p className="text-sm leading-relaxed text-muted-foreground">
            Essential cookies may be needed for the site to work. Optional
            analytics cookies will only be described and controlled once a
            formal notice is live.
          </p>
        </div>
      </section>
    </>
  );
}