<template>
    <div class="container mt-8 mb-14">
      <div class="max-w-5xl mx-auto bg-secondary overflow-hidden rounded-lg shadow-xl lg:grid lg:grid-cols-2 lg:gap-4">
        <div class="px-6 pt-10 pb-12 sm:px-16 sm:pt-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20">
          <div class="lg:self-center">
            <h2 class="text-3xl font-bold text-white sm:text-4xl">
              <span class="block">Visiting Killarney National Park?</span>
            </h2>
            <p class="mt-4 text-lg leading-6 text-cyan-100">Take a self-guided bike tour! We highly recommend it.</p>
            <p class="mt-4 text-lg leading-6 text-cyan-100">Visit all of the best sites in Ireland's first national park, including <strong>Muckross Abbey</strong>, <strong>Torc Waterfall</strong>, and <strong>Dundag Beach</strong> (a great place to propose).</p>
            <a class="btn" href="https://tour.killarneybicycletours.com/">Take a Tour!</a>
          </div>
        </div>
        <div class="mx-auto my-auto p-4">
          <Image d-key="tour" class="rounded-md border-2 border-white object-cover object-left-top mx-auto" />
        </div>
      </div>
    </div>
</template>