Contatti, /training e immagini: rifiniture post-merge

- Rimossa la sezione "Prenota la lezione di prova" da /training (markup,
  import, CSS, seed e blocchi DB relativi)
- Titoli dei riquadri Training non più forzati in minuscolo: rispettano il
  testo del DB (One to One, Small Groups, ecc.)
- Footer e pagina Contatti con i due ingressi dello stesso stabile
  (Via Leandro Alberti 76 e Via De Mattiolo 5) più l'email; nuovo tag
  global.contact.map-query e migrazione DB idempotente dell'indirizzo
- Mappa Google in /contact caricata automaticamente e a piena dimensione
  (rimosso il bottone e il relativo script)
- Landing Promo ed eventi: rimossa la barra contatti in fondo
- service-icons allineate agli slug attuali (one-to-one, small-group;
  rimosse le chiavi obsolete personal-training e pilates-flow)
- Immagini: foto Rehab corretta (prima era di osteopatia) su program-rehab
  e training-rehab; bande nere letterbox rimosse dalla foto di osteopatia;
  nuova immagine grafica per Profilazione con grafici HRV (ECG, tacogramma
  R-R, Poincaré plot)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/pages/contact.astro

@@ -6,15 +6,14 @@ 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.address')}, ${t('global.contact.city-line')}`);
+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">
-        <button class="btn btn--dark" id="map-load">{t('contact.map.button')}</button>
-        <p class="cmap__note">{t('contact.map.note')}</p>
+      <div class="cmap">
+        <iframe src={`https://www.google.com/maps?q=${mapsQuery}&output=embed`} loading="lazy" title="Mappa InsanityLab" referrerpolicy="no-referrer-when-downgrade"></iframe>
       </div>
       <ContactForm variant="full" />
     </div>
@@ -40,18 +39,10 @@ const mapsQuery = encodeURIComponent(`${t('global.contact.address')}, ${t('globa
 
 <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; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
-  .cmap iframe { width: 100%; height: 100%; border: 0; min-height: 420px; }
-  .cmap__note { font-size: .8rem; color: var(--c-text-light); }
+  .cmap { background: var(--c-bg-alt); min-height: 420px; }
+  .cmap iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; }
   .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 define:vars={{ mapsQuery }}>
-  document.getElementById('map-load')?.addEventListener('click', () => {
-    const box = document.getElementById('map-box');
-    box.innerHTML = `<iframe src="https://www.google.com/maps?q=${mapsQuery}&output=embed" loading="lazy" title="Mappa InsanityLab" referrerpolicy="no-referrer-when-downgrade"></iframe>`;
-  });
-</script>

src/pages/promo-eventi.astro

@@ -139,10 +139,6 @@ export const prerender = false;
         </div>
       </section>
 
-      <div class="contact-bar">
-        <p>Via Leandro Alberti 76 e Via De Mattiolo 5, 40139 Bologna &nbsp;·&nbsp; 351 753 5977 &nbsp;·&nbsp; info@insanitylab.it</p>
-      </div>
-
     </div>
   </div>
 </Base>
@@ -225,10 +221,6 @@ export const prerender = false;
 
   .lp .validity-note { text-align: center; font-size: 12px; color: #8A8980; margin: 22px 0 0; }
 
-  /* CONTACT BAR */
-  .lp .contact-bar { padding: 20px 64px 40px; text-align: center; }
-  .lp .contact-bar p { margin: 0; font-size: 11.5px; line-height: 1.6; color: #8A8980; }
-
   /* FAQ */
   .lp .faq-wrap { padding: 72px 64px; }
   .lp .faq-wrap h1 { margin: 0 0 40px; font-size: 34px; line-height: 1.25; font-weight: 700; color: #2D2D2D; max-width: 480px; }
@@ -248,7 +240,7 @@ export const prerender = false;
   .lp .faq-a .hl { color: #8A6E3F; }
 
   @media (max-width: 700px) {
-    .lp .hero, .lp .launch, .lp .why5, .lp .cards-wrap, .lp .faq-wrap, .lp .contact-bar { padding-left: 28px; padding-right: 28px; }
+    .lp .hero, .lp .launch, .lp .why5, .lp .cards-wrap, .lp .faq-wrap { padding-left: 28px; padding-right: 28px; }
     .lp .cards { grid-template-columns: 1fr; }
     .lp .hero h1 { font-size: 32px; }
     .lp .launch h1 { font-size: 28px; }

src/pages/training.astro

@@ -5,9 +5,7 @@ import TrainingCards from '../components/home/TrainingCards.astro';
 import Agenda from '../components/Agenda.astro';
 import { Image } from 'astro:assets';
 import { trainings } from '../data/trainings';
-import trialImg from '../assets/img/trial-class.jpg';
 import T from '../components/content/T.astro';
-import TImg from '../components/content/TImg.astro';
 import { t } from '../lib/content';
 const images = import.meta.glob<{ default: ImageMetadata }>('../assets/img/training-*.{jpg,png}', { eager: true });
 const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(name))?.[1]?.default;
@@ -29,7 +27,7 @@ export const prerender = false;
         <div class:list={['tblock', { 'tblock--reverse': i % 2 === 1 }]} id={tr.id}>
           {imgOf(tr.image) && <Image src={imgOf(tr.image)!} alt={t(`training.${tr.id}.title`)} widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" data-reveal={i % 2 === 1 ? 'right' : 'left'} />}
           <div data-reveal={i % 2 === 1 ? 'left' : 'right'}>
-            <h2 data-tag={`training.${tr.id}.title`}>{t(`training.${tr.id}.title`).toLowerCase()}</h2>
+            <h2 data-tag={`training.${tr.id}.title`}>{t(`training.${tr.id}.title`)}</h2>
             <T tag={`training.${tr.id}.description`} as="p" />
             <a class="btn" href={tr.cta.href}><T tag={`training.${tr.id}.cta-label`} as="span" /></a>
           </div>
@@ -39,25 +37,11 @@ export const prerender = false;
   </section>
 
   <Agenda />
-
-  <section class="section section--alt">
-    <div class="container trial">
-      <TImg tag="training.trial.image" src={trialImg} alt="Lezione di prova InsanityLab" widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" data-reveal="left" />
-      <div data-reveal="right">
-        <T tag="training.trial.title" as="h2" />
-        <T tag="training.trial.body" as="p" />
-        <a class="btn btn--dark" href="/contact">{t('training.trial.cta')}</a>
-      </div>
-    </div>
-  </section>
 </Base>
 
 <style>
   .tblock { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-block: 40px; scroll-margin-top: calc(var(--header-h) + 20px); }
   .tblock--reverse img { order: 2; }
   .tblock h2 { letter-spacing: .1em; }
-  .trial { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }
-  .trial img { width: 100%; height: auto; max-height: 460px; object-fit: cover; }
-  @media (max-width: 767px) { .trial { grid-template-columns: 1fr; gap: 24px; } }
   @media (max-width: 767px) { .tblock { grid-template-columns: 1fr; gap: 24px; } .tblock--reverse img { order: 0; } }
 </style>