herobannerresponsivefullwidthimage

Full Width Image Hero

Компонент hero с полноэкранным изображением для баннеров и заголовков. Адаптивный дизайн, оптимизированная загрузка.

Prompt

<div class="w-full">
  <div class="relative w-full h-96 md:h-[32rem] lg:h-[40rem] overflow-hidden bg-gray-100">
    <img src="https://cdn.shopify.com/s/files/1/0908/9489/3329/files/25.jpg?v=1752730002" alt="Hero Image" class="w-full h-full object-cover object-center" loading="eager" />
  </div>
</div>

All Prompts