# React hero sections for landing pages, images, gradients, video, EneUI

Choosing and loading a hero section for a React landing page: image vs gradient vs video, contrast overlays, LCP budgets and the mobile crop that doesn’t destroy the subject.

> Page: https://ui.eneawork.it/components/cat/hero/guide/hero-sections-with-backgrounds
> Markdown: https://ui.eneawork.it/components/cat/hero/guide/hero-sections-with-backgrounds.md

> Choosing and loading a hero section for a React landing page: image vs gradient vs video, contrast overlays, LCP budgets and the mobile crop that doesn’t destroy the subject.