floppyrj45/site-nowyousea
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

site v8 — nav bold + contact reformulé + footer aligné

Browse Source
This commit is contained in:
Poulpe (Gouvernance Gitea)
2026-04-21 08:48:44 +00:00
parent a8c1292308
commit 1513c7f73c
3 changed files with 12 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Contact.astro
View File

@@ -14,20 +14,19 @@ const email = 'contact@nowyousea.fr';
<div class="relative grid gap-10 lg:grid-cols-[1.1fr_1fr] lg:items-center">
<div>
<span class="eyebrow">Contact</span>
<h2 class="h-section mt-4">Parlons de votre port, de votre façade, de votre parc.</h2>
<h2 class="h-section mt-4">Déployons un réseau sur votre zone.</h2>
<p class="lead mt-6">
Vous gérez un port, une aire marine protégée, ou un projet éolien ? Vous cherchez un
outil de terrain pour produire des données environnementales sans y consacrer un
budget de recherche ? Écrivez-nous — on revient vite.
Écrivez-nous. On revient vers vous sous 48h avec une proposition adaptée à votre
terrain et à vos objectifs de mesure.
</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href={`mailto:${email}?subject=Demande%20de%20d%C3%A9mo%20NowYouSea`} class="btn btn-primary">
<a href={`mailto:${email}?subject=Demande%20de%20contact%20NowYouSea`} class="btn btn-primary">
<svg viewBox="0 0 24 24" class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<rect x="3" y="5" width="18" height="14" rx="2"/>
<path d="M3 7l9 6 9-6"/>
</svg>
Demander une démo
Nous contacter
</a>
<a href={`mailto:${email}`} class="btn btn-ghost">
{email}
@@ -61,24 +60,8 @@ const email = 'contact@nowyousea.fr';
</svg>
</span>
<div>
<div class="text-[11px] font-medium uppercase tracking-widest text-foam-100/55">Démo terrain</div>
<p class="mt-1 text-sm text-foam-50">Sur sollicitation — présentation de l'architecture &amp; de prototypes.</p>
</div>
</div>
</div>
<div class="rounded-xl border border-white/10 bg-white/[0.03] p-5">
<div class="flex items-start gap-4">
<span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-violet-500/15 text-violet-300 ring-1 ring-violet-400/30">
<svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M4 6h16v12H4z"/>
<path d="M4 10h16"/>
<circle cx="8" cy="14" r="1" fill="currentColor"/>
</svg>
</span>
<div>
<div class="text-[11px] font-medium uppercase tracking-widest text-foam-100/55">Partenariats</div>
<p class="mt-1 text-sm text-foam-50">Ports, collectivités, AMP, opérateurs éoliens, bureaux d'études.</p>
<div class="text-[11px] font-medium uppercase tracking-widest text-foam-100/55">Échange terrain</div>
<p class="mt-1 text-sm text-foam-50">Démonstration et étude de votre zone sur rendez-vous.</p>
</div>
</div>
</div>

7
src/components/Footer.astro
View File

@@ -18,10 +18,9 @@ const year = new Date().getFullYear();
</div>
<nav aria-label="Navigation pied de page" class="flex flex-wrap gap-x-6 gap-y-2 text-sm text-foam-100/60">
<a href="#concept" class="hover:text-tide-400">Concept</a>
<a href="#configurations" class="hover:text-tide-400">Configurations</a>
<a href="#architecture" class="hover:text-tide-400">Architecture</a>
<a href="#equipe" class="hover:text-tide-400">Équipe</a>
<a href="#top" class="hover:text-tide-400">Accueil</a>
<a href="#mission" class="hover:text-tide-400">Mission</a>
<a href="#configurateur" class="hover:text-tide-400">Configurateur</a>
<a href="#contact" class="hover:text-tide-400">Contact</a>
</nav>

4
src/components/Nav.astro
View File

@@ -21,10 +21,10 @@ const items = [
</a>
<nav aria-label="Navigation principale" class="hidden flex-1 justify-center md:flex">
<ul class="flex items-center gap-8 text-sm text-foam-100/75">
<ul class="flex items-center gap-10 font-display text-base font-bold text-foam-50">
{items.map((item) => (
<li>
<a href={item.href} class="whitespace-nowrap hover:text-tide-400">{item.label}</a>
<a href={item.href} class="whitespace-nowrap transition-colors hover:text-tide-400">{item.label}</a>
</li>
))}
</ul>