/* eslint-disable */
// Home — trust strip (marquee company list).

function HomeTrustStrip() {
  const cohort = [
  "Meta", "Google", "Nvidia", "Stripe", "Riot Games",
  "Twitch", "Airbnb", "Fetch", "Coinbase", "Apple",
  "Vercel", "Netflix", "Microsoft", "Amazon", "Snowflake"];

  // double for seamless loop
  const all = [...cohort, ...cohort];
  return (
    <section style={{
      padding: "32px 0 24px",
      background: "var(--navy-950)",
      borderTop: "1px solid rgba(255,255,255,0.05)",
      borderBottom: "1px solid rgba(255,255,255,0.05)",
      overflow: "hidden"
    }}>
      <div className="wc-container" style={{ display: "flex", alignItems: "center", gap: 32 }}>
        <div className="wc-kicker" style={{ whiteSpace: "nowrap", color: "#3d6585", flexShrink: 0 }}>CLIENTS INTERVIEWING AT →

        </div>
        <div style={{
          flex: 1, overflow: "hidden",
          maskImage: "linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent)",
          WebkitMaskImage: "linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent)"
        }}>
          <div style={{ display: "flex", gap: 56, width: "200%", animation: "wc-marquee 32s linear infinite" }}>
            {all.map((co, i) =>
            <div key={i} style={{
              fontFamily: "'Space Grotesk', sans-serif", fontWeight: 700, fontSize: 19,
              letterSpacing: "-0.015em", color: "#527b9b",
              whiteSpace: "nowrap", flexShrink: 0
            }}>{co}</div>
            )}
          </div>
        </div>
      </div>
    </section>);

}

window.HomeTrustStrip = HomeTrustStrip;