small changes

This commit is contained in:
2026-04-20 14:01:43 +02:00
parent 9126b6b494
commit 8a2c235c3d
8 changed files with 86 additions and 30 deletions
+37 -21
View File
@@ -17,6 +17,11 @@
if (form?.success) submitted = true;
});
const phoneDigits = $derived((c['contact.phone_value'] ?? '').replace(/\D/g, ''));
const telHref = $derived(phoneDigits ? `tel:+${phoneDigits}` : '#');
const waHref = $derived(phoneDigits ? `https://wa.me/${phoneDigits}` : '#');
const mailHref = $derived(`mailto:${c['contact.email_value'] ?? ''}`);
onMount(() => {
const onScroll = () => {
scrolled = window.scrollY > 20;
@@ -312,6 +317,10 @@
<label for="cf-dog">{c['contact.label_dog']}</label>
<input id="cf-dog" name="dog" type="text" placeholder={c['contact.placeholder_dog']} />
</div>
<div class="form-group">
<label for="cf-phone">{c['contact.label_phone']}</label>
<input id="cf-phone" name="phone" type="tel" placeholder={c['contact.placeholder_phone']} required />
</div>
<div class="form-group">
<label for="cf-msg">{c['contact.label_msg']}</label>
<textarea id="cf-msg" name="message" placeholder={c['contact.placeholder_msg']} required></textarea>
@@ -330,26 +339,31 @@
</div>
<div class="contact-info-side">
<h3>{c['contact.info_title']}</h3>
<div class="contact-item">
<div class="contact-icon"><span class="material-symbols-outlined" aria-hidden="true">call</span></div>
<div>
<p class="contact-item-label">{c['contact.phone_label']}</p>
<p class="contact-item-value">{c['contact.phone_value']}</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon"><span class="material-symbols-outlined" aria-hidden="true">mail</span></div>
<div>
<p class="contact-item-label">{c['contact.email_label']}</p>
<p class="contact-item-value">{c['contact.email_value']}</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon"><span class="material-symbols-outlined" aria-hidden="true">forum</span></div>
<div>
<p class="contact-item-label">{c['contact.wa_label']}</p>
<p class="contact-item-value">{c['contact.wa_value']}</p>
</div>
<div class="contact-items">
<a class="contact-item" href={telHref}>
<div class="contact-icon"><span class="material-symbols-outlined" aria-hidden="true">call</span></div>
<div class="contact-item-text">
<p class="contact-item-label">{c['contact.phone_label']}</p>
<p class="contact-item-value">{c['contact.phone_value']}</p>
</div>
<span class="contact-item-chev material-symbols-outlined" aria-hidden="true">arrow_forward</span>
</a>
<a class="contact-item" href={mailHref}>
<div class="contact-icon"><span class="material-symbols-outlined" aria-hidden="true">mail</span></div>
<div class="contact-item-text">
<p class="contact-item-label">{c['contact.email_label']}</p>
<p class="contact-item-value">{c['contact.email_value']}</p>
</div>
<span class="contact-item-chev material-symbols-outlined" aria-hidden="true">arrow_forward</span>
</a>
<a class="contact-item" href={waHref} target="_blank" rel="noopener noreferrer">
<div class="contact-icon"><span class="material-symbols-outlined" aria-hidden="true">forum</span></div>
<div class="contact-item-text">
<p class="contact-item-label">{c['contact.wa_label']}</p>
<p class="contact-item-value">{c['contact.wa_value']}</p>
</div>
<span class="contact-item-chev material-symbols-outlined" aria-hidden="true">arrow_forward</span>
</a>
</div>
<div class="contact-map"><div id="map-container"></div></div>
</div>
@@ -391,7 +405,9 @@
<p>{c['footer.copyright']}</p>
<div class="powered-by">
<span>{c['footer.powered']}</span>
<img src={img.cima_logo.src} alt={img.cima_logo.alt} />
<a href="https://cimaprogetti.it" target="_blank" rel="noopener noreferrer">
<img src={img.cima_logo.src} alt={img.cima_logo.alt} />
</a>
</div>
</div>
</div>