promo: freccia bottoni via ::after (modifiche dal canvas Claude Design)

Riporta nel codice le modifiche fatte da Adriano nel canvas di Claude Design: la
freccia dei bottoni diventa decorazione CSS (::after) invece di far parte del testo
del tag. I tag promo.hero.cta e promo.buy-label perdono la freccia e il maiuscolo
forzato (gestiti dal CSS .btn). promo-eventi2 usa la ::after globale di .btn;
promo-eventi (.lp) aggiunge ::after ai suoi bottoni custom per non perdere la freccia.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-14 00:08:20 +02:00
parent cc21cb7627
commit 1522d97f54
3 changed files with 5 additions and 5 deletions
+2 -2
View File
@@ -310,7 +310,7 @@ export const contentSeed: SeedEntry[] = [
T('promo.hero.accent', 'Scegli come'), T('promo.hero.accent', 'Scegli come'),
T('promo.hero.title2', 'vuoi farlo.'), T('promo.hero.title2', 'vuoi farlo.'),
H('promo.hero.desc', 'Allenati con flessibilità, senza vincoli, da subito.<br>Acquisto online in pochi secondi, pagamento sicuro via Stripe.'), H('promo.hero.desc', 'Allenati con flessibilità, senza vincoli, da subito.<br>Acquisto online in pochi secondi, pagamento sicuro via Stripe.'),
T('promo.hero.cta', 'LE NOSTRE PROPOSTE →', []), T('promo.hero.cta', 'Le nostre proposte', []),
// Launch // Launch
T('promo.launch.badge', 'solo per apertura nuova sede Settembre 2026'), T('promo.launch.badge', 'solo per apertura nuova sede Settembre 2026'),
T('promo.launch.title', 'Il nostro metodo nasce per durare.'), T('promo.launch.title', 'Il nostro metodo nasce per durare.'),
@@ -319,7 +319,7 @@ export const contentSeed: SeedEntry[] = [
// Perché 5 // Perché 5
T('promo.why5.text', 'Non è una prova. È un percorso in miniatura — per capire come lavoriamo prima di impegnarti su un programma trimestrale o semestrale.'), T('promo.why5.text', 'Non è una prova. È un percorso in miniatura — per capire come lavoriamo prima di impegnarti su un programma trimestrale o semestrale.'),
// Label bottone acquisto (condivisa dalle 4 card) // Label bottone acquisto (condivisa dalle 4 card)
T('promo.buy-label', 'ACQUISTA →', []), T('promo.buy-label', 'Acquista', []),
// Card 1 — One to One // Card 1 — One to One
T('promo.card.1.eyebrow', 'Personal training', []), T('promo.card.1.eyebrow', 'Personal training', []),
T('promo.card.1.title', 'One to One'), T('promo.card.1.title', 'One to One'),
+3
View File
@@ -129,6 +129,9 @@ const wa = t('global.whatsapp');
border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; cursor: pointer; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; cursor: pointer;
text-decoration: none; text-decoration: none;
} }
/* La freccia è decorazione (il testo del tag non la include più) */
.lp .btn-sand::after { content: ' →'; }
.lp .card .buy::after { content: ' →'; }
/* LAUNCH */ /* LAUNCH */
.lp .launch { background: #F2ECE1; padding: 72px 64px; } .lp .launch { background: #F2ECE1; padding: 72px 64px; }
-3
View File
@@ -117,9 +117,6 @@ const wa = t('global.whatsapp');
scope della pagina). Tutto è prefissato `.promo2`; la struttura usa le classi globali scope della pagina). Tutto è prefissato `.promo2`; la struttura usa le classi globali
del sito (.section, .container, .btn, .eyebrow, .section-heading). --> del sito (.section, .container, .btn, .eyebrow, .section-heading). -->
<style is:global> <style is:global>
/* Il testo del bottone contiene già la freccia: nascondo la ::after globale di .btn */
.promo2 .btn::after { content: none; }
/* Claim principale */ /* Claim principale */
.promo2 .claim-section { padding-block: 72px; text-align: center; } .promo2 .claim-section { padding-block: 72px; text-align: center; }
.promo2 .claim-wrap { max-width: 820px; margin: 0 auto; padding-inline: 20px; } .promo2 .claim-wrap { max-width: 820px; margin: 0 auto; padding-inline: 20px; }