Creazione pagina per vedere tutte le recensioni, aggiunto il pulsante per vedere la pagina e aggiunto il css del pulsante. Da scegliere il testo per il pulsante, migliorare il suo css, creare lo script per vedere le recensioni

This commit is contained in:
2026-05-18 19:38:08 +02:00
parent 91bbf6ebd2
commit 0f7f7cb545
4 changed files with 29 additions and 0 deletions
+1
View File
@@ -125,6 +125,7 @@ export const DEFAULT_SLOTS: CopySlot[] = [
{ id: 'testi.kicker', section: 'Testimonials', label: 'Kicker', kind: 'inline', value: 'Cosa dicono di me' },
{ id: 'testi.title', section: 'Testimonials', label: 'Title', kind: 'inline', value: 'I miei ospiti parlano.' },
{ id: 'testi.sub', section: 'Testimonials', label: 'Subtitle', kind: 'inline', value: 'Non solo clienti — una vera famiglia pelosa.' },
{ id: 'testo.btn', section: 'Testimonials', label: 'Button', kind: 'inline', value: 'TEST RECENSIONI' },
{ id: 'contact.headline', section: 'Contact', label: 'Headline', kind: 'inline', value: 'Affida il tuo cane a chi lo vive davvero.' },
{ id: 'contact.form_title', section: 'Contact', label: 'Form — title', kind: 'inline', value: 'Scrivimi ora' },
+3
View File
@@ -304,6 +304,9 @@
{/each}
</div>
</div>
<div class="btn-review-link">
<button class="btn-all-review">{c['testo.btn']}</button>
</div>
</section>
<!-- Contact -->
View File
+25
View File
@@ -353,6 +353,31 @@
font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase;
}
.btn-review-link{
display: flex;
width: 100%;
justify-content: center;
}
.btn-all-review {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
gap: 8px;
margin-top: 15px;
width: 180px;
background: var(--navy); color: #fff;
padding: 18px 36px; font-weight: 700; font-size: 13px;
text-transform: uppercase; letter-spacing: 0.06em;
border-radius: 9999px;
transition: opacity 0.2s, transform 0.15s;
}
.btn-all-review:hover {
opacity: 0.88;
transform: translateY(-1px);
}
/* ===== CONTACT ===== */
.contact-section { padding: 96px 0; background: #fff; }
.contact-headline { text-align: center; margin-bottom: 56px; }