<div class="mx-auto max-w-7xl px-4 sm:px-8 lg:px-16">
  <!-- Content -->
</div>

<section class="py-16 lg:py-24">
  <div class="mx-auto max-w-7xl px-4 sm:px-8 lg:px-16">
    <h2 class="text-title-l font-semibold text-label-primary">Sectie Titel</h2>
    <p class="mt-2 text-subtitle text-label-secondary">Beschrijving.</p>
    <div class="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
      <!-- Cards -->
    </div>
  </div>
</section>

<div class="grid gap-8 lg:grid-cols-[1fr_2fr]">
  <aside class="space-y-4">Sidebar</aside>
  <main class="space-y-8">Main content</main>
</div>