Contact TS

<!-- =========================
     CONTACT: Get in Touch (No Map)
     ========================= -->

<style>
  .hb-container{max-width:1200px;margin:0 auto;padding:24px 16px;}
  .hb-title{font-family:Poppins,system-ui,Arial,sans-serif;font-weight:700;font-size:28px;line-height:1.2;margin:0 0 12px;}
  .hb-text{font-family:Poppins,system-ui,Arial,sans-serif;color:#4b5563;font-size:16px;line-height:1.7;margin:0 0 10px;}
  .hb-link{color:#2563eb;text-decoration:none}
  .hb-link:hover{text-decoration:underline}
  .hb-cta{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;border-radius:12px;padding:10px 16px;text-decoration:none;font-family:Poppins,system-ui,Arial,sans-serif;font-weight:600}
  .hb-cta:hover{background:#1f2937}
  .hb-map-topbar{display:flex;justify-content:flex-end;align-items:center;margin:14px 0}
  @media (max-width:640px){
    .hb-title{font-size:22px}
    .hb-cta{width:100%;justify-content:center}
  }
</style>

<div class="hb-container">

  <!-- Get in Touch -->
  <section aria-labelledby="hb-getintouch">
    <h2 id="hb-getintouch" class="hb-title">Get in Touch</h2>
    <p class="hb-text">Prefer to reach us directly? You can contact us via email or phone:</p>
    <p class="hb-text">
      Email:
      <a class="hb-link" href="mailto:getintouch@hornback.bike">getintouch@hornback.bike</a>
    </p>
    <p class="hb-text">
      Phone:
      <a class="hb-link" href="tel:+919876543210">+91 98765 43210</a>
    </p>
  </section>

  <!-- Dealer link (button) -->
  <div class="hb-map-topbar">
    <a class="hb-cta" href="/pages/find-a-store" aria-label="Find more Hornback dealers">
      Find more dealers here
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path d="M13.172 12 7.808 6.636l1.414-1.414L16 12l-6.778 6.778-1.414-1.414z"></path>
      </svg>
    </a>
  </div>

</div>