/* global React, V1Nav, V1Footer, Wave */
/* Page Rendez-vous — Medexa booking */

const PageRdv = () =>
<div className="v1">
    <style dangerouslySetInnerHTML={{ __html: V1_CSS + V1_CSS_PART2 + V1_CSS_PART3 + PAGE_CSS }}></style>
    <V1Nav active="" />

    <section className="page-hero">
      <div className="page-hero-inner">
        <div className="ey">Prise de rendez-vous en ligne</div>
        <h1>Réserve ta place <em>en quelques clics.</em></h1>
        <p>Appel découverte gratuit, thérapie du sport ou massothérapie — choisis ton service et ton horaire directement dans le calendrier ci-dessous. Tu reçois la confirmation par courriel.</p>
      </div>
    </section>

    <Wave from="#faf7f2" to="#f5f0e8" variant={0} />

    <section className="page-sec beige">
      <div className="container">
        <div className="rdv-frame">
          <iframe
            src="https://secure.medexa.com/onlineAppointmentInformation?APIKey=443F4ACC2F104BF38E1EEA0085D4B48B&flowColor=005EB8&backgroundColor=ffffff"
            title="Prise de rendez-vous — Académie Athletik"
            loading="lazy">
          </iframe>
        </div>
        <p className="rdv-help">
          Un souci avec le calendrier ? Écris-moi à <a href="mailto:info@academieathletik.com">info@academieathletik.com</a> ou appelle au <a href="tel:+14507120001">450 712-0001</a>.
        </p>
      </div>
    </section>

    <Wave from="#f5f0e8" to="#2B72B5" variant={0} height={100} />
    <V1Footer />
  </div>;

window.PageRdv = PageRdv;