Newsletter Two

<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"
    >
      <div class="mb-4 sm:mb-8">
        <h2
          class="text-center text-xl font-bold text-indigo-500 sm:text-2xl lg:text-3xl"
        >
          Stay Ahead with Our Insights
        </h2>
        <p class="text-center text-gray-500">
          Join our community to receive expert advice and updates
        </p>
      </div>
      <form class="mb-3 flex w-full max-w-md gap-2 sm:mb-5">
        <input
          placeholder="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 Now
        </button>
      </form>
      <div class="text-center text-xs text-gray-400">
        <span data-node-handle="base-text" class="inline-block h-auto w-auto">
          By subscribing, you acknowledge our
        </span>
        <a
          href="#"
          class="underline transition duration-100 active:text-indigo-600 hover:text-indigo-500"
        >
          Terms of Use
        </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"
        >
          Data Protection Policy
        </a>
        <span data-node-handle="base-text" class="inline-block h-auto w-auto">
          .
        </span>
      </div>
    </div>
  </div>
</div>