<%- include('../layouts/top') %>

<%- include('../components/page-hero', {
  heroTitle: 'The right truck for every consignment',
  heroLead: 'Vehicles are engaged to suit the cargo, not the other way round. That is the advantage of a national network of fleet-owner tie-ups backed by dedicated contract vehicles.',
  heroEyebrow: 'Fleet & equipment',
  heroImage: 'container-trailer-highway',
  heroCtas: { primary: 'Get a Quote', secondary: 'Contact Us' }
}) %>

<section class="section" aria-labelledby="approach-title">
  <div class="container split">
    <div class="reveal">
      <p class="eyebrow">Our approach</p>
      <h2 id="approach-title">A national network, matched to each movement</h2>
      <p>HK Logistics works through long-standing tie-ups with fleet owners in cities across India, alongside vehicles placed on dedicated long-term contracts.</p>
      <p>This means we never have to fit your consignment to a standing fleet. A chemical tanker movement, a containerised distribution run and an over-dimensional vessel each get equipment selected for that job.</p>
      <p>Every vehicle is verified before loading against our vehicle checklist, covering registration, permit, road tax, insurance, PUC and physical condition, along with driver and owner details.</p>
    </div>
    <div class="media-frame reveal">
      <%- img('flatbed-truck-full-truck-load', { alt: 'Multi-axle flatbed truck for heavy goods transportation', sizes: '(min-width: 960px) 50vw, 100vw' }) %>
    </div>
  </div>
</section>

<section class="section section--alt" aria-labelledby="equipment-title">
  <div class="container">
    <div class="section-head">
      <p class="eyebrow">Equipment types</p>
      <h2 id="equipment-title">What we engage</h2>
      <p>Tell us the cargo and we will confirm the equipment. Where a movement needs specialised trailers, that assessment happens before anything is committed.</p>
    </div>
    <div class="grid grid--3">
      <% content.fleet.forEach(function (f) { %>
        <div class="card reveal">
          <span class="icon-tile"><%- icon(f.icon) %></span>
          <h3><%= f.title %></h3>
          <p><%= f.text %></p>
          <p class="mt-2 mb-0"><strong>Used for:</strong> <%= f.usedFor %></p>
        </div>
      <% }) %>
    </div>
    <p class="muted mt-2">Equipment is engaged per movement, so exact vehicle specifications are confirmed for your consignment when we quote rather than published as a fixed list.</p>
  </div>
</section>

<section class="section" aria-labelledby="checks-title">
  <div class="container split">
    <div class="reveal">
      <p class="eyebrow">Before loading</p>
      <h2 id="checks-title">Every vehicle is checked</h2>
      <p>The same checks run on every engagement, whether it is a single truck load or a multi-vehicle project movement.</p>
      <ul class="check-list">
        <% content.loadingChecks.forEach(function (t) { %><li><%- icon('check') %><%= t %></li><% }) %>
      </ul>
    </div>
    <div class="card reveal">
      <span class="icon-tile"><%- icon('maximize') %></span>
      <p class="eyebrow">ODC &amp; project cargo</p>
      <h3>Where specialised equipment matters most</h3>
      <p>Over-dimensional consignments such as reactors, vessels, columns, structural fabrications and plant equipment need low-bed, multi-axle and hydraulic trailers selected against the dimensions and weight of the cargo.</p>
      <p>Equipment is only part of it. Route feasibility, the loading and lashing method, and the approvals a movement of that size requires are all planned before the vehicle is placed.</p>
      <a class="link-arrow" href="/services/odc-transportation">About ODC movements<%- icon('arrow-right') %></a>
    </div>
  </div>
</section>

<%- include('../components/cta-band') %>

<%- include('../layouts/bottom') %>
