/* Page 1 — Hero (yellow) */

function Page1() {
  return (
    <section id="top" style={{ padding:'120px 0 80px', minHeight:'100vh', display:'flex', flexDirection:'column', justifyContent:'space-between' }}>
      <spline-viewer
        url="https://prod.spline.design/cTchpi7k1mhJAvU3/scene.splinecode?v=2"
        loading-anim-type="none"
        style={{ position:'absolute', inset:0, width:'100%', height:'100%', zIndex:2, background:'transparent' }}
      />
      <div className="wrap" style={{ position:'relative', zIndex:3 }}>
        <div className="p1-meta">
          <span>(01 / 05) — Philosophy · who we are</span>
          <span>Dubai · Kyiv · Remote</span>
          <span>Est. 2024</span>
        </div>
      </div>

      <div style={{ flex:1 }} />

      <div className="wrap" style={{ position:'relative', zIndex:3 }}>
        <div className="p1-lede">
          <Reveal className="body-lg text-wrap-pretty" style={{ maxWidth:620 }}>
            Ava Solutions — a team that connects real operating experience with a modern technology stack. We find the solution, automate the process, and return the hours that used to disappear into manual work.
          </Reveal>
          <Reveal delay={120}>
            <CTAButton>Discuss your task</CTAButton>
          </Reveal>
        </div>
      </div>
    </section>
  );
}

window.Page1 = Page1;