The Hero component serves as the main wrapper for hero sections. Its is prop controls the rendered element (default: div).

The HeroContent component positions and styles the content inside a hero section. Its is prop controls the rendered element (default: div).

The HeroOverlay component provides an overlay layer for background effects in hero sections. Place it as a child of Hero.