import { LegalPageContent } from "@/components/legal/legal-page-content";
import { getSanityPageBySlug } from "@/lib/sanity/queries";
import { getResolvedSiteText } from "@/lib/site-text-server";
import { text } from "@/lib/site-text";

const LEGAL_NOTICE_HTML = `
<h2>Éditeur du site</h2>
<p>
  <strong>Société:</strong> Stylunique
  <br />
  <strong>Site:</strong> https://stylunique.fr
  <br />
  <strong>Email:</strong> contact@stylunique.fr
  <br />
  <strong>Adresse:</strong> Adresse du siège social à compléter
  <br />
  <strong>TVA:</strong> TVA intracommunautaire à compléter
</p>
<h2>Responsable de publication</h2>
<p>Responsable de publication à compléter</p>
<h2>Hébergement</h2>
<p>
  <strong>Hébergeur:</strong> Hébergeur à compléter
  <br />
  <strong>Adresse:</strong> Adresse de l'hébergeur à compléter
</p>
<h2>Propriété intellectuelle</h2>
<p>Les contenus du site sont protégés par le droit d'auteur. Toute reproduction totale ou partielle sans autorisation écrite est interdite. (Stylunique).</p>
<p><strong>Dernière mise à jour:</strong> 09/02/2026</p>
`;

export default async function MentionsLegalesPage() {
  const [siteText, page] = await Promise.all([
    getResolvedSiteText(),
    getSanityPageBySlug("mentions-legales", "page-mentions-legales"),
  ]);
  const t = (key: string, fallback?: string) => text(siteText, key, fallback);

  return (
    <LegalPageContent
      eyebrow={t("legal.mentions.eyebrow")}
      title={page?.title || t("legal.mentions.title")}
      description={page?.seoDescription || t("legal.mentions.description")}
      richContent={page?.content}
      fallbackHtml={LEGAL_NOTICE_HTML}
    />
  );
}