import type { Metadata } from "next";

import { AppShell } from "@/components/shared/app-shell";

export const metadata: Metadata = {
  title: "Cookie Notice",
  robots: {
    index: false,
    follow: true
  }
};

export default function CookiesPage() {
  return (
    <AppShell>
      <div className="animate-fade-up mx-auto w-full max-w-3xl pb-10">
        <section className="glass-panel panel-elevated rounded-2xl border border-white/15 p-5 sm:p-6">
          <h1 className="font-[var(--font-space-grotesk)] text-2xl font-semibold tracking-tight text-white sm:text-3xl">
            Cookie & Storage Notice
          </h1>
          <p className="mt-3 text-sm leading-relaxed text-slate-300 sm:text-base">
            video.haus uses a small set of cookies and local storage to keep the app reliable and
            remember preferences. We do not run advertising trackers.
          </p>
          <div className="mt-5 space-y-4 text-sm text-slate-200">
            <div className="rounded-xl border border-white/10 bg-white/5 p-4">
              <h2 className="font-medium text-white">Essential (Always On)</h2>
              <p className="mt-1 text-slate-300">
                Required for core app behavior such as consent state and tool preferences.
              </p>
            </div>
            <div className="rounded-xl border border-white/10 bg-white/5 p-4">
              <h2 className="font-medium text-white">Optional Analytics (Consent-Based)</h2>
              <p className="mt-1 text-slate-300">
                Used only if you explicitly choose Allow Analytics in the consent banner.
              </p>
            </div>
            <div className="rounded-xl border border-white/10 bg-white/5 p-4">
              <h2 className="font-medium text-white">How To Reset</h2>
              <p className="mt-1 text-slate-300">
                You can clear browser site data at any time to remove stored preferences and consent
                choices.
              </p>
            </div>
          </div>
        </section>
      </div>
    </AppShell>
  );
}
