We use the Section wrapper as the outer layer for each page section. It defines the section background (light or dark variant) and ensures consistent spacing and alignment. The header (title and leading text, centered or left-aligned) is placed inside the Container component, which maintains a consistent content width across the page. Additional pre-built components can then be nested within the Container slot to compose the full section layout.

Once the Section Wrapper and Container are in place, the Grid component is added within the Container, and the Feature Card items are nested inside the Grid.