squad.cn/api/public/website-image/962276a7-fde3-42f6-9a92-f12e1bc2b1c9/9a50ad4e-5109-4b40-8286-07b0696b4c58" alt="A0 Hair Net" /></div>
      <div class="product-body">
        <h3 class="tile-heading">A0 Hair Net</h3>
        <p>舞蹈配件</p>
        <span class="chevron-link">View details</span>
      </div>
    </a>
  </div>
<div class="view-all-products" style="text-align:center;margin-top:40px">
<a href="products/index.html" style="display:inline-block;padding:12px 30px;border:1px solid currentColor;border-radius:8px;font-weight:600;text-decoration:none;color:inherit">View all products &#8594;</a>
</div>
</div></section>

<!-- SHOWCASE — light scene, split copy + product stage -->
<section class="scene light section"><div class="wrap">
  <div class="showcase">
    <div class="copy">
      <div class="eyebrow">Made for export</div>
      <h2 class="headline">Engineered for buyers who care about every detail.</h2>
      <p>From first sample to delivered container, we hold one accountable point of contact for your order — so nothing falls between the cracks.</p>
      <ul class="spec-list">
        <li>Custom OEM / ODM manufacturing to your drawings</li>
        <li>Pre-shipment inspection and compliance paperwork</li>
        <li>Export packing built for long-haul ocean freight</li>
        <li>Responsive sample and quotation support</li>
      </ul>
    </div>
    <div class="showcase-stage"><img src="https://api.alphasquad.cn/api/public/website-image/962276a7-fde3-42f6-9a92-f12e1bc2b1c9/3ac99ca1-96cc-450f-8d4a-62c6858ebad8" alt="Gusi Import &amp; Export Co., Ltd." /></div>
  </div>
</div></section>

<!-- TRUST — dark cinematic scene -->
<section class="scene dark section on-dark"><div class="wrap">
  <div class="scene-head">
    <div class="eyebrow">A supplier you can build on</div>
    <h2 class="headline">One factory. One point of contact. One accountable team.</h2>
    <p>We keep the supply chain simple: you talk to the people who make your product, not a layer of traders in between.</p>
  </div>
  <div class="feature-grid">
    <div class="feature" style="background:var(--dark-surface);box-shadow:none">
      <div class="ic" style="background:rgba(41,151,255,0.16);color:var(--link-bright)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21V8l9-5 9 5v13"/><path d="M9 21v-7h6v7"/></svg></div>
      <h3 class="tile-heading" style="color:#fff">In-house production</h3>
      <p style="color:rgba(255,255,255,0.7)">We control manufacturing, not just sourcing — giving you direct factory pricing and real accountability on quality.</p>
    </div>
    <div class="feature" style="background:var(--dark-surface);box-shadow:none">
      <div class="ic" style="background:rgba(41,151,255,0.16);color:var(--link-bright)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h10"/></svg></div>
      <h3 class="tile-heading" style="color:#fff">Clear documentation</h3>
      <p style="color:rgba(255,255,255,0.7)">Every shipment ships with the inspection and compliance paperwork your customs and customers expect.</p>
    </div>
    <div class="feature" style="background:var(--dark-surface);box-shadow:none">
      <div class="ic" style="background:rgba(41,151,255,0.16);color:var(--link-bright)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v4M12 18v4M2 12h4M18 12h4M5 5l3 3M16 16l3 3M19 5l-3 3M8 16l-3 3"/></svg></div>
      <h3 class="tile-heading" style="color:#fff">Responsive team</h3>
      <p style="color:rgba(255,255,255,0.7)">Quotes, samples, and updates handled by an export team that replies — typically within one business day.</p>
    </div>
  </div>
</div></section>

<!-- FINAL CTA — light scene -->
<section class="scene light section"><div class="wrap">
  <div class="final">
    <div class="eyebrow">Start a project</div>
    <h2 class="headline">Send us your requirements. Get a quote fast.</h2>
    <p>Tell us your target market, specifications, and volumes. Our export team replies with a quote, lead time, and samples.</p>
    <div class="final-cta">
      <button type="button" class="btn btn-primary" onclick="window.openAsquadInquiry()">Request a quote</button>
      <a href="contact.html" class="chevron-link">Talk to our team</a>
    </div>
  </div>
</div></section>

