// Contact — final dark "FIN DU SENTIER" section with email/phone, social, marquee
function Contact() {
  return (
    <section className="vm-contact" id="contact" data-screen-label="05 Contact">
      <div className="vm-contact-inner">
        <h2 className="vm-contact-title">Contactez<em> - moi</em></h2>

        <div className="vm-contact-grid">
          <div>
            {/* <p className="vm-contact-lead">
              Vous avez un projet, un stage, un site à reprendre ou simplement une idée
              à creuser ? Écrivez-moi — je réponds vite, en français, et je dis
              <em> franchement </em>quand je pense qu'une piste n'est pas la bonne.
            </p> */}

            <div className="vm-contact-actions">
              <a className="vm-contact-row" href="mailto:vincent.morin0403@gmail.com">
                <span className="vm-cr-glyph">✉</span>
                <span>
                  <span className="vm-cr-label">E-MAIL</span>
                  <span className="vm-cr-val">vincent.morin0403@gmail.com</span>
                </span>
                <span className="vm-cr-arrow">→</span>
              </a>
              <a className="vm-contact-row" href="tel:+33670455131">
                <span className="vm-cr-glyph">☏</span>
                <span>
                  <span className="vm-cr-label">TÉLÉPHONE</span>
                  <span className="vm-cr-val">06 70 45 51 31</span>
                </span>
                <span className="vm-cr-arrow">→</span>
              </a>
              <a
                className="vm-contact-row"
                href="assets/CV_Vincent%20MORIN%20PRO.pdf"
                download="CV Vincent Morin.pdf"
                target="_blank"
                rel="noopener noreferrer"
              >
                <span className="vm-cr-glyph">⤓</span>
                <span>
                  <span className="vm-cr-label">CV</span>
                  <span className="vm-cr-val">Télécharger le CV (PDF)</span>
                </span>
                <span className="vm-cr-arrow">→</span>
              </a>
            </div>
          </div>

          <aside className="vm-contact-card">
            <h4>À bientôt !</h4>
            <p>
              Basé à Paris, je suis actuellement à la recherche de nouvelles opportunités. Disponible dès septembre 2026, je recherche un poste en CDI ou en CDD, ou une alternance dans le cadre d'un Master.
            </p>
            <dl className="vm-contact-coords">
              <div><dt>Localisation</dt><dd>Paris, FR</dd></div>
              <div><dt>Coordonnées</dt><dd>48.8566°N · 2.3522°E</dd></div>
              <div><dt>Disponibilité</dt><dd>Septembre 2026</dd></div>
              <div><dt>Mobilité</dt><dd>Dans toute la France</dd></div>
            </dl>
          </aside>
        </div>
      </div>

      <div className="vm-contact-end">
        <div>© 2026 · VINCENT MORIN · CARNET DE VOYAGE V1</div>
        <div className="vm-social">
          <a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.8.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.9.9 1.4.2.4.4 1 .4 2.2.1 1.2.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.9.7-1.4.9-.4.2-1 .4-2.2.4-1.2.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.9-.9-1.4-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.9-.7 1.4-.9.4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 5.8.2 5 .3 4.2.6 3.4.9 2.7 1.4 2.1 2.1 1.4 2.7.9 3.4.6 4.2.3 5 .2 5.8.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.1 1.3.2 2.1.5 2.9.3.8.8 1.5 1.5 2.1.6.6 1.3 1.1 2.1 1.4.8.3 1.6.4 2.9.5C8.3 24 8.7 24 12 24s3.7 0 4.9-.1c1.3-.1 2.1-.2 2.9-.5.8-.3 1.5-.8 2.1-1.4.6-.6 1.1-1.3 1.4-2.1.3-.8.4-1.6.5-2.9.1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.1-1.3-.2-2.1-.5-2.9-.3-.8-.8-1.5-1.4-2.1-.6-.6-1.3-1.1-2.1-1.4-.8-.3-1.6-.4-2.9-.5C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 100 12.4 6.2 6.2 0 000-12.4zM12 16a4 4 0 110-8 4 4 0 010 8zm6.4-11.8a1.4 1.4 0 100 2.9 1.4 1.4 0 000-2.9z"/></svg></a>
          <a href="#" aria-label="GitHub"><svg viewBox="0 0 24 24"><path d="M12 .3a12 12 0 00-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 016 0C17.3 4.7 18.3 5 18.3 5c.7 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0012 .3"/></svg></a>
          <a href="https://www.linkedin.com/in/morin-vincent/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z"/></svg></a>
        </div>
      </div>
    </section>
  );
}
window.Contact = Contact;
