ZelventaProduct Support

<div style="margin-bottom: 20px;">
  <label style="display: block; font-size: 0.9rem; font-weight: 600; color: #222222; margin-bottom: 8px;">Your Doorbell Brand</label>
  <select name="doorbell_brand" required style="width: 100%; padding: 12px 16px; border: 1px solid #dcdcdc; border-radius: 8px; font-size: 0.95rem; color: #333333; background: #ffffff; outline: none; cursor: pointer;">
    <option value="" disabled selected>Select your doorbell brand</option>
    <option value="google_nest">Google Nest</option>
    <option value="ring">Ring</option>
    <option value="blink">Blink</option>
    <option value="eufy">Eufy</option>
    <option value="reolink">Reolink</option>
    <option value="tapo">Tapo</option>
  </select>
</div>

<div style="margin-bottom: 20px;">
  <label style="display: block; font-size: 0.9rem; font-weight: 600; color: #222222; margin-bottom: 8px;">Email</label>
  <input type="email" name="email" placeholder="[email protected]" required style="width: 100%; padding: 12px 16px; border: 1px solid #dcdcdc; border-radius: 8px; font-size: 0.95rem; color: #333333; background: #ffffff; outline: none; box-sizing: border-box;" />
</div>

<div style="margin-bottom: 24px;">
  <label style="display: block; font-size: 0.9rem; font-weight: 600; color: #222222; margin-bottom: 8px;">Question Description</label>
  <textarea name="description" rows="4" placeholder="Please describe your issue in detail..." required style="width: 100%; padding: 12px 16px; border: 1px solid #dcdcdc; border-radius: 8px; font-size: 0.95rem; color: #333333; background: #ffffff; outline: none; resize: vertical; box-sizing: border-box;"></textarea>
</div>

<div style="text-align: center; margin-bottom: 20px;">
  <button type="submit" id="submit-btn" style="background-color: #bc9c63; color: #ffffff; border: none; border-radius: 8px; padding: 12px 48px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.2s; min-width: 140px;">Send</button>
</div>

<div id="success-status" style="display: none; background-color: #e6f4ea; border: 1px solid #34a853; border-radius: 8px; padding: 12px 16px; text-align: center; color: #137333; font-size: 0.95rem; font-weight: 500; margin-top: 16px;">
  ✅ Submission successful! We will reply within 12 hours.
</div>

<div id="error-status" style="display: none; background-color: #fce8e6; border: 1px solid #ea4335; border-radius: 8px; padding: 12px 16px; text-align: center; color: #c5221f; font-size: 0.95rem; font-weight: 500; margin-top: 16px;">
  ❌ Oops! There was a problem submitting your form.
</div>