import { NewsletterForm } from "./newsletter-form";
import { cn } from "@/lib/utils";

/**
 * Bloc newsletter réutilisable — à poser en bas d'article, sur /ressources/,
 * ou partout où il a du sens.
 *
 * Version délibérément courte : titre, accroche d'une ligne, champ, bouton.
 * Pas de colonne d'arguments, pas d'icônes, pas de dégradé décoratif — donc
 * aucune dépendance ajoutée (le gabarit d'origine tirait `@heroicons/react`,
 * absent du projet, pour deux pictogrammes).
 */
export function NewsletterBlock({ className }: { className?: string }) {
  return (
    <section
      aria-labelledby="newsletter-block-title"
      className={cn("bg-orange-50/40 py-14 sm:py-20", className)}
    >
      <div className="mx-auto max-w-3xl px-6 text-center">
        <h2
          id="newsletter-block-title"
          className="text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl"
        >
          Le marché de l&apos;énergie, décrypté
        </h2>
        <p className="mx-auto mt-3 max-w-xl text-base text-slate-600">
          Analyses de prix, évolutions réglementaires et leviers d&apos;économies
          pour les professionnels. Rien d&apos;autre.
        </p>

        <div className="mx-auto mt-7 max-w-lg text-left">
          <NewsletterForm idPrefix="newsletter-block" />
        </div>
      </div>
    </section>
  );
}