Site vitrine 3.0 — home river_logo, Pilotage, on-premise, juridique, GA.

layouts/_default/baseof.html

@@ -6,7 +6,6 @@
 
     <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title>
     <meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
-    <meta name="keywords" content="{{ if .Keywords }}{{ delimit .Keywords ", " }}{{ else }}{{ .Site.Params.keywords }}{{ end }}">
     <meta name="author" content="{{ .Site.Params.author | default .Site.Title }}">
 
     {{ if eq .Site.BaseURL "https://staging.ptits-pas.fr/" }}
@@ -17,24 +16,26 @@
     <meta property="og:url" content="{{ .Permalink }}">
     <meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
     <meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
-    <meta property="og:image" content="{{ .Site.BaseURL }}images/page_login_4.1.png">
+    <meta property="og:image" content="{{ .Site.BaseURL }}images/icon-192.png">
     <meta property="og:locale" content="fr_FR">
 
-    <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:url" content="{{ .Permalink }}">
-    <meta property="twitter:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
-    <meta property="twitter:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
-    <meta property="twitter:image" content="{{ .Site.BaseURL }}images/page_login_4.1.png">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
+    <meta name="twitter:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
+    <meta name="twitter:image" content="{{ .Site.BaseURL }}images/icon-192.png">
 
     <link rel="canonical" href="{{ .Permalink }}">
