Two-tiered hero section with image background

This Tailwind CSS component creates a two-tiered hero section with a full width image background. It utilizes absolute positioning to layer the image behind the content, with a transparent black overlay on top to darken the image slightly. The content is centered and contains a heading, paragraph text and call-to-action button. The text is white to stand out against the dark background.