Scheduler

by andypotanin

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="https://destinationpickleball.com/wp-content/themes/wp-festistack/build/index.css?ver=6.4.1">
<link rel="stylesheet" href="https://destinationpickleball.com/wp-content/themes/wp-festistack/src/lightbox/css/lightbox.css?ver=6.4.1">
<link rel="stylesheet" href="https://destinationpickleball.com/wp-content/themes/wp-festistack/build/index.css?ver=6.4.1">
<script src="https://cdn.tailwindcss.com/3.4.16"></script>
<div class="relative overflow-hidden bg-white">
  <!-- Decorative background image and gradient -->
  <div aria-hidden="true" class="absolute inset-0">
    <div class="absolute inset-0 mx-auto max-w-7xl overflow-hidden xl:px-8">
      <img
        src="https://tailwindui.com/plus/img/ecommerce-images/home-page-02-sale-full-width.jpg"
        alt=""
        class="size-full object-cover"
      />
    </div>
    <div class="absolute inset-0 bg-white/75"></div>
    <div class="absolute inset-0 bg-gradient-to-t from-white via-white"></div>
  </div>

  <!-- Callout -->
  <section
    aria-labelledby="sale-heading"
    class="relative mx-auto flex max-w-7xl flex-col items-center px-4 pt-32 text-center sm:px-6 lg:px-8"
  >
    <div class="mx-auto max-w-2xl lg:max-w-none">
      <h2
        id="sale-heading"
        class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl"
      >
        Get 25% off during our one-time sale
      </h2>
      <p class="mx-auto mt-4 max-w-xl text-xl text-gray-600">
        Most of our products are limited releases that won't come back. Get your
        favorite items while they're in stock.
      </p>
      <a
        href="#"
        class="mt-6 inline-block w-full rounded-md border border-transparent bg-gray-900 px-8 py-3 font-medium text-white hover:bg-gray-800 sm:w-auto"
        >Get access to our one-time sale</a
      >
    </div>
  </section>

  <!-- Testimonials -->
 ...

CSS

body {
  background: #1F73BE
}