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:
@@ -310,7 +310,7 @@ export const contentSeed: SeedEntry[] = [
|
||||
T('promo.hero.accent', 'Scegli come'),
|
||||
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.'),
|
||||
T('promo.hero.cta', 'LE NOSTRE PROPOSTE →', []),
|
||||
T('promo.hero.cta', 'Le nostre proposte', []),
|
||||
// Launch
|
||||
T('promo.launch.badge', 'solo per apertura nuova sede Settembre 2026'),
|
||||
T('promo.launch.title', 'Il nostro metodo nasce per durare.'),
|
||||
@@ -319,7 +319,7 @@ export const contentSeed: SeedEntry[] = [
|
||||
// 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.'),
|
||||
// Label bottone acquisto (condivisa dalle 4 card)
|
||||
T('promo.buy-label', 'ACQUISTA →', []),
|
||||
T('promo.buy-label', 'Acquista', []),
|
||||
// Card 1 — One to One
|
||||
T('promo.card.1.eyebrow', 'Personal training', []),
|
||||
T('promo.card.1.title', 'One to One'),
|
||||
|
||||
@@ -129,6 +129,9 @@ const wa = t('global.whatsapp');
|
||||
border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; cursor: pointer;
|
||||
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 */
|
||||
.lp .launch { background: #F2ECE1; padding: 72px 64px; }
|
||||
|
||||
@@ -117,9 +117,6 @@ const wa = t('global.whatsapp');
|
||||
scope della pagina). Tutto è prefissato `.promo2`; la struttura usa le classi globali
|
||||
del sito (.section, .container, .btn, .eyebrow, .section-heading). -->
|
||||
<style is:global>
|
||||
/* Il testo del bottone contiene già la freccia: nascondo la ::after globale di .btn */
|
||||
.promo2 .btn::after { content: none; }
|
||||
|
||||
/* Claim principale */
|
||||
.promo2 .claim-section { padding-block: 72px; text-align: center; }
|
||||
.promo2 .claim-wrap { max-width: 820px; margin: 0 auto; padding-inline: 20px; }
|
||||
|
||||
Reference in New Issue
Block a user