{% extends 'base.html.twig' %}

{% block title %}Mercure-IA — IA souveraine pour l'hôtellerie-restauration (CHR){% endblock %}

{% block meta %}
<meta name="description" content="Mercure-IA, l'intelligence artificielle des dirigeants de l'hôtellerie-restauration : réponses métier autonomes, sans LLM externe. Vos données restent dans votre entreprise.">
<meta name="robots" content="index, follow, max-image-preview:large">
<link rel="canonical" href="https://groupe-horao.com/mercure-ia">
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Groupe Horao">
<meta property="og:url" content="https://groupe-horao.com/mercure-ia">
<meta property="og:title" content="Mercure-IA — IA souveraine pour l'hôtellerie-restauration">
<meta property="og:description" content="L'IA qui répond aux dirigeants CHR sans LLM externe : vos chiffres, vos clients et votre stratégie ne quittent jamais votre entreprise.">
<meta property="og:image" content="https://groupe-horao.com/images/og-mercure-ia.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Mercure-IA, l'intelligence artificielle souveraine du secteur CHR, par Groupe Horao">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Mercure-IA — IA souveraine pour l'hôtellerie-restauration">
<meta name="twitter:description" content="L'IA qui répond aux dirigeants CHR sans LLM externe. Souveraineté des données by design.">
<meta name="twitter:image" content="https://groupe-horao.com/images/og-mercure-ia.png">
{% endblock %}

{% block structured_data %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://groupe-horao.com/#organization",
      "name": "Groupe Horao",
      "url": "https://groupe-horao.com/",
      "email": "contact@groupe-horao.com",
      "description": "Groupe Horao édite Mercure-IA, l'intelligence artificielle souveraine du secteur hôtellerie-restauration (CHR)."
    },
    {
      "@type": "SoftwareApplication",
      "@id": "https://groupe-horao.com/mercure-ia#software",
      "name": "Mercure-IA",
      "url": "https://groupe-horao.com/mercure-ia",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web",
      "description": "Intelligence artificielle autonome pour les dirigeants de l'hôtellerie-restauration : réponses métier (pilotage, pricing, marges, RH, avis clients) sans appel à des LLM externes — les données ne quittent jamais l'entreprise.",
      "publisher": { "@id": "https://groupe-horao.com/#organization" },
      "audience": {
        "@type": "BusinessAudience",
        "name": "Dirigeants de cafés, hôtels et restaurants (CHR)"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https://groupe-horao.com/mercure-ia",
      "url": "https://groupe-horao.com/mercure-ia",
      "name": "Mercure-IA — IA souveraine pour l'hôtellerie-restauration",
      "inLanguage": "fr-FR",
      "about": { "@id": "https://groupe-horao.com/mercure-ia#software" },
      "publisher": { "@id": "https://groupe-horao.com/#organization" }
    }
  ]
}
</script>
{% endblock %}

{% block body %}
<header>
  <div class="wrap nav">
    <div class="logo"><a href="{{ path('app_home') }}" class="logo">Mercure<span>-IA</span></a></div>
    <nav>
      <ul>
        <li class="hide-m"><a href="#solution">Solution</a></li>
        <li class="hide-m"><a href="#marche">Marché</a></li>
        <li class="hide-m"><a href="#partenariats">Partenariats data</a></li>
        <li class="hide-m"><a href="#investisseurs">Investisseurs</a></li>
        <li><a class="btn btn-primary" href="#contact">Nous contacter</a></li>
      </ul>
    </nav>
  </div>
</header>

<section class="hero">
  <div class="wrap">
    <span class="kicker">Intelligence artificielle souveraine · Secteur CHR</span>
    <h1>Toute la puissance de l'IA pour l'hôtellerie-restauration, <em>sans que vos données ne sortent de chez vous</em>.</h1>
    <p class="sub">Mercure-IA répond aux questions des dirigeants de cafés, hôtels et restaurants de façon autonome — sans aucun appel à des LLM externes. Vos chiffres, vos clients et votre stratégie restent dans votre entreprise.</p>
    <div class="hero-cta">
      <a class="btn btn-primary" href="#partenariats">Devenir partenaire data</a>
      <a class="btn btn-ghost" href="#investisseurs">Espace investisseurs</a>
    </div>
  </div>
</section>

