// ABOUT. light parchment, two-column with portrait + editorial intro + pull quote

function About() {
  return (
    <section className="section about circles" id="about">
      <div className="container">
        <div className="about__grid">
          <Reveal as="div" delay={0} className="about__media">
            <div className="about__media-sticky">
              <div className="about__portrait">
                <video
                  className="about__portrait-video"
                  src="assets/Jacob.mp4"
                  autoPlay
                  loop
                  muted
                  playsInline
                  preload="metadata"
                  aria-hidden="true"
                />
                <div className="about__caption">Jacob Tapp</div>
              </div>
              <div className="about__media-card">
                <span className="about__media-card-eyebrow">Based In</span>
                <span className="about__media-card-text">Sydney, Australia</span>
                <span className="about__media-card-meta">Healing Worldwide · In-Person & Remote</span>
              </div>
            </div>
          </Reveal>

          <div className="about__body">
            <Reveal as="div" delay={120}>
              <Eyebrow tone="crimson" rules={false}>Who is The Cosmic Healer</Eyebrow>
            </Reveal>

            <Reveal as="p" className="about__p" delay={200}>
              I am not here to entertain your spirit.
            </Reveal>

            <Reveal as="p" className="about__p" delay={260}>
              I am here to wake it up.
            </Reveal>

            <Reveal as="p" className="about__p" delay={320}>
              I have walked through the underworlds of the human condition,
              grief that splits the chest open, silence that rots the soul,
              hunger that no amount of money, praise, sex, or distraction can
              satisfy. I know what lives beneath the mask because I have burned
              inside it myself.
            </Reveal>

            <Reveal as="p" className="about__p" delay={380}>
              The breath I carry is not metaphor to me. It is dragon fire.
              Ancient. Living. Holy.
            </Reveal>

            <Reveal as="p" className="about__p" delay={440}>
              When I play the Yidaki, I do not perform. I open. I tear through
              the veil between worlds and call the sleeping parts of people back
              into their bodies. Some remember who they are instantly. Others
              tremble. Others weep. The body does not lie when truth enters the
              room.
            </Reveal>

            <Reveal as="p" className="about__p" delay={500}>
              I do not deal in surface healing. I work in the bones. In the
              nervous system. In the buried memory beneath the personality you
              learned to survive with.
            </Reveal>

            <Reveal as="p" className="about__p" delay={560}>
              I have sat inside frequencies that dissolved the illusion of
              separation itself. I have watched people meet the child they
              abandoned, the rage they buried, the light they were taught to
              fear. This work is not safe for the ego. It was never meant to be.
            </Reveal>

            <Reveal as="p" className="about__p" delay={620}>
              I am not interested in spirituality as performance. Not the
              costumes. Not the buzzwords. Not the endless addiction to
              appearing "awakened."
            </Reveal>

            <Reveal as="p" className="about__p" delay={680}>
              I am interested in what remains after the false self burns.
            </Reveal>

            <Reveal as="p" className="about__p" delay={740}>
              Because beneath the distortion, beneath the conditioning, beneath
              generations of fear and forgetting… there is something ancient
              inside every human being. Something fierce. Something eternal.
            </Reveal>

            <Reveal as="p" className="about__p" delay={800}>
              And when that fire begins to breathe again, your entire life changes.
            </Reveal>
          </div>
        </div>

        <Reveal as="blockquote" className="about__quote" delay={120} threshold={0.25}>
          "The kingdom of heaven is within you. You are the key."
          <span className="about__quote-rule"/>
        </Reveal>
      </div>
    </section>
  );
}

window.About = About;