-    <link rel="icon" type="image/x-icon" href="{{ "favicon.ico" | relURL }}">
+    <link rel="icon" href="{{ "favicon.ico" | relURL }}" sizes="any">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32.png" | relURL }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16.png" | relURL }}">
+    <link rel="apple-touch-icon" href="{{ "images/icon-192.png" | relURL }}">
 
     <script type="application/ld+json">
     {
       "@context": "https://schema.org",
       "@type": {{ if .IsHome }}"Organization"{{ else }}"WebPage"{{ end }},
       {{ if .IsHome }}
-      "name": "{{ .Site.Title }}",
+      "name": "P'titsPas",
       "url": "{{ .Site.BaseURL }}",
       "description": "{{ .Site.Params.description }}",
       "contactPoint": {
@@ -52,12 +53,13 @@
 
     <link rel="stylesheet" href="{{ `/css/style.css` | relURL }}">
 
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-65J8GVLCRH"></script>
+    {{/* GA4 G-K8BM5FHLF3 — switch depuis G-65J8GVLCRH le 2026-10-08 */}}
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.Params.ga_id }}"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
-      gtag('config', 'G-65J8GVLCRH', {
+      gtag('config', '{{ .Site.Params.ga_id }}', {
         'anonymize_ip': true,
         'allow_google_signals': false,
         'allow_ad_personalization_signals': false,
@@ -69,7 +71,10 @@
     <a class="skip-link" href="#contenu-principal">Aller au contenu</a>
     <header class="site-header">
         <div class="site-header__inner">
-            <a class="site-logo" href="{{ "/" | relURL }}">P'titsPas</a>
+            <a class="site-logo" href="{{ "/" | relURL }}">
+                <img class="site-logo__mark" src="{{ "images/app/icon.png" | relURL }}" alt="" width="40" height="40" decoding="async">
+                <span class="site-logo__text">P'titsPas</span>
+            </a>
             <nav class="site-nav" id="site-nav" aria-label="Navigation principale">
                 <button type="button" class="nav-toggle" aria-expanded="false" aria-controls="site-nav-panel" id="site-nav-toggle" aria-label="Ouvrir le menu">
                     <span class="nav-toggle__bar" aria-hidden="true"></span>

layouts/index.html

@@ -1,46 +1,79 @@
 {{ define "main" }}
 <div class="home">
-    <section class="home-hero">
-        {{ partial "home-path-motif.html" . }}
-        <div class="home-hero__inner">
-            <div class="home-hero__media">
-                <img src="{{ (.Params.hero_image | default "/images/page_login_4.1.png") | relURL }}" alt="{{ .Params.hero_image_alt | default "Illustration P'titsPas" }}" width="1200" height="630" fetchpriority="high">
-            </div>
-            <div class="home-hero__copy">
-                <h1 class="home-hero__title">{{ .Title }}</h1>
-                {{ with .Params.hero_tagline }}<p class="accroche">{{ . }}</p>{{ end }}
-            </div>
-        </div>
-    </section>
-
-    <div class="home-bento">
-        <article class="home-card home-card--intro">
-            {{ with .Params.intro_md }}{{ . | markdownify }}{{ end }}
-        </article>
-        <aside class="home-card home-card--ethics" aria-label="Engagements">
-            <h2 class="visually-hidden">Nos engagements</h2>
-            <ol class="ethics-steps">
-                {{ range .Params.ethics }}
-                <li>
-                    <strong>{{ .title }}</strong>
-                    {{ .detail }}
-                </li>
-                {{ end }}
-            </ol>
-        </aside>
+  <section class="hero" aria-labelledby="hero-title">
+    <div class="hero__visual">
+      <picture>
+        <source media="(max-width: 52rem)" srcset="{{ "images/app/river_logo_mobile.png" | relURL }}">
+        <img
+          class="hero__brand-img"
+          src="{{ "images/app/river_logo_desktop.png" | relURL }}"
+          alt="P'titsPas — Grandir pas à pas, sereinement"
+          width="1440"
+          height="1080"
+          fetchpriority="high"
+          decoding="async">
+      </picture>
     </div>
+    <div class="hero__copy">
+      <h1 id="hero-title" class="hero__title">{{ .Title }}</h1>
+      {{ with .Params.hero_tagline }}
+      <p class="hero__tagline">{{ . }}</p>
+      {{ end }}
+      <p class="hero__actions">
+        <a class="btn btn--pill" href="{{ .Params.cta_primary_url | default "/contact/" | relURL }}">{{ .Params.cta_primary | default "Demander une démonstration" }}</a>
+      </p>
+    </div>
+  </section>
 
-    <section class="home-why">
-        {{ with .Params.why_md }}{{ . | markdownify }}{{ end }}
-    </section>
+  <section class="section experiences" aria-labelledby="exp-title">
+    <div class="section__inner">
+      <h2 id="exp-title">Trois expériences. Une même plateforme.</h2>
+      <p class="section__lead">Sur le terrain, chacun a son parcours — la collectivité garde la vision d'ensemble.</p>
+      <ul class="exp-grid">
+        <li class="exp-card">
+          <h3>Gestionnaires de RPE</h3>
+          <p>Agenda, dossiers, messagerie, événements — un seul outil. Fini le jonglage WhatsApp, SMS, Outlook et Telegram.</p>
+          <a href="{{ "fonctionnalites/" | relURL }}#rpe">Voir le quotidien RPE</a>
+        </li>
+        <li class="exp-card">
+          <h3>Assistantes maternelles</h3>
+          <p>Contrats, absences et congés regroupés. Plus besoin d'un deuxième téléphone pour séparer le pro et le perso.</p>
+          <a href="{{ "fonctionnalites/" | relURL }}#am">Voir le quotidien AM</a>
+        </li>
+        <li class="exp-card">
+          <h3>Parents</h3>
+          <p>Recherche simple selon le besoin, sans notation ni classement opaque. Plus de listes papier périmées.</p>
+          <a href="{{ "fonctionnalites/" | relURL }}#parents">Voir le côté parents</a>
+        </li>
+      </ul>
+    </div>
+  </section>
 
-    <section class="home-cta" aria-labelledby="home-cta-title">
-        <h2 id="home-cta-title" class="visually-hidden">Actions</h2>
-        {{ with .Params.cta_title }}<h3>{{ . }}</h3>{{ end }}
-        <div>
-            <a href="{{ "fonctionnalites" | relURL }}" class="cta-button">Voir les fonctionnalités clés</a>
-            <a href="{{ "contact" | relURL }}" class="cta-button">Demander une démo</a>
-        </div>
-    </section>
+  <section class="section pilotage-teaser" aria-labelledby="pil-title">
+    <div class="section__inner section__inner--narrow">
+      <h2 id="pil-title">Et pour votre collectivité, enfin une vision d'ensemble.</h2>
+      <p>Places, disponibilités, projections liées à l'entrée à l'école : sortez de la collecte fastidieuse. P'titsPas est conçu pour centraliser ces indicateurs et les exporter pour votre pilotage.</p>
+      <p class="hero__actions">
+        <a class="btn btn--pill btn--secondary" href="{{ "pilotage/" | relURL }}">Découvrir le pilotage</a>
+      </p>
+    </div>
+  </section>
+
+  <section class="section confiance" aria-labelledby="conf-title">
+    <div class="section__inner">
+      <h2 id="conf-title">Installée chez vous. Pas un SaaS cloud.</h2>
+      <p class="section__lead">P'titsPas s'installe chez la collectivité (on-premise). Vos données restent sous votre maîtrise — souveraineté des données, service public, pas un cloud opaque.</p>
+      <ul class="principes">
+        <li><strong>Neutralité</strong> — pas de notation, pas de préférence algorithmique</li>
+        <li><strong>Équité</strong> — le même outil pour tout le territoire</li>
+        <li><strong>Transparence</strong> — parcours lisibles et tracés</li>
+        <li><strong>Accessibilité</strong> — téléphone, tablette et ordinateur</li>
+      </ul>
+      <p class="hero__actions">
+        <a class="btn btn--pill" href="{{ "contact/" | relURL }}">Demander une démonstration</a>
+        <a class="btn btn--text" href="{{ "pourquoi-ptitspas/" | relURL }}">Pourquoi P'titsPas</a>
+      </p>
+    </div>
+  </section>
 </div>
 {{ end }}

layouts/partials/footer.html

@@ -1,8 +1,9 @@
 <footer class="footer-site">
-    <p>&copy; {{ now.Year }} P'titsPas — Tous droits réservés.</p>
+    <p>&copy; {{ now.Year }} P'titsPas — Plateforme Petite Enfance on-premise pour les collectivités.</p>
     <nav class="footer-site__links" aria-label="Liens de pied de page">
-        <a href="{{ "mentions-legales" | relURL }}">Mentions légales</a>
-        <a href="{{ "politique-de-confidentialite" | relURL }}">Politique de confidentialité</a>
-        <a href="{{ "technique" | relURL }}">Données techniques</a>
+        <a href="{{ "mentions-legales/" | relURL }}">Mentions légales</a>
+        <a href="{{ "politique-de-confidentialite/" | relURL }}">Politique de confidentialité</a>
+        <a href="{{ "donnees-et-securite/" | relURL }}">Données et sécurité</a>
+        <a href="{{ "deploiement/" | relURL }}">Déploiement</a>
     </nav>
 </footer>