// page-sport.jsx — In de sport (Mental Coach individueel + ploeg/club)

function SportPage() {
  const { go } = useRouter();
  return (
    <div className="page">
      <SiteNav />
      <PageRail index={3} slug="In de sport" />

      <section className="pillar-hero">
        <div className="container">
          <div>
            <Label>Pijler 02</Label>
            <h1 style={{ marginTop: 20 }}>
              <span className="green italic">In de</span><br/>sport.
            </h1>
          </div>
          <p className="intro">
            Wat zich tussen de oren afspeelt, juist op de momenten dat de druk het hoogst is.
            Voor individuele sporters én voor de hele ploeg.
          </p>
        </div>
      </section>

      <div className="container">
        <Service
          num="01"
          tag="Mental Coach — individueel"
          intro="In de sport is een Mental Coach degene die traint wat er zich tussen de oren van een atleet afspeelt."
          body={[
            <p key="p1">
              Het doel is om de fysieke talenten van een sporter volledig tot uiting te laten komen,
              juist op de momenten dat de druk het hoogst is.
            </p>
          ]}
          listTitle="Als mental coach in de sport gaan we aan de slag met"
          list={[
            ['SPANNING', 'Het omgaan met wedstrijdspanning', 'Technieken aanleren (ademhaling, visualisatie) om zenuwen onder controle te houden.'],
            ['FOCUS', 'Focus en concentratie', 'Afleidende factoren — publiek, fouten, media — buitensluiten en prestatiegericht blijven.'],
            ['ZELFVERTROUWEN', 'Het zelfvertrouwen opbouwen', 'Werken aan een positieve interne dialoog, zodat een atleet ook na verlies of fout blijft geloven.'],
            ['REVALIDATIE', 'Revalidatie-begeleiding', 'Sporters mentaal ondersteunen tijdens langdurige blessures om motivatieverlies en angst voor herhaling te voorkomen.'],
            ['DOELEN', 'Doelen stellen — Goal Setting', 'Realistische procesdoelen formuleren in plaats van alleen te focussen op het eindresultaat.'],
          ]}
          footer={(
            <div className="pullquote">
              Waar de trainer zich richt op kracht, techniek en conditie, zorgt
              de mental coach ervoor dat de sporter mentaal fit is.
            </div>
          )}
        />

        <Service
          num="02"
          tag="Mental Coach — ploeg / club"
          intro="In een ploegsport richt een Mental Coach zich niet alleen op het individu, maar vooral op de onderlinge dynamiek en het gezamenlijke doel."
          body={[
            <p key="p1">
              Het doel is om van een groep individuen één onverslaanbaar collectief te maken.
            </p>
          ]}
          listTitle="Wat doet een Mental Coach in een ploegsport concreet?"
          list={[
            ['COHESIE', 'Teamcohesie versterken', 'Spelers vertrouwen elkaar, kennen elkaars kwaliteiten en zijn bereid voor elkaar te werken.'],
            ['MISSIE', 'Gezamenlijke missie en waarden', 'Een gezamenlijk doel (bv. "promoveren") en de gedragsregels die daarbij horen.'],
            ['ROL', 'Rolverduidelijking', 'Elke speler — ook de reservespelers — begrijpt en accepteert zijn rol binnen het team.'],
            ['COMMUNICATIE', 'Communicatie onder druk', 'Constructief blijven communiceren bij achterstand of oplopende spanning, in plaats van naar elkaar te wijzen.'],
            ['VEERKRACHT', 'Collectieve veerkracht', 'Het team voorbereiden op tegenslagen — een tegengoal, een rode kaart — zodat de groep niet uit elkaar valt.'],
            ['LEIDERSCHAP', 'Leiderschapsontwikkeling', 'De aanvoerder en natuurlijke leiders begeleiden om het team op het veld te sturen.'],
          ]}
          footer={(
            <div className="pullquote">
              De coach observeert vaak trainingen en wedstrijden om te zien waar
              de communicatie fout loopt of waar de prestaties in de groep verminderen.
            </div>
          )}
        />

        <div className="page-end-cta">
          <Label red>Volgende stap</Label>
          <h3 className="display display-3" style={{ maxWidth: '24ch' }}>
            Voor jou alleen, of voor de hele ploeg?
          </h3>
          <div className="page-end-cta-double">
            <CTA to="/contact" params={{ onderwerp: 'sport-individueel' }}>
              Individueel — kennismaken
            </CTA>
            <CTA to="/contact" params={{ onderwerp: 'sport-ploeg' }} variant="ghost">
              Ploeg / club — kennismaken
            </CTA>
          </div>
        </div>
      </div>

      <SiteFooter />
    </div>
  );
}

Object.assign(window, { SportPage });