// ============================================================
// OSCILADOR - Pagina Curso Septiembre (Drum & Bass con Mauta)
// Estructura espejo de course-page.jsx (Curso Agosto).
// ============================================================

const COURSE_SEPT_WA_TEXT = "Hola, quiero información para inscribirme al Curso de Drum & Bass de septiembre con Mauta. Vi que son 12 sesiones, lunes, miércoles y viernes de 14:00 a 16:00, por Bs 1.300.";
const COURSE_SEPT_WA_URL = `https://wa.me/59167165251?text=${encodeURIComponent(COURSE_SEPT_WA_TEXT)}`;
const COURSE_SEPT_START_LABEL = "Miércoles 2 de septiembre";
const COURSE_SEPT_RANGE_LABEL = "2 al 28 de septiembre";
const COURSE_SEPT_RANGE_LONG = "El curso arranca el miércoles 2 y cierra el lunes 28 de septiembre de 2026.";
const COURSE_SEPT_PRICE_FULL = "Bs 1.300";
const COURSE_SEPT_PRICE_PARTIAL = "Bs 900";
const COURSE_SEPT_DEADLINE_LABEL = "Viernes 28 de agosto";
const COURSE_SEPT_DEADLINE_LONG = "Las inscripciones cierran el viernes 28 de agosto.";
const COURSE_SEPT_PARTIAL_DETAIL = "Quien no pueda tomar el curso entero tiene un plan de 7 sesiones de 2 horas por Bs 900: las 5 clases fundamentales para aprender a mezclar y presentarse en vivo, más 2 electivas.";
const COURSE_MAUTA_BIO = "Mauta acumula más de 10 años de experiencia compartiendo cabina con referentes internacionales de países como México, Brasil, Alemania y el Reino Unido. Su obsesión: el bass music y, en especial, el drum and bass. Ahora este veterano de los escenarios vuelca todo su conocimiento en un curso grupal diseñado para que no solo aprendas a mezclar, sino que entiendas la escena, la técnica y la actitud necesaria para destacar.";
const COURSE_MAUTA_STATS = [
  ["Experiencia", "+10 años en cabina"],
  ["Género", "Drum & Bass"],
  ["Subgéneros", "Jungle · Techstep · Liquid · Neurofunk"],
  ["Cabina compartida", "México · Brasil · Alemania · Reino Unido"],
];
const COURSE_MAUTA_SOCIAL = [
  { label: "Instagram", href: "https://www.instagram.com/mautadnb/" },
];

function setSeptMetaContent(selector, value) {
  const el = document.querySelector(selector);
  if (el) el.setAttribute("content", value);
}

