Two-tier layout with centered content and background

This two-tier layout uses Tailwind CSS classes to create a two-tiered structure with a white background and centered content. The top tier has a full-width white background color class of bg-white and padding classes py-24 sm:py-32. The inner tier contains a max-width container with mx-auto class, holding the centered content. This includes a max-width content div, a heading, and a paragraph of text.