Adriano
b913a2bf90
Refs gitea:Adriano/AI-OS#310 Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
74 lines
2.8 KiB
Diff
74 lines
2.8 KiB
Diff
# Review package: c4cb05e..HEAD
|
|
|
|
## Commits
|
|
ed35491 feat: pagina training
|
|
|
|
## Files changed
|
|
src/pages/training.astro | 57 ++++++++++++++++++++++++++++++++++++++++++++++++
|
|
1 file changed, 57 insertions(+)
|
|
|
|
## Diff
|
|
diff --git a/src/pages/training.astro b/src/pages/training.astro
|
|
new file mode 100644
|
|
index 0000000..747fffb
|
|
--- /dev/null
|
|
+++ b/src/pages/training.astro
|
|
@@ -0,0 +1,57 @@
|
|
+---
|
|
+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';
|
|
+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 = true;
|
|
+---
|
|
+<Base title="Training" description="One to One, Small Groups, Performance Class e Fit Remote: trova il training InsanityLab più adatto a te.">
|
|
+ <PageHero title="training" />
|
|
+
|
|
+ <section class="section" style="padding-bottom:0">
|
|
+ <div class="section-heading">
|
|
+ <h2>Training</h2>
|
|
+ <p>Porta i tuoi allenamenti al livello successivo: programmi completi e percorsi su misura. Trova il training più adatto alle tue esigenze.</p>
|
|
+ </div>
|
|
+ </section>
|
|
+ <TrainingCards />
|
|
+
|
|
+ <section class="section">
|
|
+ <div class="container">
|
|
+ {trainings.map((t, i) => (
|
|
+ <div class:list={['tblock', { 'tblock--reverse': i % 2 === 1 }]} id={t.id}>
|
|
+ {imgOf(t.image) && <Image src={imgOf(t.image)!} alt={t.title} widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" />}
|
|
+ <div>
|
|
+ <h2>{t.title.toLowerCase()}</h2>
|
|
+ <p>{t.description}</p>
|
|
+ <a class="btn" href={t.cta.href}>{t.cta.label}</a>
|
|
+ </div>
|
|
+ </div>
|
|
+ ))}
|
|
+ </div>
|
|
+ </section>
|
|
+
|
|
+ <Agenda />
|
|
+
|
|
+ <section class="section section--alt">
|
|
+ <div class="container trial">
|
|
+ <div>
|
|
+ <h2>Prenota la lezione di prova</h2>
|
|
+ <p>La lezione di prova è l'occasione perfetta per conoscere il metodo, vivere l'esperienza in prima persona e capire il percorso più adatto a te. Inizia oggi il tuo percorso: prenota la tua lezione di prova.</p>
|
|
+ <a class="btn btn--dark" href="/contact">Prenota</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 { max-width: 720px; text-align: center; }
|
|
+ @media (max-width: 767px) { .tblock { grid-template-columns: 1fr; gap: 24px; } .tblock--reverse img { order: 0; } }
|
|
+</style>
|