import type { Metadata } from "next";

import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import StickyMobileCTA from "@/components/StickyMobileCTA";
import PressSection from "@/components/PressSection";
import JsonLd from "@/components/seo/JsonLd";
import { buildMetadata, SITE_URL } from "@/lib/seo";
import { breadcrumbJsonLd } from "@/lib/wp/seoToMetadata";

const PAGE_URL = `${SITE_URL}/presse`;

export const metadata: Metadata = buildMetadata({
  title: "Covalba dans la presse",
  description:
    "Retrouvez les médias et publications qui parlent de Covalba, du cool roof et des peintures réflectives pour bâtiments professionnels.",
  canonical: PAGE_URL,
});

export default function Page() {
  return (
    <div className="min-h-screen bg-background">
      <JsonLd
        id="presse-breadcrumb-jsonld"
        data={breadcrumbJsonLd([
          { name: "Accueil", url: `${SITE_URL}/` },
          { name: "Presse", url: PAGE_URL },
        ])}
      />
      <Navbar />
      <main>
        <section className="bg-navy pb-16 pt-28 text-white lg:pb-20 lg:pt-36">
          <div className="container mx-auto px-4 lg:px-8">
            <p className="mb-5 font-body text-[10px] font-bold uppercase tracking-[0.24em] text-white/58">
              Presse
            </p>
            <h1 className="max-w-4xl font-satoshi text-5xl font-black leading-[0.96] tracking-tight md:text-6xl lg:text-7xl">
              Covalba dans la presse.
            </h1>
            <p className="mt-6 max-w-2xl font-body text-lg leading-relaxed text-white/72">
              Revues spécialisées, médias nationaux et publications professionnelles suivent l'essor du cool roof et des revêtements réflectifs.
            </p>
          </div>
        </section>
        <PressSection label="Ils parlent de Covalba" />
      </main>
      <Footer />
      <StickyMobileCTA />
    </div>
  );
}