Hướng dẫn Thiết lập & Sử dụng Template HTML Blocks

<div class="bg-gradient-to-r from-blue-600 to-indigo-700 text-white py-20 px-4">
  <div class="max-w-6xl mx-auto text-center">
    <h1 class="text-4xl md:text-6xl font-bold mb-4">Giải pháp Tự động hóa Doanh nghiệp</h1>
    <p class="text-lg md:text-xl text-blue-100 mb-8 max-w-2xl mx-auto">
      Xây dựng hệ thống vận hành thông minh giúp bạn tiết kiệm 80% thời gian quản lý.
    </p>
    <a href="#register" class="bg-white text-indigo-700 font-bold px-8 py-3 rounded-lg shadow-lg hover:bg-blue-50 transition">
      BẮT ĐẦU NGAY
    </a>
  </div>
</div>

<div class="py-16 px-4 bg-gray-50 dark:bg-zinc-900 text-gray-800 dark:text-gray-100">
  <div class="max-w-6xl mx-auto">
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
      <!-- Cột 1 -->
      <div class="bg-white dark:bg-zinc-800 p-8 rounded-xl shadow-sm border border-gray-100 dark:border-zinc-700">
        <div class="text-3xl mb-4">🚀</div>
        <h3 class="text-xl font-bold mb-2">Tốc độ vượt trội</h3>
        <p class="text-gray-600 dark:text-gray-300">Tải trang tức thì trong 0.5 giây giúp nâng cao trải nghiệm người dùng.</p>
      </div>
      <!-- Cột 2 -->
      <div class="bg-white dark:bg-zinc-800 p-8 rounded-xl shadow-sm border border-gray-100 dark:border-zinc-700">
        <div class="text-3xl mb-4">🛡️</div>
        <h3 class="text-xl font-bold mb-2">Bảo mật tối đa</h3>
        <p class="text-gray-600 dark:text-gray-300">Dữ liệu được bảo vệ an toàn và tuân thủ các tiêu chuẩn bảo mật quốc tế.</p>
      </div>
      <!-- Cột 3 -->
      <div class="bg-white dark:bg-zinc-800 p-8 rounded-xl shadow-sm border border-gray-100 dark:border-zinc-700">
        <div class="text-3xl mb-4">📈</div>
        <h3 class="text-xl font-bold mb-2">Tối ưu chuyển đổi</h3>
        <p class="text-gray-600 dark:text-gray-300">Thiết kế chuẩn UX giúp tăng tỷ lệ đăng ký bản tin lên gấp 2 lần.</p>
      </div>
    </div>
  </div>
</div>