<section id="marche" class="alt">
  <div class="wrap">
    <div class="sec-head center">
      <div class="eyebrow">Le marché</div>
      <h2>Le CHR a massivement adopté l'IA. Il attend une IA de confiance.</h2>
      <p>L'IA générative est devenue un outil de travail quotidien dans l'hôtellerie-restauration — mais la confidentialité des données reste l'un des premiers freins à son déploiement.</p>
    </div>
    <div class="stats">
      <div class="stat"><div class="n">79&nbsp;%</div><div class="l">des hôteliers utilisent l'IA générative au quotidien (68,8&nbsp;% des restaurateurs)</div></div>
      <div class="stat"><div class="n">92&nbsp;%</div><div class="l">des utilisateurs y ont davantage recours qu'en 2025 — une adoption qui s'accélère</div></div>
      <div class="stat"><div class="n">25,8&nbsp;%</div><div class="l">des hôteliers citent la sécurité et la confidentialité comme frein principal à l'IA</div></div>
      <div class="stat"><div class="n">61,9&nbsp;%</div><div class="l">placent l'IA et l'automatisation en tête de leurs investissements tech des 12 prochains mois</div></div>
    </div>
    <p class="source">Source : Étude Food Hotel Tech 2026 — 781 professionnels interrogés (444 hôteliers, 337 restaurateurs), salon Food Hotel Tech, Paris, avril 2026.</p>
  </div>
</section>

<section id="solution">
  <div class="wrap">
    <div class="sec-head">
      <div class="eyebrow">La solution</div>
      <h2>Une IA autonome, conçue pour le métier, souveraine par construction.</h2>
      <p>Là où les assistants généralistes envoient vos données vers des serveurs tiers, Mercure fonctionne en circuit fermé et parle le langage du CHR.</p>
    </div>
    <div class="grid-3">
      <div class="card">
        <div class="ico">◈</div>
        <h3>Zéro LLM externe</h3>
        <p>Mercure répond de façon autonome, sans appel à ChatGPT, Gemini ou tout autre modèle distant. Aucune donnée d'exploitation ne transite vers un tiers — la confidentialité n'est pas une option, c'est l'architecture.</p>
      </div>
      <div class="card">
        <div class="ico">◎</div>
        <h3>Expert du CHR</h3>
        <p>Entraînée sur des scénarios réels et anonymisés du secteur, Mercure comprend le RevPAR, le coefficient multiplicateur, les ratios matière, la saisonnalité — sans qu'il faille apprendre à « prompter ».</p>
      </div>
      <div class="card">
        <div class="ico">◍</div>
        <h3>Un copilote de direction</h3>
        <p>Pilotage, pricing, marge, RH, avis clients : Mercure répond aux questions que se posent réellement les dirigeants, à partir des données de leur établissement.</p>
      </div>
    </div>
  </div>
</section>

<section id="partenariats" class="alt">
  <div class="wrap">
    <div class="sec-head">
      <div class="eyebrow">Partenariats data — notre priorité</div>
      <h2>Partagez vos données. Construisons ensemble l'IA du secteur.</h2>
      <p>Mercure apprend à partir de <strong>scénarios anonymes</strong> construits avec des entreprises du CHR. Nous recherchons des hôtels, restaurants, groupes et éditeurs prêts à partager des jeux de données à étudier — dans un cadre contractuel strict, au bénéfice de tout le secteur.</p>
    </div>

    <div class="steps">
      <div class="step">
        <span class="num">1</span>
        <h4>Cadrage &amp; convention</h4>
        <p>Signature d'un accord de partage définissant le périmètre des données, leurs usages exclusifs et vos droits (NDA + convention de partenariat).</p>
      </div>
      <div class="step">
        <span class="num">2</span>
        <h4>Transfert sécurisé</h4>
        <p>Transmission chiffrée de vos jeux de données (exports PMS, caisse, planning, avis…) vers un environnement d'étude isolé.</p>
      </div>
      <div class="step">
        <span class="num">3</span>
        <h4>Anonymisation &amp; scénarios</h4>
        <p>Les données sont étudiées puis transformées en scénarios entièrement anonymisés : aucune donnée nominative, aucun établissement identifiable.</p>
      </div>
      <div class="step">
        <span class="num">4</span>
        <h4>Entraînement de Mercure</h4>
        <p>Seuls les scénarios anonymes servent à l'entraînement. Les données sources ne sont jamais intégrées au modèle ni conservées au-delà de l'étude.</p>
      </div>
    </div>

    <div class="pledge">
      <div><strong>Conformité RGPD</strong>Anonymisation irréversible avant tout entraînement, registre des traitements, droit de retrait à tout moment.</div>
      <div><strong>Vos données ne sont jamais revendues</strong>Elles ne servent qu'à la construction des scénarios d'étude, dans le périmètre défini par la convention.</div>
      <div><strong>Un retour concret pour les partenaires</strong>Accès anticipé à Mercure, restitution d'analyses sur vos propres données et visibilité en tant que partenaire fondateur.</div>
    </div>

    <div class="cta-band">
      <div>
        <h3>Vous disposez de données d'exploitation CHR ?</h3>
        <p>Hôtel, restaurant, groupe, franchise ou éditeur de logiciels : discutons d'un partenariat data. Premier échange sans engagement.</p>
      </div>
      <a class="btn js-contact" href="#contact" data-motif="partenariat">Proposer un jeu de données</a>
    </div>
  </div>
</section>

