Marketing Stats Dark

<div class="mx-auto max-w-7xl px-4 py-8 sm:px-6 sm:py-12 lg:px-8">
      <div class="mx-auto max-w-3xl text-center">
        <h2 class="text-3xl font-bold text-gray-900 sm:text-4xl dark:text-white">
          Trusted by eCommerce Businesses
        </h2>

        <p class="mt-4 text-gray-500 sm:text-xl dark:text-gray-400">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione dolores laborum labore
          provident impedit esse recusandae facere libero harum sequi.
        </p>
      </div>

      <dl class="mt-6 grid grid-cols-1 gap-4 sm:mt-8 sm:grid-cols-2 lg:grid-cols-4">
        <div class="flex flex-col rounded-lg bg-blue-50 px-4 py-8 text-center dark:bg-blue-700/25">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-white/75">
            Total Sales
          </dt>

          <dd class="text-4xl font-extrabold text-blue-600 md:text-5xl dark:text-blue-50">$4.8m</dd>
        </div>

        <div class="flex flex-col rounded-lg bg-blue-50 px-4 py-8 text-center dark:bg-blue-700/25">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-white/75">
            Official Addons
          </dt>

          <dd class="text-4xl font-extrabold text-blue-600 md:text-5xl dark:text-blue-50">24</dd>
        </div>

        <div class="flex flex-col rounded-lg bg-blue-50 px-4 py-8 text-center dark:bg-blue-700/25">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-white/75">
            Total Addons
          </dt>

          <dd class="text-4xl font-extrabold text-blue-600 md:text-5xl dark:text-blue-50">86</dd>
        </div>

        <div class="flex flex-col rounded-lg bg-blue-50 px-4 py-8 text-center dark:bg-blue-700/25">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-white/75">Downloads</dt>

          <dd class="text-4xl font-extrabold text-blue-600 md:text-5xl dark:text-blue-50">86k</dd>
        </div>
      </dl>
    </div>