<footer class="footer"><div class="wrap">
  <div class="cols">
    <div>
      <a class="brand" href="index.html"><span class="mark"></span>Gusi Import &amp; Export Co., Ltd.</a>
      <p class="desc">Guer Hair is a professional manufacturer and supplier of premium hair products — including wigs, hair extensions, toupees, and hair accessories. We serve B2B buyers worldwide with OEM/ODM capabilities and competitive wholesale pricing.</p>
    </div>
    <div class="col"><h5>Company</h5><a href="about.html">About us</a><a href="#capabilities">Capabilities</a><a href="contact.html">Contact</a></div>
    <div class="col"><h5>Products</h5><a href="products/index.html">Catalog</a><a href="contact.html">Request a quote</a></div>
    <div class="col"><h5>Contact</h5><a href="mailto:leonji7666@gmail.com">leonji7666@gmail.com</a></div>
  </div>
  <div class="legal"><span>© 2026 Gusi Import &amp; Export Co., Ltd.. All rights reserved.</span><span>Crafted for global B2B trade.</span></div>
</div></footer>


<div id="asquad-inquiry-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998;align-items:center;justify-content:center;">
  <div style="background:#fff;border-radius:8px;padding:32px;max-width:480px;width:90%;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.18);">
    <button onclick="document.getElementById('asquad-inquiry-overlay').style.display='none'" style="position:absolute;top:12px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:#666;">&times;</button>
    <h2 style="margin:0 0 20px;font-size:1.25rem;font-weight:600;">Send Inquiry</h2>
    <form id="asquad-inquiry-form">
      <input type="hidden" id="asquad-source-page" name="source_page" value="">
      <div style="margin-bottom:14px;">
        <label style="display:block;margin-bottom:4px;font-size:.875rem;font-weight:500;">Name <span style="color:#e53e3e;">*</span></label>
        <input type="text" name="name" required placeholder="Your name" style="width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;">
      </div>
      <div style="margin-bottom:14px;">
        <label style="display:block;margin-bottom:4px;font-size:.875rem;font-weight:500;">Email <span style="color:#e53e3e;">*</span></label>
        <input type="email" name="email" required placeholder="you@company.com" style="width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;">
      </div>
      <div style="margin-bottom:14px;">
        <label style="display:block;margin-bottom:4px;font-size:.875rem;font-weight:500;">Company</label>
        <input type="text" name="company" placeholder="Your company" style="width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;">
      </div>
      <div style="margin-bottom:18px;">
        <label style="display:block;margin-bottom:4px;font-size:.875rem;font-weight:500;">Message <span style="color:#e53e3e;">*</span></label>
        <textarea name="message" required rows="4" placeholder="Tell us about your requirements…" style="width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;resize:vertical;"></textarea>
      </div>
      <div id="asquad-inquiry-feedback" style="display:none;margin-bottom:12px;padding:10px 14px;border-radius:6px;font-size:.875rem;"></div>
      <button type="submit" style="width:100%;padding:10px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;">Send Inquiry</button>
    </form>
  </div>
</div>
<script>
(function () {
  var SITE_ID = "962276a7-fde3-42f6-9a92-f12e1bc2b1c9";
  var API_BASE = "https://api.alphasquad.cn";

  // Populate hidden source_page field
  var sourceInput = document.getElementById('asquad-source-page');
  if (sourceInput) { sourceInput.value = window.location.pathname; }

  var form = document.getElementById('asquad-inquiry-form');
  var feedback = document.getElementById('asquad-inquiry-feedback');

  function showFeedback(msg, isError) {
    feedback.textContent = msg;
    feedback.style.display = 'block';
    feedback.style.background = isError ? '#fff5f5' : '#f0fdf4';
    feedback.style.color = isError ? '#c53030' : '#276749';
    feedback.style.border = '1px solid ' + (isError ? '#fed7d7' : '#c6f6d5');
  }

  if (form) {
    form.addEventListener('submit', function (e) {
      e.preventDefault();
      var data = Object.fromEntries(new FormData(form));
      data.source_page = window.location.pathname;
      var btn = form.querySelector('button[type=submit]');
      btn.disabled = true;
      btn.textContent = 'Sending…';
      fetch(API_BASE + '/api/inquiry/' + SITE_ID, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(data),
      })
        .then(function (res) {
          if (res.ok) {
            showFeedback('Thank you! We will get back to you shortly.', false);
            form.reset();
          } else {
            return res.text().then(function (t) { throw new Error(t || 'Server error'); });
          }
        })
        .catch(function (err) {
          showFeedback('Failed to send: ' + err.message, true);
        })
        .finally(function () {
          btn.disabled = false;
          btn.textContent = 'Send Inquiry';
        });
    });
  }

  // Expose global helper so page CTAs can open the modal
  window.openAsquadInquiry = function () {
    var overlay = document.getElementById('asquad-inquiry-overlay');
    if (overlay) { overlay.style.display = 'flex'; }
  };
})();
</script>
</body>
</html>