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="mg-6 grid grid-cols-1 gap-4 divide-y divide-gray-100 sm:mt-8 sm:grid-cols-2 sm:divide-x sm:divide-y-0 lg:grid-cols-4 dark:divide-gray-900"
      >
        <div class="flex flex-col px-4 py-8 text-center">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-gray-400">
            Total Sales
          </dt>

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

        <div class="flex flex-col px-4 py-8 text-center">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-gray-400">
            Official Addons
          </dt>

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

        <div class="flex flex-col px-4 py-8 text-center">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-gray-400">
            Total Addons
          </dt>

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

        <div class="flex flex-col px-4 py-8 text-center">
          <dt class="order-last text-lg font-medium text-gray-500 dark:text-gray-400">Downloads</dt>

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