import type { Metadata } from "next";
import { sandwichsBaguette, malitz, ciabatta, type Product } from "@/lib/content";
import ProductsGrid from "@/components/ProductsGrid";

export const metadata: Metadata = {
  title: "Nos produits — Fabricant Boulanger",
  description: "Découvrez nos sandwichs baguette et malitz artisanaux, façonnés chaque jour à Weyersheim.",
};

export default function ProduitsPage() {
  return (
    <div className="mx-auto max-w-6xl px-6 py-20">
      <p className="font-display text-sm uppercase tracking-[0.35em] text-gold">Nos produits</p>
      <h1 className="mt-4 max-w-2xl font-display text-4xl font-semibold text-cream text-balance sm:text-5xl">
        Nos sandwichs, malitz et viennoiseries, façonnés chaque jour
      </h1>
      <p className="mt-4 max-w-xl text-cream-dim">
        Toute notre gamme est fabriquée dans notre laboratoire de Weyersheim, dans le respect
        du cahier des charges défini avec chaque client.
      </p>

      <ProductsGrid products={sandwichsBaguette} category="baguette" title="Nos sandwichs baguette" />
      <ProductsGrid products={malitz} category="malitz" title="Nos malitz" />
      <ProductsGrid products={ciabatta} category="ciabatta" title="Nos ciabattas" />

      <div className="mt-16 rounded-2xl border border-dashed border-gold/40 bg-surface p-8 text-center">
        <h2 className="font-display text-xl text-cream">
          Viennoiseries, Ciabatta, salade vigneronne &amp; produits de saison
        </h2>
        <p className="mx-auto mt-2 max-w-lg text-sm text-cream-dim">
          Notre gamme s&rsquo;élargit régulièrement. Contactez-nous pour recevoir notre
          catalogue complet et nos produits de saison.
        </p>
      </div>
    </div>
  );
}