Adriano/InsanityLab-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Reformer Class: bottone consulenza conoscitiva gratuita (#22)

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Adriano (goldrake)
2026-09-29 20:30:09 +00:00
parent 9126af28ce
commit 67dc554810
4 changed files with 63 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/services/[slug].astro
+16 -2
View File
@@ -10,6 +10,7 @@ import TImg from '../../components/content/TImg.astro';
import CalendarioModal from '../../components/CalendarioModal.astro';
import { calendariDaMostrare, PAGINE_CON_CALENDARIO } from '../../data/calendari';
import { t } from '../../lib/content';
import { PAGINE_CON_CONSULENZA, linkConsulenza } from '../../data/consulenza';
export const prerender = false;
const service = getService(Astro.params.slug!);
@@ -38,8 +39,16 @@ const tones = ['tan', 'taupe', 'dark'];
<div>
<h2>{t(`service.${slug}.title`).toUpperCase()}</h2>
<T tag={`service.${slug}.long-description`} as="p" class="prog__desc" />
{slug === 'reformer-class' && (
<p class="prog__cta"><a class="btn" href="/contact">{t('service.contact-cta')}</a></p>
{(slug === 'reformer-class' || PAGINE_CON_CONSULENZA.includes(slug)) && (
<div class="prog__cta">
<div class="prog__cta-row">
{slug === 'reformer-class' && <a class="btn" href="/contact">{t('service.contact-cta')}</a>}
{PAGINE_CON_CONSULENZA.includes(slug) && (
<a class="btn btn--consulenza" href={linkConsulenza(t('global.consulenza.url'))} target="_blank" rel="noopener noreferrer">{t('service.consulenza-cta')}</a>
)}
</div>
{PAGINE_CON_CONSULENZA.includes(slug) && <T tag="service.consulenza-note" as="p" class="prog__cta-note" />}
</div>
)}
{service.features.length > 0 && (
<ul class="prog__features">
@@ -149,6 +158,11 @@ const tones = ['tan', 'taupe', 'dark'];
.prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: #6b5d5b; color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; }
.prog__calendario:hover { background: var(--c-accent-dark); }
.prog__cta { margin: 10px 0 30px; }
.prog__cta-row { display: flex; flex-wrap: wrap; gap: 12px; }
.btn--consulenza { background: #6b5d5b; }
.btn--consulenza:hover { background: var(--c-accent-dark); }
.prog__cta-note { font-size: .8rem; color: var(--c-text-light); margin: 8px 0 0; }
@media (max-width: 600px) { .prog__cta-row .btn { flex: 1 1 100%; justify-content: center; text-align: center; } }
.prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; }
.price__group { border-top: 1px solid #ddd5ca; padding-block: 18px; }
.price__group summary { cursor: pointer; font-family: var(--font-heading); letter-spacing: .12em; text-transform: uppercase; font-size: .85rem; color: var(--c-heading); }