/* Proof — restructured: detailed case study + rich product cards */

function Proof() {
  return (
    <section id="work" style={{ background: "var(--bg-1)" }}>
      <div className="container">
        <Reveal>
          <div className="section-head">
            <div className="eyebrow">Proof · Built &amp; shipped</div>
            <h2>Products we've built — for clients and for ourselves.</h2>
            <p className="sub">
              We don't pitch transformation in theory. Here's what we've shipped — the platform we built
              for a 30-person e-commerce team, and the two products we run independently with 15,000+ combined users.
            </p>
          </div>
        </Reveal>

        {/* Case study — horizontal, denser */}
        <Reveal delay={1}>
          <article className="proof-case-v2">
            <header className="proof-case-v2-head">
              <div>
                <div className="case-tag">Client engagement · E-commerce · 30-person team</div>
                <h3 className="proof-case-v2-title">
                  An autonomous ads platform for Amazon &amp; Flipkart sellers — shipped in 12 weeks.
                </h3>
              </div>
              <div className="proof-case-v2-stats">
                <div className="mini-stat"><div className="mini-stat-num"><Counter to={12} suffix=" wk"/></div><div className="mini-stat-label">Idea → production</div></div>
                <div className="mini-stat"><div className="mini-stat-num"><Counter to={183} suffix="%"/></div><div className="mini-stat-label">Seller ROAS lift</div></div>
                <div className="mini-stat"><div className="mini-stat-num"><Counter to={30} /></div><div className="mini-stat-label">Team retrained</div></div>
              </div>
            </header>

            <div className="proof-case-v2-body">
              <div className="proof-col">
                <div className="proof-col-label">What we built</div>
                <ul className="proof-list">
                  <li>AI-driven ad creation — generate Sponsored Products, Sponsored Brands, and DSP-style creative from a single product URL.</li>
                  <li>Autonomous budget &amp; bid optimizer that rebalances spend across Amazon &amp; Flipkart.</li>
                  <li>Unified analytics layer — ROAS, ACoS, conversion and keyword performance normalized across both marketplaces.</li>
                  <li>Seller-facing dashboards, alerts, and a weekly performance digest.</li>
                </ul>
              </div>
              <div className="proof-col">
                <div className="proof-col-label">How we worked</div>
                <ul className="proof-list">
                  <li>Embedded with their product, eng and ops leads from day one — both founders, full-time.</li>
                  <li>Paired programming through every phase so their team owns the codebase on handover.</li>
                  <li>Parallel AI-native retraining for their ops and marketing teams while we shipped.</li>
                  <li>Production handover in week 12 · on-call support through week 16.</li>
                </ul>
              </div>
            </div>
          </article>
        </Reveal>

        {/* Products — same visual weight as case, with the 12k figure as an integrated header */}
        <Reveal delay={2}>
          <div className="proof-products-v2">
            <div className="proof-products-v2-head">
              <div>
                <div className="case-tag">Our own products · Independently built &amp; monetizing</div>
                <h3 className="proof-case-v2-title" style={{ maxWidth: "26ch" }}>
                  The two products we run ourselves.
                </h3>
              </div>
              <div className="proof-combined">
                <div className="proof-combined-num"><Counter to={15000} suffix="+" duration={2000}/></div>
                <div className="proof-combined-label">combined users,<br/>still growing</div>
              </div>
            </div>

            <div className="proof-products-v2-grid">
              <article className="product-v2">
                <div className="product-v2-head">
                  <div>
                    <div className="product-v2-name">AIVeed.io</div>
                    <div className="product-v2-tag">AI Video Generator · Pay-per-use</div>
                  </div>
                </div>
                <p className="product-v2-desc">
                  A text-to-video platform that turns a prompt into a polished, watermark-free video in under two minutes.
                  Built for marketers, educators and SMBs who need professional videos without a subscription or production crew.
                </p>
                <ul className="product-v2-features">
                  <li>First-frame preview before spending credits — zero wasted generations</li>
                  <li>Batch output up to 40s with seamless auto-stitching</li>
                  <li>Pay-per-video pricing · no lock-in · commercial-use ready</li>
                </ul>
                <a href="https://aiveed.io" target="_blank" rel="noopener" className="product-v2-link">
                  Visit aiveed.io <Arrow/>
                </a>
              </article>

              <article className="product-v2">
                <div className="product-v2-head">
                  <div>
                    <div className="product-v2-name">Backtesting.dev</div>
                    <div className="product-v2-tag">AI Backtesting Platform · No-code</div>
                  </div>
                </div>
                <p className="product-v2-desc">
                  Describe a trading idea in plain English and get it backtested on 10+ years of market data across
                  S&amp;P 500, NASDAQ 100, crypto and major forex pairs — no code required.
                </p>
                <ul className="product-v2-features">
                  <li>500+ assets · 10+ years of historical coverage · real-time daily updates</li>
                  <li>50,000+ strategies backtested by our community so far</li>
                  <li>Advanced validation engine for realistic, trustworthy results</li>
                </ul>
                <a href="https://backtesting.dev" target="_blank" rel="noopener" className="product-v2-link">
                  Visit backtesting.dev <Arrow/>
                </a>
              </article>
            </div>
          </div>
        </Reveal>
      </div>
    </section>
  );
}

Object.assign(window, { Proof });