<template>
  <section
    class="mb-12 rounded-2xl overflow-hidden relative h-80 bg-gradient-to-r from-blue-500 to-purple-600 text-white"
  >
    <div class="absolute inset-0 bg-black bg-opacity-30"></div>
    <div class="relative z-10 h-full flex flex-col justify-center px-12">
      <h2 class="text-4xl font-bold mb-4">发现强大的 AI 工具</h2>
      <p class="text-xl max-w-2xl mb-6">
        一站式获取各类 AI 解决方案，提升工作效率与创造力
      </p>
      <button
        class="!rounded-button whitespace-nowrap self-start px-6 py-3 bg-white text-blue-600 font-medium hover:bg-gray-100 transition-colors"
      >
        开始探索
      </button>
    </div>
  </section>
</template>