import type { Metadata } from "next";
import { FavorisView } from "@/components/store/favoris-view";

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

export default function FavorisPage() {
  return (
    <div className="space-y-8">
      <header className="rounded-[1.9rem] border border-[#ffdede] bg-[linear-gradient(135deg,#fffafa_0%,#fff0f0_55%,#ffe7e7_100%)] p-6 shadow-[0_20px_42px_rgba(49,18,18,0.1)] md:p-8">
        <p className="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--accent-3)]">Ma sélection</p>
        <h1 className="mt-2 font-serif text-5xl text-[var(--foreground)] md:text-6xl">Mes favoris</h1>
        <p className="mt-3 max-w-2xl text-[var(--muted)]">
          Retrouvez ici les produits que vous avez mis de côté. Vos favoris sont conservés sur cet appareil.
        </p>
      </header>

      <FavorisView />
    </div>
  );
}