Feature Grid

<section class="mx-auto max-w-7xl my-32 px-5 text-center">
  <div class="md:px-20 max-w-3xl mx-auto">
    <h2 class="text-2xl leading-none tracking-tight font-semibold text-gradient-dark pb-2">The easy way to manage bookings for your sports facility</h2>
    <p class="text-gray-700 pt-4 pb-10">Say goodbye to excessive admin and welcome a surge in bookings with our innovative software features.</p>
  </div>
  <div class="grid md:grid-cols-2 gap-x-7 gap-y-14 max-w-4xl mx-auto">
  
  <div class="card--feature-image">
  <div class="shadow-xl bg-white px-6 pt-6 rounded-lg overflow-hidden">
    <img class="w-full border -mb-1 rounded-t-lg" src="/assets/images/cards/feature-card--analytics.svg" alt="">
  </div>
  <div class="text-center px-10">
    <h6 class="h6 my-2">Game-Changing Analytics</h6>
    <p class="text-sm text-gray-500">Access instant data trends and take calculated actions based on real-time insights.</p>
  </div>
</div>
  <div class="card--feature-image">
  <div class="shadow-xl bg-white px-6 pt-6 rounded-lg overflow-hidden">
    <img class="w-full border -mb-1 rounded-t-lg" src="/assets/images/cards/feature-card--analytics.svg" alt="">
  </div>
  <div class="text-center px-10">
    <h6 class="h6 my-2">Game-Changing Analytics</h6>
    <p class="text-sm text-gray-500">Access instant data trends and take calculated actions based on real-time insights.</p>
  </div>
</div>
  <div class="card--feature-image">
  <div class="shadow-xl bg-white px-6 pt-6 rounded-lg overflow-hidden">
    <img class="w-full border -mb-1 rounded-t-lg" src="/assets/images/cards/feature-card--analytics.svg" alt="">
  </div>
  <div class="text-center px-10">
    <h6 class="h6 my-2">Game-Changing Analytics</h6>
    <p class="text-sm text-gray-500">Access instant data trends and take calculated actions based on real-time insights.</p>
  </div>
</div>
  <div class="card--feature-image">
  <div class="shadow-xl bg-white px-6 pt-6 rounded-lg overflow-hidden">
    <img class="w-full border -mb-1 rounded-t-lg" src="/assets/images/cards/feature-card--analytics.svg" alt="">
  </div>
  <div class="text-center px-10">
    <h6 class="h6 my-2">Game-Changing Analytics</h6>
    <p class="text-sm text-gray-500">Access instant data trends and take calculated actions based on real-time insights.</p>
  </div>
</div></div>
</section>