Design a Hero Section with Background Image

CSS

Technical Specification

Build a hero banner with background image, title, subtitle, and a call-to-action button.

Input/Output Samples

Input:Hero with CTA

Output:Center-aligned text over image

Optimal Logic Path

Use background: url() center/cover no-repeat; position text center with flexbox.

Architectural Deep-Dive

Hero design improves branding and readability.