<?php
$page_title = 'QinghanTop · Quality Products, Exceptional Service';
$page_description = 'QinghanTop — Global trade brand of Shenzhen Qinghan Technology Co., Ltd. One-stop sourcing and export of electronics, communication and office equipment from China.';
$preload_image = '/public/hero.jpg';
require_once __DIR__.'/partials/site_header.php';
?>
    <main>
      <!-- ============ HERO ============ -->
      <section class="hero">

        <div class="hero-image-col reveal" data-delay="100">
          <img
            src="/public/hero.jpg"
            alt="Dawn light over Shenzhen Yantian container port"
            fetchpriority="high"
          />

        </div>

        <div class="container hero-content">
          <div class="hero-text reveal">
            <span class="hero-eyebrow" data-i18n="hero.eyebrow">
              Trusted supplier since Shenzhen
            </span>
            <h1 class="hero-title" data-i18n="hero.title">
              Quality Products, <span class="accent">Exceptional Service.</span>
            </h1>
            <p class="hero-subtitle" data-i18n="hero.subtitle">
              QinghanTop delivers electronics, communication equipment and office solutions to buyers around the world — from sourcing to export, a one-stop service you can rely on.
            </p>
            <div class="hero-cta">
              <a href="/products.php" class="btn btn-primary" data-i18n="hero.cta.primary">Shop Now</a>
              <a href="/contact.php" class="btn btn-secondary" data-i18n="hero.cta.secondary">Talk to us</a>
            </div>
            <div class="hero-meta">
              <div class="hero-meta-item">
                <strong data-i18n="hero.meta.1.value">120+</strong>
                <span data-i18n="hero.meta.1.label">Countries shipped to</span>
              </div>
              <div class="hero-meta-item">
                <strong data-i18n="hero.meta.2.value">8 yrs</strong>
                <span data-i18n="hero.meta.2.label">Cross-border experience</span>
              </div>
              <div class="hero-meta-item">
                <strong data-i18n="hero.meta.3.value">24/7</strong>
                <span data-i18n="hero.meta.3.label">Support on WhatsApp &amp; Email</span>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- Wave divider -->
      <div class="wave-divider" aria-hidden="true">
        <svg viewBox="0 0 1440 48" preserveAspectRatio="none">
          <path
            d="M0,24 C240,48 480,0 720,24 C960,48 1200,0 1440,24 L1440,48 L0,48 Z"
            fill="currentColor"
          ></path>
        </svg>
      </div>

      <!-- ============ FEATURES ============ -->
      <section class="section features">
        <div class="container">
          <h2 class="section-title reveal" data-i18n="features.title">
            Why Global Buyers Choose Us
          </h2>
          <p class="section-subtitle reveal" data-delay="60" data-i18n="features.subtitle">
            A dependable partner for cross-border sourcing — logistics, payment, after-sales all covered.
          </p>

          <div class="features-grid">
            <article class="feature-card reveal" data-delay="0">
              <span class="feature-icon" aria-hidden="true">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <circle cx="12" cy="12" r="10"></circle>
                  <line x1="2" y1="12" x2="22" y2="12"></line>
                  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
                </svg>
              </span>
              <h3 data-i18n="features.1.title">Worldwide Shipping</h3>
              <p data-i18n="features.1.desc">
                Global overseas dispatch with fast, secure and traceable delivery to 120+ countries.
              </p>
            </article>

            <article class="feature-card reveal" data-delay="80">
              <span class="feature-icon" aria-hidden="true">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M12 2l8 4v6c0 5-3.5 9.4-8 10-4.5-.6-8-5-8-10V6l8-4z"></path>
                  <path d="M9 12l2 2 4-4"></path>
                </svg>
              </span>
              <h3 data-i18n="features.2.title">Secure Payment</h3>
              <p data-i18n="features.2.desc">
                Multiple protected payment channels safeguard every transaction end to end.
              </p>
            </article>

            <article class="feature-card reveal" data-delay="160">
              <span class="feature-icon" aria-hidden="true">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M3 12a9 9 0 1 0 3-6.7"></path>
                  <polyline points="3 4 3 10 9 10"></polyline>
                  <circle cx="12" cy="12" r="1"></circle>
                </svg>
              </span>
              <h3 data-i18n="features.3.title">30-Day Returns</h3>
              <p data-i18n="features.3.desc">
                Quality issues are covered by a hassle-free 30-day return &amp; refund guarantee.
              </p>
            </article>

            <article class="feature-card reveal" data-delay="240">
              <span class="feature-icon" aria-hidden="true">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                  <line x1="9" y1="10" x2="15" y2="10"></line>
                </svg>
              </span>
              <h3 data-i18n="features.4.title">24/7 Support</h3>
              <p data-i18n="features.4.desc">
                A dedicated team responds via WhatsApp and email around the clock.
              </p>
            </article>
          </div>
        </div>
      </section>

      <!-- ============ BUSINESS INTRO ============ -->
      <section class="section business">
        <div class="container">
          <div class="business-grid">
            <div class="business-visual reveal">
              <img
                src="/public/business-products.jpg"
                alt="Electronic products and office equipment display"
                class="business-img"
                loading="lazy"
              />

              <div class="business-stat s1">
                <strong data-i18n="business.stat.1.value">5000+</strong>
                <span data-i18n="business.stat.1.label">SKUs available</span>
              </div>
              <div class="business-stat s2">
                <strong data-i18n="business.stat.2.value">48h</strong>
                <span data-i18n="business.stat.2.label">Quotation response</span>
              </div>
            </div>

            <div class="business-content reveal" data-delay="100">
              <p class="business-eyebrow" data-i18n="business.eyebrow">Our Business</p>
              <h2 data-i18n="business.title">
                From factory floor to your warehouse — one accountable partner.
              </h2>
              <p data-i18n="business.p1">
                As the flagship brand of Shenzhen Qinghan Technology Co., Ltd., QinghanTop covers wholesale and retail of electronics, communication devices, computer hardware &amp; software, office supplies, hardware, daily necessities, kitchenware and outdoor goods.
              </p>
              <p data-i18n="business.p2">
                We also provide enterprise management consulting, information consulting and import &amp; export agency services — helping global customers procure premium "Made in China" products with confidence.
              </p>
              <ul class="business-list">
                <li data-i18n="business.list.1">Electronic Products</li>
                <li data-i18n="business.list.2">Communication Equipment</li>
                <li data-i18n="business.list.3">Computer Hardware &amp; Software</li>
                <li data-i18n="business.list.4">Office Supplies &amp; Consumables</li>
                <li data-i18n="business.list.5">Home &amp; Kitchen Goods</li>
                <li data-i18n="business.list.6">Import / Export Agency</li>
              </ul>
            </div>
          </div>
        </div>
      </section>

      <!-- ============ CTA ============ -->
      <section class="section section-tight">
        <div class="container">
          <div class="cta-banner reveal">
            <h2 data-i18n="cta.title">Ready to source from China?</h2>
            <p data-i18n="cta.desc">
              Send us your inquiry — we'll get back to you within 24 hours with a tailored quotation and shipping plan.
            </p>
            <a href="/contact.php" class="btn" data-i18n="cta.btn">Get a free quote</a>
          </div>
        </div>
      </section>
    </main>
<?php require_once __DIR__.'/partials/site_footer.php'; ?>
    <script src="/scripts/main.js"></script>
  </body>
</html>
