/* ============================================================
   Calming Spot — Schedule page
   Renders the live Momence schedule via the shared
   <MomenceScheduleEmbed/> (defined in MomenceSchedule.jsx).
   Edit host_id / filters there.

   The previous month-grid calendar (Google-Calendar fed) is
   preserved in page-schedule-calendar-version.jsx for when the
   Google Calendar sync is ready.
   ============================================================ */

const { PageHero: ScHero, renderPage: scRender } = window;
const ScMomence = window.MomenceScheduleEmbed;

function SchedulePage() {
  return (
    <>
      <ScHero
        crumb="Schedule"
        eyebrow="Class Schedule"
        title="Find your next moment of calm."
        lead="Browse upcoming sound baths, beach sessions, and workshops, then book your spot in a few taps."
        mediaLabel="Candlelit studio, mats laid out at dusk"
        mediaSrc="assets/scene/hero-schedule.jpg"
        scrim="light"
      />
      <section className="cs-sched-section">
        <div className="cs-sched-wrap">
          <ScMomence />
          <p className="cs-sched-foot">
            Times shown in Pacific Time. Booking and payment are handled securely through Momence.
          </p>
        </div>
      </section>
    </>
  );
}

scRender(<SchedulePage />);