/* global React */
/* EgoYüzme · Page · Licensed Athlete (Lisanslı Sporcu Olma) */

const LicensedPage = () => (
  <main className="page-enter">
    <PageHero
      crumbs={[{ label: "Ana Sayfa", href: "#/" }, { label: "Lisanslı Sporcu Olma" }]}
      eyebrow="Lisanslı Sporcu Olma"
      title="Yüzme sporunda profesyonel bir kariyer."
      lead="EGO Sport Maltepe Yüzme Akademisi, yüzme sporuna ilgi duyan her yaş grubundan öğrenciye, profesyonel antrenörler eşliğinde yüksek kaliteli eğitimler sunmaktadır."
      image={window.__resources.photoPerf}
    />

    {/* Intro */}
    <section className="section">
      <div className="container">
        <div className="prose">
          <Eyebrow>Lisanslı sporcu olma</Eyebrow>
          <h2 className="mt-2">Yüzme sporuna olan ilgi ve becerilerin gelişimi.</h2>
          <p className="lead-p mt-6">
            EGO Sport Maltepe Yüzme Akademisi, yüzme sporuna ilgi duyan her yaş grubundan öğrenciye,
            profesyonel antrenörler eşliğinde yüksek kaliteli eğitimler sunmaktadır. Akademimiz,
            öğrencilerimize yüzme sporunda profesyonel bir kariyer yapma fırsatı da sunmaktadır.
          </p>
          <p>
            Yüzme sporunda lisanslı sporcu olmak, gençlerin yüzme sporuna olan ilgisini artırmakta ve onların
            yüzme becerilerini geliştirmektedir. EGO Sport Maltepe Yüzme Akademisi olarak öğrencilerimize yüzme
            sporunda başarılı olmak için gerekli olan beceri ve teknikleri öğretmekteyiz. Bunun yanı sıra,
            akademimiz öğrencilerimize yarışma deneyimi kazandırmak için de çeşitli yarışmalara katılım fırsatları
            sunmaktadır.
          </p>
        </div>
      </div>
    </section>

    {/* Avantajlar — value grid */}
    <section className="section section--surface">
      <div className="container">
        <div className="prose" style={{ textAlign: "center" }}>
          <Eyebrow>Avantajlar</Eyebrow>
          <h2 className="mt-2">Lisanslı sporcunun kazandıkları.</h2>
          <p style={{ color: "var(--fg-muted)", marginTop: 16 }}>
            Lisanslı sporcu olmak, öğrencilere birçok avantaj sağlamaktadır.
          </p>
        </div>
        <div className="value-grid" style={{ gridTemplateColumns: "repeat(3, 1fr)", marginTop: 32 }}>
          <div className="value-card">
            <div className="icon-wrap">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/>
                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>
              </svg>
            </div>
            <h3>Ekip çalışması</h3>
            <p>Yüzme sporunda başarılı olmak için gerekli olan ekip çalışması ve liderlik becerilerini geliştirirler.</p>
          </div>
          <div className="value-card">
            <div className="icon-wrap">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M3 3v18h18"/><path d="m19 9-5 5-4-4-3 3"/>
              </svg>
            </div>
            <h3>Planlama ve organizasyon</h3>
            <p>Kariyer hedeflerine ulaşmak için gerekli olan planlama ve organizasyon becerilerini kazanırlar.</p>
          </div>
          <div className="value-card">
            <div className="icon-wrap">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M12 2 4 7v6c0 5 3.5 9 8 11 4.5-2 8-6 8-11V7l-8-5z"/>
              </svg>
            </div>
            <h3>Disiplin ve özgüven</h3>
            <p>Yüzme sporundaki başarılar için gerekli olan disiplin, motivasyon ve özgüveni kazandırır.</p>
          </div>
        </div>
      </div>
    </section>

    {/* Yarışma deneyimi */}
    <section className="section">
      <div className="container">
        <div className="prose">
          <Eyebrow>Yarışma deneyimi</Eyebrow>
          <h2 className="mt-2">Çeşitli yarışmalara katılım fırsatları.</h2>
          <p className="lead-p mt-6">
            EGO Sport Maltepe Yüzme Akademisi olarak öğrencilerimize yüzme sporunda başarılı olmak için
            gerekli olan beceri ve teknikleri öğretmekteyiz. Bunun yanı sıra, akademimiz öğrencilerimize
            yarışma deneyimi kazandırmak için de çeşitli yarışmalara katılım fırsatları sunmaktadır.
          </p>
        </div>
      </div>
    </section>

    {/* Sonuç paragraf */}
    <section className="section section--surface">
      <div className="container">
        <div className="prose">
          <div className="quote-block">
            <div className="q-text">
              EGO Sport Maltepe Yüzme Akademisi olarak öğrencilerimize lisanslı sporcu olma fırsatı sunarak,
              onların yüzme sporuna olan ilgilerini artırmakta ve onların yüzme becerilerini geliştirmekteyiz.
              Lisanslı sporcu olmak, öğrencilerimize yüzme sporundaki başarıları için gerekli olan disiplin,
              motivasyon ve özgüveni de kazandırmaktadır.
            </div>
            <div className="q-attrib">— EgoYüzme Performans Ekibi</div>
          </div>
          <p>
            Sonuç olarak, EGO Sport Maltepe Yüzme Akademisi, öğrencilerimize yüzme sporunda lisanslı sporcu
            olma fırsatı sunarak, onların yüzme becerilerini geliştirmekte ve yüzme sporuna olan ilgilerini
            artırmaktadır. Akademimiz, öğrencilerimize yüzme sporunda başarılı olmaları için gerekli olan becerileri
            öğretirken, aynı zamanda yarışma deneyimi kazandırmakta ve lisanslı sporcu olmanın sağladığı
            avantajları da öğrencilerimize sunmaktadır.
          </p>
        </div>
      </div>
    </section>

    <CtaBand
      title="Yüzme sporunda lisanslı sporcu olma fırsatı."
      lead="Akademimiz, öğrencilerine yüzme sporunda başarılı olmak için gerekli olan beceri ve teknikleri öğretmektedir."
      primaryLabel="İletişime geçin"
    />
  </main>
);

Object.assign(window, { LicensedPage });
