Layout pour les minisites spécialisés MC (pattern Packs Camp). Top nav + hero + grille de produits + footer. Adapté aux niches : scouts, événementiel, corporate, etc.

Structure HTML

<!-- Top nav sticky -->
<nav class="sticky top-0 bg-white border-b border-gray-200 z-20 px-6 py-4 flex items-center justify-between">
  <!-- Logo (min 80px) + liens + CTA btn-primary -->
</nav>

<!-- Hero (fond mc-navy ou mc-green selon niche) -->
<section class="bg-mc-navy px-8 py-16 text-center">
  <div class="text-xs font-accent font-bold text-mc-green uppercase tracking-widest mb-2"><!-- contexte --></div>
  <h1 class="font-display text-4xl text-white mb-3"><!-- titre --></h1>
  <p class="text-white/60 text-base mb-8 max-w-lg mx-auto"><!-- sous-titre --></p>
  <div class="flex gap-3 justify-center">
    <button class="btn btn-primary btn-lg">CTA principal</button>
  </div>
</section>

<!-- Grille produits -->
<section class="bg-gray-50 px-8 py-12">
  <div class="max-w-5xl mx-auto">
    <h2 class="font-accent font-bold text-xl text-mc-navy mb-6">Nos produits</h2>
    <div class="grid grid-cols-3 gap-4">
      <!-- cards produits -->
    </div>
  </div>
</section>

<!-- CTA section intermédiaire -->
<section class="bg-mc-green px-8 py-12 text-center">...</section>

<!-- Footer mc-navy -->
<footer class="bg-mc-navy px-8 py-6">...</footer>