Hero Dark

                    <section class="bg-gray-900 py-16 md:py-24">
  <div class="max-w-7xl mx-auto px-4 text-center">
    <span class="inline-block px-3 py-1 bg-blue-900/50 text-blue-300 rounded-full text-sm font-medium mb-6">
      New Release
    </span>
    <h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
      Explore Infinite Possibilities of Future <span class="text-blue-400">Technology</span>
    </h1>
    <p class="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
      With cutting-edge technology and innovative thinking, we help enterprises bridge the digital divide and embark on an intelligent future.
    </p>
    <div class="flex flex-wrap justify-center gap-4">
      <a href="#" class="inline-block bg-blue-500 text-white px-8 py-4 rounded-lg font-medium hover:bg-blue-600 transition-colors shadow-lg shadow-blue-500/20">
        Start Experience
      </a>
      <a href="#" class="inline-flex items-center px-8 py-4 rounded-lg border border-gray-700 text-gray-300 hover:bg-gray-800 transition-colors">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
          <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd" />
        </svg>
        Watch Demo
      </a>
    </div>
    
    <!-- Statistics -->
    <div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
      <div class="p-6 bg-gray-800 rounded-lg">
        <div class="text-3xl font-bold text-white mb-2">500+</div>
        <div class="text-gray-400">Success Cases</div>
      </div>
      <div class="p-6 bg-gray-800 rounded-lg">
        <div class="text-3xl font-bold text-white mb-2">98%</div>
        <div class="text-gray-400">Client Satisfaction</div>
      </div>
      <div class="p-6 bg-gray-800 rounded-lg">
        <div class="text-3xl font-bold text-white mb-2">24/7</div>
        <div class="text-gray-400">Professional Support</div>
      </div>
    </div>
  </div>
</section>