Site vitrine 3.0 (brouillon staging) — home, Pilotage, on-premise, GA.
Déploiement Hugo Staging / deploy-staging (push) Waiting to run
Déploiement Hugo Staging / deploy-staging (push) Waiting to run
Hero court, trois expériences, confiance on-premise, pages métier, formulaire qualifié, favicon depuis icon.png, Analytics G-K8BM5FHLF3.
This commit is contained in:
deploy
+64
-39
@@ -1,46 +1,71 @@
|
||||
{{ 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__bg" aria-hidden="true"></div>
|
||||
<div class="hero__river" aria-hidden="true">
|
||||
<img src="{{ "images/app/river.png" | relURL }}" alt="" width="1400" height="400" decoding="async">
|
||||
</div>
|
||||
<div class="hero__inner">
|
||||
<p class="hero__brand">P'titsPas</p>
|
||||
<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 }}
|
||||
|
||||
Reference in New Issue
Block a user