39 lines
1.7 KiB
Plaintext
39 lines
1.7 KiB
Plaintext
---
|
|
import Base from '../../layouts/Base.astro';
|
|
import PageHero from '../../components/PageHero.astro';
|
|
import { programs } from '../../data/programs';
|
|
export const prerender = true;
|
|
---
|
|
<Base title="Programmi" description="I programmi InsanityLab: Personal Training, Performance Class, Coaching, Pilates Flow, Rehab e Nutrizione.">
|
|
<PageHero title="programmi" />
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<h2>Programmi</h2>
|
|
<p>Questi sono i programmi delle classi di Insanity Lab selezionati per voi. Abbiamo scelto i migliori percorsi per offrirvi un'esperienza di allenamento completa e mirata.</p>
|
|
</div>
|
|
<div class="plist">
|
|
{programs.map((p) => (
|
|
<article class="plist__card">
|
|
<h3>{p.title}</h3>
|
|
<p class="plist__sub">{p.subtitle}</p>
|
|
<p>{p.excerpt}</p>
|
|
<a class="plist__more" href={`/programs/${p.slug}`}>Per saperne di più →</a>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</Base>
|
|
|
|
<style>
|
|
.plist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 40px; }
|
|
.plist__card h3 { letter-spacing: .08em; }
|
|
.plist__sub { font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; color: var(--c-accent-dark); }
|
|
.plist__card p { font-size: .92rem; }
|
|
.plist__more { font-family: var(--font-heading); font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; color: var(--c-heading); }
|
|
.plist__more:hover { color: var(--c-accent-dark); }
|
|
@media (max-width: 991px) { .plist { grid-template-columns: 1fr 1fr; } }
|
|
@media (max-width: 600px) { .plist { grid-template-columns: 1fr; } }
|
|
</style>
|