Garantie verzoek

{source}
<div class="garantie-container">

<div class="garantie-tekst">
<p class="garantie-notitie">* Kijk eerst zelf en voorkom onnodige kosten</p>
<p class="garantie-link">Meest voorkomende storingen:
<a style="color:#fff!important;" class="garantie-button" title="storingen oplossen" href="/garantie-service">Klik hier</a>
</p>
<p class="garantie-info">Mocht je een <strong>storing</strong> ervaren bij een apparaat (<i>let op: alleen machines afkomstig van Wesley's Witgoed</i>), dan kun je ons via onderstaand formulier op de hoogte brengen. Onze <strong>technische dienst</strong> neemt contact met je op om de storing door te nemen en, indien nodig, een afspraak in te plannen.</p>
<h2 class="garantie-titel">Garantieverzoek:</h2>
<p>{loadformmaker 39}</p>
</div>

<div class="garantie-afbeelding">
<img src="/images/rep.jpg" alt="Garantie service" />
</div>
</div>
<div class="garantie-whatsapp">
<h3 class="whatsapp-titel">Direct contact voor jouw garantieaanvraag</h3>
<p class="whatsapp-info">
    Stuur ons een WhatsApp-bericht met de volgende gegevens. We helpen je zo snel mogelijk!
</p>
<ul class="whatsapp-lijst">
    <li>✅ <strong>Product:</strong> Het type apparaat waar het om gaat</li>
    <li>✅ <strong>Aankoopdatum:</strong> Wanneer je het apparaat hebt gekocht</li>
    <li>✅ <strong>Probleemomschrijving:</strong> Beschrijf het probleem kort</li>
    <li>✅ <strong>Adresgegevens:</strong> Waar het apparaat zich bevindt</li>
</ul>
<p class="whatsapp-tekst">
    Klik op de knop hieronder en wij nemen snel contact met je op!
</p>
<a style="color:#fff!important;" class="whatsapp-button"
     href="https://api.whatsapp.com/send?phone=31645632357&text=Hallo%20Wesley's%20Witgoed,%20ik%20heb%20een%20probleem%20met%20mijn%20aankoop.%0A%0A**Type%20apparaat:**%20%0A**Aankoopdatum:**%20%0A**Probleem:**%20%0A%0A**Naam:**%20%0A**Adres:**%20%0A**Postcode%20en%20plaats:**%20%0A%0AKunt%20u%20mij%20helpen?"
     target="_blank"
     rel="noopener noreferrer">
    Stuur ons een WhatsApp-bericht
</a>
</div>

<style>

.garantie-notitie {
font-size: 14px;}

/* Garantie Container */
.garantie-container {
display: flex;
gap: 20px;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
line-height: 1.6;
}

.garantie-tekst {
flex: 1;
min-width: 280px;
}

.garantie-afbeelding img {
width: 100%;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* WhatsApp Blok */
.garantie-whatsapp {
background: #f9f9f9;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: 20px auto;
text-align: center;
}

.garantie-whatsapp {
background-color: #f9f9f9;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
max-width: 600px;
margin: 20px auto;
text-align: center;
font-family: 'Arial', sans-serif;
}

.whatsapp-titel {
font-size: 20px;
color: #333;
font-weight: bold;
margin-bottom: 10px;
}

.whatsapp-info {
font-size: 14px;
color: #555;
margin-bottom: 15px;
}

.whatsapp-lijst {
text-align: left;
margin: 20px 0;
padding: 0;
list-style: none;
}

.whatsapp-lijst li {
margin-bottom: 10px;
font-size: 14px;
color: #333;
}

.whatsapp-lijst li strong {
color: #000;
}

.whatsapp-tekst {
font-size: 14px;
color: #555;
margin-bottom: 20px;
}

.whatsapp-button {
display: inline-block;
padding: 12px 20px;
background-color: #25D366;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, transform 0.2s ease;
}

.whatsapp-button:hover {
background-color: #1cb254;
transform: scale(1.05);
}

/* Responsieve stijl */
@media only screen and (max-width: 768px) {
#form39 .wdform-page-and-images {
width: 52%;
}

.wdform_page {

margin-left:0px!important;

}

#form39 .wdform_page {

display:contents;

background:#fff;

padding:2px;

border-radius:8px;

}

.garantie-container {

display:block;

}
}

.garantie-button {
color: #fff;
background-color: #ff6b29;
padding: 6px 12px;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
font-size: 14px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease, transform 0.2s ease;
}

.garantie-button:hover {
background-color: #e65a20;
transform: scale(1.05);
}

</style>{/source}