/* Systemiz site — Stuck section */

function StuckSection() {
  const symptoms = [
  { ic: "brain", title: "Knowledge lives in people's heads", desc: "Processes and context aren't captured in systems. They walk out the door every time someone leaves." },
  { ic: "notebook-tabs", title: "No single source of truth", desc: "Information is scattered across 10–15 different tools. Your team wastes their and your time trying to find information and context switching." },
  { ic: "layout-dashboard", title: "No CEO dashboard", desc: "Zero visibility into the business or what your team is actually working on day to day." },
  { ic: "line-chart", title: "Don't know your numbers", desc: "Data tracking isn't automated, so you don't know your numbers and can't make informed decisions." },
  { ic: "alarm-clock-off", title: "Growth means more of your time", desc: "Fulfillment can't scale because everything still requires your time. You can only grow as much as your calendar allows it." }];

  return (
    <section className="section" id="why-stuck" data-screen-label="02 Why You Feel Stuck">
      <div className="shell">
        <div className="section-head reveal">
          <span className="eyebrow">The Problem</span>
          <h2>If you stop working, <span className="accent">the business stops growing.</span></h2>
          <p className="lede" style={{ fontWeight: "400" }}><strong style={{ color: "#fff", fontWeight: 700 }}>You're the bottleneck of your own business</strong> because everything<br />routes through you. So the week fills with work anyone could do,<br />and the work only you can do never gets done.

          </p>
        </div>
        <div className="stuck reveal">
          <div className="stuck-copy">
            <h3>The <strong style={{ color: "rgb(255, 255, 255)" }}>cost</strong>: <strong>you <b style={{ fontWeight: 500 }}>
ARE</b> the system.</strong></h3>
            <p>Say the system gives you back <strong style={{ color: 'var(--fg-1)', fontWeight: "600" }}>5h/week</strong> and you put them into sales instead of operations. If your average customer is worth $2,000 and those hours win you <strong style={{ color: 'var(--fg-1)', fontWeight: "600" }}>one more per month</strong>, that's <strong style={{ color: 'var(--fg-1)', fontWeight: "600" }}>$24,000 a year</strong> your lack of systems is costing you.</p>
            <p>You're not stuck because you're not working hard enough. You're stuck because <strong style={{ color: 'var(--fg-1)', fontWeight: "600" }}>nothing works without you.</strong> Another AI tool, course or template won't fix that. What you need is <strong style={{ color: 'var(--fg-1)', fontWeight: "600" }}>ONE system that gets the business out of your head,</strong> with AI working inside it.</p>
            <div className="signature">That's what Systemizers will help you achieve in 30 days.</div>
          </div>
          <div className="symptom-stack">
            <div className="symptom-stack-label">
              <span className="ssl-rule"></span>
              <span className="ssl-text">5 signs you are the system</span>
              <span className="ssl-rule"></span>
            </div>
            {symptoms.map((s, i) => <div className="symptom" key={i}>
                <span className="num">0{i + 1}</span>
                <span className="ico"><i data-lucide={s.ic}></i></span>
                <div className="body">
                  <div className="title">{s.title}</div>
                  <div className="desc">{s.desc}</div>
                </div>
              </div>
            )}
          </div>
        </div>
      </div>
    </section>);

}

Object.assign(window, { StuckSection });