{% load ev_tags static %}
<section class="section section--dealer" id="dealership">
  <div class="wrap dealer">
    <div class="dealer__copy">
      <span class="eyebrow eyebrow--light">Channel Partners</span>
      <h2>Become Our <em>Dealer / Channel Partner</em></h2>
      <p>Join a fast-growing EV brand with a clear business model and full launch support.</p>
      <ul class="dealer__list">
        <li>{% icon "chart" 22 %}<span><b>Attractive Business Model</b>Clear margins on every vehicle</span></li>
        <li>{% icon "shield" 22 %}<span><b>Brand Support</b>Showroom branding &amp; collateral</span></li>
        <li>{% icon "megaphone" 22 %}<span><b>Marketing Support</b>Local campaigns &amp; lead sharing</span></li>
        <li>{% icon "cap" 22 %}<span><b>Training</b>Sales, product &amp; service training</span></li>
        <li>{% icon "wrench" 22 %}<span><b>After-Sales Support</b>Spares, warranty &amp; technical help</span></li>
      </ul>
      <div class="dealer__cta">
        <a href="{% url 'website:dealership' %}#enquiry" class="btn btn--orange btn--pill btn--lg">Apply for Dealership {% icon "arrow" 18 %}</a>
        <a href="{% url 'website:contact' %}?type=CF#enquiry" class="btn btn--ghost btn--pill btn--lg">C&amp;F Enquiry</a>
      </div>
    </div>
    <div class="dealer__media"><img src="{% static "img/road-lineup.jpg" %}" alt="ATMOSPHERE EV scooter range" loading="lazy"></div>
  </div>
</section>