Adriano
c6de02be83
- 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>
48 lines
2.1 KiB
Plaintext
48 lines
2.1 KiB
Plaintext
---
|
|
import Base from '../layouts/Base.astro';
|
|
import PageHero from '../components/PageHero.astro';
|
|
import TrainingCards from '../components/home/TrainingCards.astro';
|
|
import Agenda from '../components/Agenda.astro';
|
|
import { Image } from 'astro:assets';
|
|
import { trainings } from '../data/trainings';
|
|
import T from '../components/content/T.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;
|
|
export const prerender = false;
|
|
---
|
|
<Base title={t('training.meta.title')} description={t('training.meta.description')}>
|
|
<PageHero title={t('training.hero.title')} />
|
|
|
|
<section class="section" style="padding-bottom:0">
|
|
<div class="section-heading">
|
|
<T tag="training.intro.subtitle" as="p" />
|
|
</div>
|
|
</section>
|
|
<TrainingCards />
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
{trainings.map((tr, i) => (
|
|
<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`)}</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>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</section>
|
|
|
|
<Agenda />
|
|
</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; }
|
|
@media (max-width: 767px) { .tblock { grid-template-columns: 1fr; gap: 24px; } .tblock--reverse img { order: 0; } }
|
|
</style>
|