function CursoSeptiembrePage() {
  React.useEffect(() => {
    document.title = "Curso Drum & Bass Septiembre 2026 | Oscilador Academy";
    setSeptMetaContent("meta[name='description']", "Curso grupal de Drum & Bass con Mauta en Oscilador Academy, La Paz. Del 2 al 28 de septiembre. Lunes, miércoles y viernes de 14:00 a 16:00. Inscripciones hasta el viernes 28 de agosto.");
    setSeptMetaContent("meta[property='og:url']", "https://oscilador.net/curso-septiembre");
    setSeptMetaContent("meta[property='og:title']", "Curso Drum & Bass Septiembre 2026 | Oscilador Academy");
    setSeptMetaContent("meta[property='og:description']", "Curso grupal de Drum & Bass con Mauta. 12 sesiones de 2 horas, del 2 al 28 de septiembre. Inscripciones hasta el 28 de agosto.");
    setSeptMetaContent("meta[name='twitter:title']", "Curso Drum & Bass Septiembre 2026 | Oscilador Academy");
    setSeptMetaContent("meta[name='twitter:description']", "Curso grupal de Drum & Bass con Mauta. Lunes, miércoles y viernes de 14:00 a 16:00.");
    const canonical = document.querySelector("link[rel='canonical']");
    if (canonical) canonical.setAttribute("href", "https://oscilador.net/curso-septiembre");
  }, []);

  const facts = [
    ["Género", "Drum & Bass · Jungle"],
    ["Nivel", "Principiante e intermedio"],
    ["Fechas", COURSE_SEPT_RANGE_LABEL],
    ["Días", "Lunes · miércoles · viernes"],
    ["Horario", "14:00–16:00"],
    ["Duración", "12 sesiones · 2 h por sesión"],
    ["Equipo", "CDJ-3000 × 2 + DJM-A9"],
    ["Cierre de inscripción", COURSE_SEPT_DEADLINE_LABEL],
    ["Inversión", `${COURSE_SEPT_PRICE_FULL} curso completo`],
    ["Plan parcial", `${COURSE_SEPT_PRICE_PARTIAL} · 7 sesiones (5 fundamentales + 2 electivas)`],
  ];

  const contentBlocks = [
    ["01", "Raíces del jungle y el D&B", "De los sound systems jamaicanos al techstep, el liquid y el neurofunk. Cómo cada corriente cambió la forma de mezclar."],
    ["02", "Equipo y funciones clave", "CDJ-3000, controladores y mezcladoras. Hot Cues, Beat Jump y Slip aplicados al Drum & Bass."],
    ["03", "Beatmatching y ecualización", "Tempo y fase a mano, sin depender del sync. EQ y transiciones limpias a 174 BPM."],
    ["04", "Loops, filtros y efectos", "Cómo sostener la tensión antes del drop y salir de él sin perder la pista."],
    ["05", "Drop mixing y double drops", "Las técnicas propias del D&B y el manejo de energía durante el set."],
    ["06", "Preparación de sets", "Organización de la música, análisis de estructuras y armado del set por energía."],
    ["07", "Promoción e identidad", "Cómo construir tu alias y moverlo en redes y plataformas."],
    ["08", "Simulacros y feedback", "Ejercicios, presentaciones individuales frente al grupo y correcciones de Mauta sesión por sesión."],
  ];

  const scheduleBlocks = [
    ["Lunes", "14:00–16:00", "Clase grupal"],
    ["Miércoles", "14:00–16:00", "Clase grupal"],
    ["Viernes", "14:00–16:00", "Clase grupal"],
  ];

  return (
    <>
      <window.Header currentPage="curso" />
      <main className="course-page">
        <section className="course-hero">
          <div className="course-hero-media" aria-hidden="true">
            <picture>
              <source media="(max-width: 760px)" srcSet="assets/images/curso-septiembre-hero-4x5.jpg" />
              <img src="assets/images/curso-septiembre-hero-16x9.jpg" alt="" />
            </picture>
          </div>
          <div className="course-wavebg" aria-hidden="true">
            <WaveSVG width={1400} height={132} strokeWidth={1.35} stroke="rgba(37, 211, 102, 0.58)" />
          </div>
          <div className="container course-hero-inner">
            <Reveal>
              <div className="course-kicker">
                <span className="tag solid">CURSO · SEPTIEMBRE 2026</span>
                <span className="mono">DRUM & BASS · GRUPO REDUCIDO</span>
                <span className="mono">CIERRE · {COURSE_SEPT_DEADLINE_LABEL.toUpperCase()}</span>
              </div>
            </Reveal>
            <Reveal delay={90}>
              <h1 className="display course-title">Curso Septiembre</h1>
            </Reveal>
            <Reveal delay={160}>
              <p className="course-lede">
                Un mes de Drum & Bass con Mauta. Mezcla a 174 BPM, drop mixing y preparación de sets en CDJ-3000 y DJM-A9, con correcciones en el momento.
              </p>
            </Reveal>
            <Reveal delay={240}>
              <div className="course-price-strip">
                <div className="course-price-opt">
                  <span className="course-price-num">{COURSE_SEPT_PRICE_FULL}</span>
                  <small>curso completo · 12 sesiones</small>
                </div>
                <div className="course-price-opt course-price-opt-alt">
                  <span className="course-price-num">{COURSE_SEPT_PRICE_PARTIAL}</span>
                  <small>plan parcial · 7 sesiones</small>
                </div>
              </div>
            </Reveal>
            <Reveal delay={320}>
              <div className="course-actions">
                <a href={COURSE_SEPT_WA_URL} target="_blank" rel="noopener noreferrer" className="btn btn-signal btn-lg">
                  Inscribirme por WhatsApp
                  <Arrow size={16} />
                </a>
                <a href="/" className="btn btn-ghost btn-lg">
                  Ver servicios
                  <Arrow size={16} />
                </a>
              </div>
            </Reveal>
          </div>
        </section>

        <section className="section course-section course-instructor-section">
          <div className="container course-instructor-grid">
            <Reveal className="course-instructor-copy-block">
              <div className="course-instructor-copy">
                <span className="tag">INSTRUCTOR DEL CURSO</span>
                <h2 className="display course-section-title">Mauta</h2>
                <img className="course-instructor-mark" src="assets/images/mauta-logo.png" alt="" aria-hidden="true" />
                <p className="muted course-copy course-copy-lg">{COURSE_MAUTA_BIO}</p>
                <div className="course-instructor-meta">
                  {COURSE_MAUTA_STATS.map(([label, value]) => (
                    <div key={label}>
                      <span className="mono">{label}</span>
                      <strong>{value}</strong>
                    </div>
                  ))}
                </div>
                {COURSE_MAUTA_SOCIAL.length > 0 && (
                  <div className="course-instructor-social">
                    {COURSE_MAUTA_SOCIAL.map(({ label, href }) => (
                      <a key={label} href={href} target="_blank" rel="noopener noreferrer" className="mono">
                        {label}
                        <Arrow size={10} />
                      </a>
                    ))}
                  </div>
                )}
              </div>
            </Reveal>
            <Reveal delay={120} className="course-instructor-photo-block">
              <div className="course-instructor-photo">
                <img src="assets/images/mauta-profile.jpg" alt="Mauta, instructor del curso de Drum & Bass de Oscilador Academy" />
              </div>
            </Reveal>
          </div>
        </section>

        <section className="section course-section course-summary-section">
          <div className="container course-info-grid">
            <Reveal>
              <div>
                <Eyebrow>DATOS DEL CURSO</Eyebrow>
                <h2 className="display course-section-title">Un mes de D&B, grupo reducido.</h2>
                <p className="muted course-copy">
                  Tres clases por semana, dos horas cada una, con sesiones presenciales de ejercicios, simulacros de set y feedback individual.
                  {" "}{COURSE_SEPT_DEADLINE_LONG}
                </p>
                <p className="muted course-copy course-copy-partial">
                  {COURSE_SEPT_PARTIAL_DETAIL}
                </p>
                <div className="course-facts">
                  {facts.map(([label, value]) => (
                    <div className="course-fact" key={label}>
                      <span className="mono">{label}</span>
                      <strong>{value}</strong>
                    </div>
                  ))}
                </div>
              </div>
            </Reveal>
            <Reveal delay={120}>
              <div className="course-schedule-card">
                <Eyebrow>HORARIO</Eyebrow>
                <div className="course-schedule">
                  {scheduleBlocks.map(([day, hour, label]) => (
                    <div className="course-schedule-row" key={day}>
                      <span className="mono">{day}</span>
                      <strong>{hour}</strong>
                      <small>{label}</small>
                    </div>
                  ))}
                </div>
                <p className="mono course-schedule-note">
                  Primera sesión miércoles 2 · última sesión lunes 28
                </p>
              </div>
            </Reveal>
          </div>
        </section>

        <section className="section course-section course-topics-section">
          <div className="container">
            <SectionHead
              eyebrow="TEMARIO RESUMIDO"
              title="Lo que vas a trabajar."
              titleClass="h-3"
              sub="Historia y cultura del Drum & Bass, técnica de mezcla, preparación de sets y las técnicas propias del género: drop mixing, double drops y manejo de energía."
            />
            <div className="course-content-grid">
              {contentBlocks.map(([num, title, body], i) => (
                <Reveal delay={i * 55} key={num}>
                  <article className="course-module">
                    <span className="mono">{num}</span>
                    <h2>{title}</h2>
                    <p>{body}</p>
                  </article>
                </Reveal>
              ))}
            </div>
          </div>
        </section>

        <section className="section course-final">
          <div className="container">
            <Reveal>
              <Eyebrow>INSCRIPCIÓN</Eyebrow>
            </Reveal>
            <Reveal delay={100}>
              <h2 className="display">Reserva tu cupo.</h2>
            </Reveal>
            <Reveal delay={180}>
              <p className="muted">
                Escribe por WhatsApp y te confirmamos el cupo. {COURSE_SEPT_DEADLINE_LONG} El curso arranca el miércoles 2 de septiembre.
              </p>
            </Reveal>
            <Reveal delay={260}>
              <a href={COURSE_SEPT_WA_URL} target="_blank" rel="noopener noreferrer" className="btn btn-signal btn-lg">
                Consultar cupo
                <WhatsAppIcon size={18} />
              </a>
            </Reveal>
          </div>
        </section>
      </main>
      <window.Footer />
      <window.WAFloatBtn />

      <style>{`
        .course-page {
          background: var(--black);
          color: var(--white);
        }
        .course-hero {
          position: relative;
          min-height: clamp(560px, 82svh, 760px);
          display: flex;
          align-items: center;
          overflow: hidden;
          padding: clamp(112px, 13vh, 152px) 0 clamp(42px, 6vw, 78px);
        }
        .course-hero-media {
          position: absolute;
          inset: 0;
          z-index: 0;
        }
        .course-hero-media picture {
          display: block;
          width: 100%;
          height: 100%;
        }
        .course-hero-media img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center;
          filter: contrast(1.04) saturate(1.02);
          opacity: 0.8;
        }
        .course-hero::after {
          content: "";
          position: absolute;
          inset: 0;
          z-index: 1;
          background:
            linear-gradient(90deg, rgba(5,5,5,0.94) 0%, rgba(5,5,5,0.74) 46%, rgba(5,5,5,0.28) 100%),
            linear-gradient(180deg, rgba(5,5,5,0.66) 0%, rgba(5,5,5,0.08) 44%, rgba(5,5,5,0.88) 100%),
            radial-gradient(circle at 76% 88%, rgba(37,211,102,0.2), transparent 28%);
        }
        .course-hero::before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 2px;
          z-index: 2;
          background: linear-gradient(90deg, transparent 8%, rgba(37,211,102,0.72) 46%, transparent 92%);
        }
        .course-wavebg {
          position: absolute;
          left: -8vw;
          right: -8vw;
          bottom: clamp(24px, 5vw, 58px);
          z-index: 2;
          opacity: 0.34;
          pointer-events: none;
          transform: translateY(18px);
        }
        .course-wavebg svg {
          width: 116%;
          height: clamp(70px, 9vw, 132px);
          filter: drop-shadow(0 0 24px rgba(37,211,102,0.22));
        }
        .course-hero-inner {
          position: relative;
          z-index: 3;
        }
        .course-kicker {
          display: flex;
          align-items: center;
          gap: 16px;
          flex-wrap: wrap;
        }
        .course-title {
          color: var(--white);
          font-size: clamp(52px, 7.4vw, 104px);
          max-width: 9ch;
          margin-top: 24px;
          letter-spacing: 0;
        }
        .course-lede {
          color: rgba(255,255,255,0.82);
          font-size: clamp(16px, 1.35vw, 20px);
          line-height: 1.42;
          max-width: 44ch;
          margin-top: 22px;
        }
        .course-price-strip {
          display: flex;
          align-items: flex-end;
          gap: clamp(20px, 3vw, 34px);
          flex-wrap: wrap;
          margin-top: 28px;
          padding-top: 22px;
          border-top: 1px solid var(--line-strong);
        }
        .course-price-opt {
          display: flex;
          flex-direction: column;
          gap: 9px;
        }
        .course-price-opt .course-price-num {
          font-family: var(--font-mono);
          font-size: clamp(32px, 4vw, 58px);
          line-height: 1;
          color: var(--white);
        }
        .course-price-opt-alt {
          padding-left: clamp(20px, 3vw, 34px);
          border-left: 1px solid var(--line-strong);
        }
        .course-price-opt-alt .course-price-num {
          font-size: clamp(24px, 2.6vw, 36px);
          color: var(--silver);
        }
        .course-price-strip small {
          font-family: var(--font-mono);
          color: var(--silver);
          text-transform: uppercase;
          letter-spacing: 0.06em;
          font-size: 11px;
        }
        .course-actions {
          display: flex;
          gap: 12px;
          flex-wrap: wrap;
          margin-top: 28px;
        }
        .course-section {
          padding-top: clamp(44px, 5vw, 76px);
          padding-bottom: clamp(44px, 5vw, 76px);
        }
        .course-section .sec-head h2,
        .course-section-title {
          letter-spacing: 0;
        }
        .course-section .sec-head {
          margin-bottom: clamp(24px, 3vw, 38px);
        }
        .course-section .sec-head h2 {
          font-family: var(--font-body);
          font-weight: 500;
          text-transform: none;
          font-size: clamp(34px, 4.6vw, 64px);
          line-height: 1.05;
        }
        .course-content-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 12px;
          align-items: stretch;
          grid-auto-rows: 1fr;
        }
        .course-content-grid > .reveal {
          display: flex;
        }
        @media (min-width: 860px) {
          .course-content-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
        }
        @media (min-width: 1180px) {
          .course-content-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
        }
        .course-module {
          min-height: 212px;
          width: 100%;
          height: 100%;
          border: 1px solid var(--line);
          padding: clamp(22px, 2vw, 28px);
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          gap: 14px;
          background: rgba(255,255,255,0.025);
        }
        .course-module h2 {
          font-family: var(--font-body);
          text-transform: none;
          font-weight: 500;
          font-size: clamp(19px, 1.45vw, 23px);
          line-height: 1.15;
          letter-spacing: 0;
          color: var(--white);
        }
        .course-module p,
        .course-copy,
        .course-final p {
          color: var(--silver);
          font-size: 15.5px;
          line-height: 1.58;
        }
        .course-copy-lg {
          font-size: clamp(16px, 1.4vw, 18px);
          line-height: 1.62;
        }
        .course-schedule {
          display: grid;
          gap: 10px;
          margin-top: 34px;
        }
        .course-schedule-card {
          border-top: 1px solid var(--line);
          padding-top: 30px;
        }
        .course-schedule-row {
          display: grid;
          grid-template-columns: minmax(108px, 0.42fr) 1fr;
          gap: 6px 18px;
          align-items: center;
          padding: 20px 0;
          border-top: 1px solid var(--line);
        }
        .course-schedule-row:last-child {
          border-bottom: 1px solid var(--line);
        }
        .course-schedule-row strong {
          font-family: var(--font-body);
          font-weight: 500;
          font-size: clamp(22px, 2.4vw, 34px);
          line-height: 1.05;
          letter-spacing: 0;
        }
        .course-schedule-row small {
          grid-column: 2;
          font-family: var(--font-mono);
          color: var(--silver);
          text-transform: uppercase;
          letter-spacing: 0.08em;
        }
        .course-schedule-note {
          margin-top: 18px;
          font-size: 11px;
          color: rgba(184,184,184,0.6);
          text-transform: uppercase;
          letter-spacing: 0.1em;
        }
        .course-info-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 38px;
          align-items: start;
        }
        @media (min-width: 900px) {
          .course-info-grid {
            grid-template-columns: 1fr 1fr;
            gap: 64px;
          }
        }
        .course-section-title {
          font-family: var(--font-body);
          font-weight: 500;
          text-transform: none;
          font-size: clamp(34px, 4.2vw, 58px);
          line-height: 1.05;
          margin-top: 22px;
          max-width: 12ch;
        }
        .course-summary-section .course-section-title {
          font-family: var(--font-body);
          font-weight: 500;
          text-transform: none;
          font-size: clamp(30px, 3.4vw, 48px);
          line-height: 1.08;
          max-width: 15ch;
        }
        .course-copy {
          max-width: 42ch;
          margin-top: 26px;
        }
        .course-copy-partial {
          margin-top: 16px;
          padding-left: 16px;
          border-left: 1px solid var(--line-strong);
        }
        .course-facts {
          border-top: 1px solid var(--line);
          margin-top: 34px;
        }
        .course-fact {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 22px 0;
          border-bottom: 1px solid var(--line);
        }
        @media (min-width: 640px) {
          .course-fact {
            grid-template-columns: 180px 1fr;
          }
        }
        .course-fact strong {
          font-family: var(--font-body);
          font-weight: 500;
          text-transform: none;
          font-size: clamp(18px, 1.8vw, 26px);
          line-height: 1.15;
          letter-spacing: 0;
        }
        .course-instructor-section {
          border-top: 1px solid var(--line);
        }
        .course-instructor-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 42px;
          align-items: center;
        }
        .course-instructor-grid > .reveal {
          min-width: 0;
        }
        .course-instructor-photo-block {
          order: -1;
        }
        @media (min-width: 900px) {
          .course-instructor-grid {
            grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
            gap: 64px;
          }
          .course-instructor-photo-block {
            order: 0;
          }
        }
        .course-instructor-copy {
          max-width: 760px;
        }
        .course-instructor-mark {
          display: block;
          width: clamp(132px, 15vw, 186px);
          height: auto;
          margin-top: 22px;
          opacity: 0.72;
        }
        .course-instructor-meta {
          display: grid;
          grid-template-columns: 1fr;
          gap: 0;
          max-width: 620px;
          margin-top: 32px;
          border-top: 1px solid var(--line);
        }
        .course-instructor-meta div {
          display: grid;
          grid-template-columns: 150px 1fr;
          gap: 18px;
          padding: 14px 0;
          border-bottom: 1px solid var(--line);
          align-items: baseline;
        }
        .course-instructor-meta strong {
          font-family: var(--font-body);
          font-weight: 500;
          color: var(--white);
          font-size: 15px;
          line-height: 1.35;
        }
        .course-instructor-social {
          display: flex;
          flex-wrap: wrap;
          gap: 10px 22px;
          margin-top: 26px;
        }
        .course-instructor-social a {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          color: var(--silver);
          transition: color 180ms ease;
        }
        .course-instructor-social a:hover {
          color: var(--white);
        }
        .course-instructor-photo {
          aspect-ratio: 1 / 1;
          overflow: hidden;
          border: 1px solid var(--line);
        }
        .course-instructor-photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center top;
          filter: grayscale(100%);
        }
        .course-final {
          text-align: center;
          padding: clamp(52px, 7vw, 92px) 0;
          border-top: 1px solid var(--line);
        }
        .course-final .display {
          font-family: var(--font-body);
          font-weight: 500;
          text-transform: none;
          font-size: clamp(38px, 5.4vw, 76px);
          line-height: 1.05;
          margin-top: 20px;
        }
        .course-final p {
          max-width: 40ch;
          margin: 26px auto 38px;
        }
        @media (max-width: 640px) {
          .course-hero {
            min-height: calc(100svh - 136px);
            padding-top: 64px;
          }
          .course-title {
            font-size: clamp(40px, 12.4vw, 68px);
            max-width: 11ch;
          }
          .course-actions .btn {
            width: 100%;
            white-space: normal;
            text-align: center;
          }
          .course-price-strip {
            align-items: flex-start;
            flex-direction: column;
            gap: 18px;
          }
          .course-price-opt-alt {
            padding-left: 0;
            padding-top: 18px;
            border-left: none;
            border-top: 1px solid var(--line);
            width: 100%;
          }
          .course-module {
            min-height: auto;
          }
          .course-instructor-grid {
            gap: 24px;
          }
          .course-instructor-photo {
            aspect-ratio: 4 / 5;
            max-height: 430px;
          }
          .course-instructor-copy .course-section-title {
            margin-top: 18px;
          }
          .course-instructor-mark {
            width: 132px;
            margin-top: 18px;
          }
          .course-copy-lg {
            font-size: 16px;
            line-height: 1.55;
          }
          .course-schedule-row,
          .course-instructor-meta div {
            grid-template-columns: 1fr;
          }
          .course-schedule-row small {
            grid-column: 1;
          }
        }
      `}</style>
    </>
  );
}

Object.assign(window, {
  CursoSeptiembrePage,
  COURSE_SEPT_WA_URL,
  COURSE_SEPT_START_LABEL,
  COURSE_SEPT_RANGE_LABEL,
  COURSE_SEPT_RANGE_LONG,
  COURSE_SEPT_PRICE_FULL,
  COURSE_SEPT_PRICE_PARTIAL,
  COURSE_SEPT_DEADLINE_LABEL,
  COURSE_SEPT_DEADLINE_LONG,
});