Elementor #23288

<section class=”ea-quick”>
<style>
.ea-quick{max-width:1100px;margin:0 auto;padding:10px 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.ea-quick h2{font-size:28px;margin:10px 0 14px}
.ea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ea-tile{display:block;text-decoration:none}
.ea-tile img{width:100%;height:auto;display:block;border-radius:16px}
.ea-empty{min-height:180px;border:2px dashed #e6e6e6;border-radius:16px;background:#fafafa}
@media (max-width:768px){.ea-grid{grid-template-columns:1fr}}
.ea-section{margin-top:26px;padding:16px;border:1px solid #eee;border-radius:16px;background:#fff}
.ea-section h3{margin:0 0 8px;font-size:20px}
.ea-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.ea-btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #e6e6e6;text-decoration:none;color:#111;background:#fff}
</style>

<h2>Azioni rapide</h2>

<div class=”ea-grid”>
<!– 1 WhatsApp –>
<a class=”ea-tile” href=”#assistenza-whatsapp”>
<img src=”INSERISCI_URL_IMMAGINE_1″ alt=”Richiedi assistenza WhatsApp”>
</a>

<!– 2 Chiamami –>
<a class=”ea-tile” href=”#chiamami”>
<img src=”INSERISCI_URL_IMMAGINE_2″ alt=”Chiamami”>
</a>

<!– 3 Cerca PDF –>
<a class=”ea-tile” href=”#cerca-pdf”>
<img src=”INSERISCI_URL_IMMAGINE_3″ alt=”Cerca PDF”>
</a>

<!– 4 Cerca ricambio FAAC –>
<a class=”ea-tile” href=”#cerca-faac”>
<img src=”INSERISCI_URL_IMMAGINE_4″ alt=”Cerca ricambio FAAC”>
</a>

<!– 5 Scrivi email –>
<a class=”ea-tile” href=”#scrivi-email”>
<img src=”INSERISCI_URL_IMMAGINE_5″ alt=”Scrivi email”>
</a>

<!– 6-10 vuoti –>
<img class=”ea-tile” src=”INSERISCI_URL_IMMAGINE_6″ alt=”” aria-hidden=”true”>
<img class=”ea-tile” src=”INSERISCI_URL_IMMAGINE_7″ alt=”” aria-hidden=”true”>
<img class=”ea-tile” src=”INSERISCI_URL_IMMAGINE_8″ alt=”” aria-hidden=”true”>
<img class=”ea-tile” src=”INSERISCI_URL_IMMAGINE_9″ alt=”” aria-hidden=”true”>
<img class=”ea-tile” src=”INSERISCI_URL_IMMAGINE_10″ alt=”” aria-hidden=”true”>
</div>

<!– SEZIONI DI DESTINAZIONE –>
<div id=”assistenza-whatsapp” class=”ea-section”>
<h3>Richiedi assistenza su WhatsApp</h3>
<p>Scrivimi su WhatsApp indicando zona, tipo di cancello e problema.</p>
<div class=”ea-actions”>
<a class=”ea-btn” target=”_blank”
href=”https://wa.me/WHATSAPP_NUMBER?text=Salve%2C%20vorrei%20assistenza%20per%20un%20cancello%20automatico.%20Zona%3A%20_____%20Problema%3A%20_____”>
Apri WhatsApp
</a>
</div>
</div>

<div id=”chiamami” class=”ea-section”>
<h3>Chiamami</h3>
<p>Se preferisci parlare subito, chiamami.</p>
<div class=”ea-actions”>
<a class=”ea-btn” href=”tel:0815452353″>Chiama 0815452353</a>
</div>
</div>

<div id=”cerca-pdf” class=”ea-section”>
<h3>Cerca PDF (manuali / schemi)</h3>
<p>Digita il codice o il modello (es. FAAC 740, BFT, Fadini…).</p>
<form action=”/” method=”get” style=”display:flex;gap:10px;flex-wrap:wrap”>
<input name=”s” placeholder=”Cerca PDF…” style=”flex:1;min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid #e6e6e6″>
<button class=”ea-btn” type=”submit”>Cerca</button>
</form>
<small style=”color:#666″>Nota: se vuoi cercare solo negli allegati PDF, posso adattare la ricerca in base a come li pubblichi sul sito.</small>
</div>

<div id=”cerca-faac” class=”ea-section”>
<h3>Cerca ricambio FAAC</h3>
<p>Cerca direttamente nello shop WooCommerce i ricambi FAAC.</p>
<form action=”/” method=”get” style=”display:flex;gap:10px;flex-wrap:wrap”>
<input name=”s” placeholder=”Cerca ricambio FAAC…” style=”flex:1;min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid #e6e6e6″>
<input type=”hidden” name=”post_type” value=”product”>
<button class=”ea-btn” type=”submit”>Cerca nello shop</button>
</form>
</div>

<div id=”scrivi-email” class=”ea-section”>
<h3>Scrivi email</h3>
<p>Per richieste dettagliate e preventivi.</p>
<div class=”ea-actions”>
<a class=”ea-btn” href=”mailto:EMAIL_TUA?subject=Richiesta%20informazioni&body=Salve%2C%20vorrei%20informazioni%20su%3A%20_____”>Scrivi email</a>
</div>
</div>
</section>