Two-tiered header with gradient background and centered content

This component uses a two-tiered header with a full-width gradient background image to create a visually striking header. The bottom tier contains a centered heading and paragraph, while the top tier uses absolute positioning and clipping to layer two angled gradient shapes for added depth and style.