<section class="pb-0 lg:pt-32 py-32 relative" >
        <div class="overflow-hidden">
          <img
            class="absolute inset-0 h-full w-full object-cover"
            src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1684933490/components/Optimized/carlos-muza-hpjSkU2UYSU-unsplash_mpgh8j_p1qebw.webp"
            alt="build your website image"
          />
          <div
            class="absolute inset-0 bg-gradient-to-r from-[#1e2026] to-[#000000] opacity-90"
          ></div>
        </div>
        <div class="container mx-auto px-6">
          <div class="flex justify-center">
            <div class="lg:w-2/3 text-center relative">
              <div class="space-y-6 mb-10">
                <!-- Home Page Title -->
                <h2
                  class="text-white text-4xl md:text-5xl lg:text-6xl leading-tight capitalize font-bold"
                >
                Revolutionize Your Data Analysis 
                </h2>
                <p class="text-gray-300 text-base md:text-lg">
                  Unleash the Power of Stats365 to Make Informed Decisions
                </p>
  
                <!-- Video Modal Outline Button -->
                <button
                  type="button"
                  class="inline-block px-6 py-2.5 rounded text-base font-medium cursor-pointer select-none outline-none transition-all duration-500 focus:outline-none focus:ring-0 focus:ring-offset-0 hover:-translate-y-1.5 bg-cyan-600 text-white border-cyan-600 hover:bg-cyan-500"
                >
                  Try for Free
                </button>
              </div>
              
              <img class="mt-4 rounded-t" src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1685001402/components/6188915_3199529_dvb03m_lyfpze.webp" alt="" >
            </div>
          </div>
        </div>
      </section>