@extends('layouts.app')

@section('titre', 'Contact')

@section('contenu')

<section class="hero">
  <div class="container">
    <p class="hero-eyebrow">Une question, une demande</p>
    <h1>Contactez le club</h1>
    <p class="lede">Inscription, bénévolat, partenariat ou simple question : l'équipe du club vous répond.</p>
  </div>
</section>

<section class="section">
  <div class="container grille-2">
    {{-- Envoi non branché dans cette démo — à connecter à un Mailable Laravel --}}
    <form class="formulaire" onsubmit="return false;">
      <div class="champ">
        <label for="nom">Nom</label>
        <input type="text" id="nom" name="nom">
      </div>
      <div class="champ">
        <label for="email">E-mail</label>
        <input type="email" id="email" name="email">
      </div>
      <div class="champ">
        <label for="sujet">Sujet</label>
        <input type="text" id="sujet" name="sujet">
      </div>
      <div class="champ">
        <label for="message">Message</label>
        <textarea id="message" name="message" rows="5"></textarea>
      </div>
      <button type="submit" class="bouton">Envoyer</button>
    </form>

    <div>
      <p class="section-eyebrow">Coordonnées</p>
      <h2>Nous trouver</h2>
      <p class="chapo" style="margin-bottom:1.5rem;">Stade municipal de Saint-Jean<br>Accueil ouvert les soirs d'entraînement et le samedi matin.</p>
      <p class="chapo">Retrouvez également le club sur ses réseaux sociaux pour suivre l'actualité de la saison.</p>
    </div>
  </div>
</section>

@endsection