VibeCoderzVibeCoderz
Telegram
All Prompts
Centered Hero Section with Dual CTAs preview
herolandingctatailwindresponsivemarketingbanner

Centered Hero Section with Dual CTAs

Центрированная секция Hero с двумя CTA. Адаптивный баннер для лендингов с заголовком, текстом и кнопками. Tailwind CSS.

Prompt

<section class="text-center mt-8 pr-2 pl-2">
        <h1 class="text-4xl md:text-5xl font-semibold tracking-tight text-slate-900">
          We make conversations act like teammates
        </h1>
        <p class="mt-4 text-slate-600 max-w-2xl mx-auto">
          HelioAI empowers product, support, and ops teams with trusted AI assistants that automate workflows, drive better outcomes, and maintain human clarity.
        </p>

        <div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-3">
          <a href="#" class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-indigo-600 text-white text-sm hover:bg-indigo-700 transition">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="rocket" class="lucide lucide-rocket w-4 h-4"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" class=""></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" class=""></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" class=""></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" class=""></path></svg>
            Get started
          </a>
          <a href="#" class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-white border border-gray-200 text-sm text-slate-700 hover:bg-gray-50 transition">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="book-open" class="lucide lucide-book-open w-4 h-4"><path d="M12 7v14" class=""></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" class=""></path></svg>
            Docs &amp; API
          </a>
        </div>
      </section>
All Prompts