Struttura: il sito esistente si sposta sotto apps/sito

Primo passo della separazione sito / piattaforme decisa da Adriano il 03/09:
due applicazioni autosufficienti, senza workspace di root, cosi' che ognuna
resti un progetto Astro completo ed estraibile.

Qui non cambia niente del codice: solo la radice. I pattern del .gitignore
che avevano una barra erano ancorati alla radice e dopo lo spostamento non
avrebbero piu' coperto niente (data/*.db*, uploads/*): resi validi a
qualunque profondita'.

Suite: 45 file, 347 test verdi prima e dopo lo spostamento.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EndnceRA5WnA6rvA5iV9WL

apps/sito/src/pages/contact.astro

@@ -0,0 +1,66 @@
+---
+import Base from '../layouts/Base.astro';
+import PageHero from '../components/PageHero.astro';
+import ContactForm from '../components/ContactForm.astro';
+import contactHero from '../assets/img/contact-hero.jpg';
+import T from '../components/content/T.astro';
+import { t, getImageOverride } from '../lib/content';
+export const prerender = false;
+const mapsQuery = encodeURIComponent(t('global.contact.map-query'));
+---
+<Base title={t('contact.meta.title')} description={t('contact.meta.description')}>
+  <PageHero title={t('contact.hero.title')} bgImage={getImageOverride('contact.hero.image') ?? contactHero} />
+  <section class="section">
+    <div class="container cgrid">
+      <div class="cmap" id="map-box" data-maps-query={mapsQuery}>
+        <div class="cmap__consent">
+          <p class="cmap__title">Mappa Google</p>
+          <p class="cmap__note">Caricando la mappa accetti che Google riceva i tuoi dati di connessione (incluso l'indirizzo IP) secondo la sua informativa. Vedi la nostra <a href="/cookie-policy">Cookie Policy</a>.</p>
+          <button class="btn btn--dark" id="map-load" type="button">Carica la mappa</button>
+        </div>
+      </div>
+      <ContactForm variant="full" />
+    </div>
+    <div class="container cinfo">
+      <div>
+        <T tag="contact.info.address-label" as="h3" />
+        <p>{t('global.contact.address')} {t('global.contact.city-line')}</p>
+      </div>
+      <div>
+        <T tag="contact.info.phone-label" as="h3" />
+        <p>{t('global.contact.phone')}</p>
+      </div>
+      <div>
+        <T tag="contact.info.email-label" as="h3" />
+        <p><a href={`mailto:${t('global.contact.email')}`}>{t('global.contact.email')}</a></p>
+      </div>
+    </div>
+    <div class="container">
+      <T tag="contact.invite" as="p" class="cinvite" />
+    </div>
+  </section>
+</Base>
+
+<style>
+  .cgrid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; margin-bottom: 50px; }
+  .cmap { background: var(--c-bg-alt); min-height: 420px; display: flex; align-items: center; justify-content: center; }
+  .cmap iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; }
+  .cmap__consent { max-width: 380px; text-align: center; padding: 24px; display: flex; flex-direction: column; gap: 12px; align-items: center; }
+  .cmap__title { font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .12em; font-size: .9rem; margin: 0; }
+  .cmap__note { font-size: .8rem; color: var(--c-text-light); margin: 0; line-height: 1.5; }
+  .cmap__note a { color: var(--c-accent-dark); }
+  .cinfo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 30px; }
+  .cinfo h3 { font-size: .85rem; text-transform: uppercase; letter-spacing: .16em; }
+  .cinvite { max-width: 640px; }
+  @media (max-width: 991px) { .cgrid, .cinfo { grid-template-columns: 1fr; } }
+</style>
+
+<script>
+  // GDPR: la mappa Google (terza parte) viene caricata solo dopo consenso esplicito.
+  document.getElementById('map-load')?.addEventListener('click', () => {
+    const box = document.getElementById('map-box');
+    if (!box) return;
+    const q = box.dataset.mapsQuery ?? '';
+    box.innerHTML = `<iframe src="https://www.google.com/maps?q=${q}&output=embed" loading="lazy" title="Mappa InsanityLab" referrerpolicy="no-referrer-when-downgrade" style="display:block;width:100%;height:100%;min-height:420px;border:0"></iframe>`;
+  });
+</script>