Newsletter Three

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div
      class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 sm:pt-8 sm:pr-8 sm:pb-8 sm:pl-8 lg:flex-row lg:justify-between"
    >
      <div class="mb-4 sm:mb-8 lg:mb-0">
        <h2
          class="text-center text-xl font-bold text-indigo-500 sm:text-2xl lg:text-left lg:text-3xl"
        >
          Stay Up to Date with Our Latest News
        </h2>
        <p class="text-center text-gray-500 lg:text-left">
          Subscribe to receive our curated updates and offers
        </p>
      </div>
      <div class="flex flex-col items-center lg:items-end">
        <form class="mb-3 flex w-full max-w-md gap-2">
          <input
            placeholder="Enter Your Email Address"
            class="bg-gray-white placeholder-gray-400 transition duration-100 w-full flex-1 rounded border border-gray-300 pl-3 pr-3 px-3 pt-2 pb-2 py-2 text-gray-800 outline-none ring-indigo-300 focus:ring"
          />
          <button
            class="inline-block transition duration-100 active:bg-indigo-700 rounded bg-indigo-500 pl-8 pr-8 px-8 pt-2 pb-2 py-2 text-center text-sm font-semibold text-white outline-none ring-indigo-300 hover:bg-indigo-600 focus-visible:ring md:text-base"
          >
            Subscribe
          </button>
        </form>
        <div class="text-center text-xs text-gray-400 lg:text-right">
          <span data-node-handle="base-text" class="inline-block h-auto w-auto">
            By subscribing, you acknowledge and agree to our
          </span>
          <a
            href="#"
            class="underline transition duration-100 active:text-indigo-600 hover:text-indigo-500"
          >
            Terms of Service
          </a>
          <span data-node-handle="base-text" class="inline-block h-auto w-auto">
            and
          </span>
          <a
            href="#"
            class="underline transition duration-100 active:text-indigo-600 hover:text-indigo-500"
          >
            Privacy Notice
          </a>
          <span data-node-handle="base-text" class="inline-block h-auto w-auto">
            .
          </span>
        </div>
      </div>
    </div>
  </div>
</div>