{{include "header.html"}}
{{include "nav.html"}}
<section class="page-hero">
  <div class="wrap">
    <p class="eyebrow">Inquiry</p>
    <h1>Send product references, quantities and market requirements</h1>
    <p>We will reply with supplier options, MOQ notes, packaging questions and the next sampling step.</p>
  </div>
</section>
<section class="section">
  <div class="wrap inquiry-grid">
    <form id="messageForm" class="inquiry-form">
      <label>Name *<input name="nickname" required></label>
      <label>Email *<input type="email" name="email" required></label>
      <label>Phone / WhatsApp<input name="phone"></label>
      <label>Destination market<input name="address" placeholder="United States, Germany, UAE..."></label>
      <label>Inquiry details *<textarea name="content" required rows="7" placeholder="Product links or photos, quantity, target price, packaging, compliance requirements, deadline..."></textarea></label>
      {{if .Site}}{{if eq .Site.EnableCaptcha 1}}
      <label>Captcha *<span class="captcha-row"><input name="code" id="code" required><img id="refreshCaptcha" src="" alt="Captcha"><input type="hidden" name="id" id="id"></span></label>
      {{end}}{{end}}
      <button class="btn primary" type="submit">Submit inquiry</button>
      <div id="formNotice" class="form-notice"></div>
    </form>
    <aside class="inquiry-side">
      <h2>Useful details to include</h2>
      <ul>
        <li>Target quantity and annual forecast</li>
        <li>Product photos, links or samples</li>
        <li>Logo, label and packaging files</li>
        <li>Destination market and test reports needed</li>
        <li>Preferred Incoterm and shipping deadline</li>
      </ul>
    </aside>
  </div>
</section>
{{include "footer.html"}}
{{include "js.html"}}