TEMPLATES

Minisite

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

Démo complète

Scouts · Groupes · Associations

Vêtements personnalisés
pour votre groupe

T-shirts, fleeces et casquettes brodés à vos couleurs. Livraison 4–6 semaines.

Configurer votre pack

Notre sélection

Image produit
T-shirt Organic
18,90 €
à partir de 25 pcs
Image produit
Fleece Zip Full
42,00 €
à partir de 10 pcs
Image produit
Casquette
12,50 €
à partir de 50 pcs

Besoin d'une commande sur mesure ?

Notre équipe vous accompagne pour les projets complexes.

Contacter l'équipe
MC
© 2026 Maisons Clothes

Structure HTML complète

<!-- Top nav sticky -->
<nav class="navbar bg-mc-navy text-white sticky top-0 z-30 shadow-sm">
  <div class="navbar-start pl-4">
    <img src="/logo.svg" alt="Maisons Clothes" class="h-6 w-auto" />
  </div>
  <div class="navbar-center hidden md:flex gap-6">
    <a href="#" class="text-sm text-white/70 hover:text-white">Produits</a>
    <a href="#" class="text-sm text-white/70 hover:text-white">À propos</a>
    <a href="#" class="text-sm text-white/70 hover:text-white">Contact</a>
  </div>
  <div class="navbar-end pr-4">
    <a href="#" class="btn btn-primary btn-sm">Commander</a>
  </div>
</nav>

<!-- Hero section -->
<section class="bg-mc-navy text-white py-24 px-6 text-center">
  <h1 class="font-display text-4xl md:text-5xl mb-4">Vêtements personnalisés<br>pour votre équipe</h1>
  <p class="text-white/70 text-lg max-w-xl mx-auto mb-8">
    Qualité premium, livraison rapide, personnalisation sur-mesure.
  </p>
  <a href="#" class="btn btn-primary btn-lg">Demander un devis</a>
</section>

<!-- Product grid section -->
<section class="bg-gray-50 py-16 px-6">
  <div class="max-w-6xl mx-auto">
    <h2 class="font-accent font-bold text-2xl text-mc-navy text-center mb-10">Notre sélection</h2>
    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
      <!-- product cards here -->
    </div>
  </div>
</section>

<!-- CTA section -->
<section class="bg-mc-green py-16 px-6 text-white text-center">
  <h2 class="font-display text-3xl mb-4">Prêt à personnaliser ?</h2>
  <a href="#" class="btn bg-white text-mc-navy hover:bg-gray-50 btn-lg">Contacter notre équipe</a>
</section>

<!-- Footer -->
<footer class="bg-mc-navy text-white py-10 px-6">
  <div class="max-w-6xl mx-auto flex justify-between items-center">
    <img src="/logo.svg" alt="Maisons Clothes" class="h-5 w-auto opacity-60" />
    <p class="text-white/40 text-xs">© 2026 Maisons Clothes</p>
  </div>
</footer>

Règles

✓ font-display uniquement pour les h1 publics dans les hero sections
✓ Top nav sticky avec logo à gauche, CTA unique à droite
✓ Hero fond bg-mc-navy, texte blanc — couleur principale du brand
✗ Jamais font-display dans les apps internes Rails
✗ Jamais plus d'un btn-primary dans la navbar