<section id="investisseurs">
  <div class="wrap">
    <div class="sec-head">
      <div class="eyebrow">Investisseurs</div>
      <h2>Un marché prêt à payer, un frein que nous sommes seuls à lever.</h2>
    </div>
    <div class="invest">
      <ul>
        <li><strong>Un budget déjà installé&nbsp;:</strong>&nbsp;58,6&nbsp;% des hôteliers et 62,7&nbsp;% des restaurateurs utilisateurs paient déjà au moins 20&nbsp;€/mois d'abonnement IA — près d'un quart dépassent 50&nbsp;€/mois.</li>
        <li><strong>Un investissement sectoriel massif&nbsp;:</strong>&nbsp;moins d'un professionnel sur dix ne prévoit aucun investissement tech sur 12 mois ; 42,7&nbsp;% des hôteliers engagent plus de 5&nbsp;000&nbsp;€ par an.</li>
        <li><strong>Un ROI démontré&nbsp;:</strong>&nbsp;près d'un hôtelier sur deux gagne au moins 2&nbsp;h par semaine grâce à l'IA ; plus d'un sur dix libère l'équivalent d'une journée complète.</li>
        <li><strong>Une différenciation défendable&nbsp;:</strong>&nbsp;la souveraineté des données (aucun appel à des LLM tiers) répond au frein sécurité/confidentialité que les acteurs généralistes ne peuvent pas lever par construction.</li>
      </ul>
      <div class="invest-panel">
        <h3>Rejoignez le tour de table</h3>
        <p>Nous préparons une levée d'amorçage pour financer la constitution du corpus de scénarios, l'entraînement du modèle et les premiers déploiements pilotes. Deck et projections financières disponibles sur demande.</p>
        <a class="btn btn-primary js-contact" href="#contact" data-motif="investisseur">Demander le deck investisseurs</a>
      </div>
    </div>
  </div>
</section>

<section id="contact" class="alt">
  <div class="wrap">
    <div class="sec-head center">
      <div class="eyebrow">Contact</div>
      <h2>Parlons de votre projet.</h2>
      <p>Partenariat data, investissement ou simple question : ce formulaire est notre canal de contact — il nous protège du spam et vous garantit une réponse.</p>
    </div>
    <div class="form-wrap">
      {#
        Formulaire branché sur ContactController (POST /contact) :
        CSRF + honeypot + time-trap serveur + RateLimiter + Validator.
        L'adresse de destination ne vit que dans .env (CONTACT_TO),
        jamais dans le HTML public (anti-moissonnage).
      #}
      <form class="form-card" id="contact-form" action="{{ path('app_contact') }}" method="post" novalidate>
        <input type="hidden" name="_token" value="{{ csrf_token('contact') }}">
        {# Time-trap horodaté CÔTÉ SERVEUR (ms) : pas de dérive d'horloge client #}
        <input type="hidden" name="form_ts" value="{{ 'now'|date('Uv') }}">
        <div class="hp-field" aria-hidden="true">
          <label for="website">Ne pas remplir ce champ</label>
          <input type="text" id="website" name="website" tabindex="-1" autocomplete="off">
        </div>
        <div class="field">
          <label for="motif">Vous êtes…</label>
          <select id="motif" name="motif" required>
            <option value="partenariat">Une entreprise CHR — partenariat data</option>
            <option value="investisseur">Un investisseur — demande de deck</option>
            <option value="autre">Autre demande</option>
          </select>
        </div>
        <div class="field">
          <label for="nom">Nom et prénom</label>
          <input type="text" id="nom" name="nom" required maxlength="120" autocomplete="name">
        </div>
        <div class="field">
          <label for="societe">Société / établissement</label>
          <input type="text" id="societe" name="societe" maxlength="120" autocomplete="organization">
        </div>
        <div class="field">
          <label for="email">E-mail professionnel</label>
          <input type="email" id="email" name="email" required maxlength="180" autocomplete="email">
        </div>
        <div class="field">
          <label for="message">Votre message</label>
          <textarea id="message" name="message" required maxlength="3000" placeholder="Décrivez votre demande — pour un partenariat data, précisez le type de données (PMS, caisse, avis clients…)."></textarea>
        </div>
        <button type="submit" class="btn btn-primary btn-block">Envoyer ma demande</button>
        <div class="form-status" id="form-status" role="status"></div>
        <p class="form-note">Vos coordonnées ne servent qu'à traiter votre demande (RGPD). Aucune inscription à une newsletter sans votre accord explicite.</p>
      </form>
    </div>
  </div>
</section>

<footer>
  <div class="wrap foot">
    <div>© 2026 Mercure-IA — <a href="{{ path('app_home') }}">Groupe Horao</a>. L'intelligence artificielle souveraine du CHR.</div>
    <div>
      <a href="#contact">Nous contacter</a>
      &nbsp;·&nbsp; Statistiques : Étude Food Hotel Tech 2026
    </div>
  </div>
</footer>
{% endblock %}

{% block javascripts %}
<script src="{{ asset('js/contact.js') }}" defer></script>
{% endblock %}