// Hero.jsx — Strato BIM landing hero block (responsive)
const Hero = ({ lang, onNavigate }) => {
  const mobile = window.useIsMobile(768);
  const copy = {
    it: {
      eyebrow: 'Revit add-in',
      h1a: 'Gli strumenti che Revit',
      h1b: 'dovrebbe avere.',
      sub: 'Strato BIM aggiunge 7 strumenti alla ribbon di Revit. Ognuno nasce da un workflow specifico che era lento — e ora non lo è più.',
      cta1: 'Scarica Strato BIM',
      platform: 'Windows · C# · Licenza annuale',
    },
    en: {
      eyebrow: 'Revit add-in',
      h1a: 'The tools Revit',
      h1b: 'should have.',
      sub: 'Strato BIM adds several time saving tools to the Revit ribbon. Each one exists because a specific workflow was painful — and now it isn\'t.',
      cta1: 'Download Strato BIM',
      platform: 'Windows · C# · Annual license',
    },
  }[lang];

  return (
    <section style={{
      background: 'var(--bg-page)',
      borderBottom: '1px solid var(--border)',
      padding: mobile ? '48px 20px 0' : '80px 32px 0',
    }}>
      <div style={{ maxWidth: 1200, margin: '0 auto' }}>
        {/* Eyebrow removed per user request */}

        {/* Headline */}
        <h1 style={{
          fontFamily: 'var(--font-sans)',
          fontSize: mobile ? 'clamp(28px, 7vw, 40px)' : 'clamp(40px, 5vw, 64px)',
          fontWeight: 600, lineHeight: 1.1, letterSpacing: '-0.03em',
          color: 'var(--fg-1)', maxWidth: 680, marginBottom: mobile ? 16 : 24,
        }}>
          {copy.h1a}<br/>
          <span style={{ color: 'var(--brand)' }}>{copy.h1b}</span>
        </h1>

        {/* Subhead */}
        <p style={{
          fontFamily: 'var(--font-sans)', fontSize: mobile ? 15 : 18, color: 'var(--fg-3)',
          lineHeight: 1.6, maxWidth: 560, marginBottom: mobile ? 28 : 36,
        }}>
          {copy.sub}
        </p>



        {/* Version tags removed per user request */}

      </div>
    </section>
  );
};

Object.assign(window, { Hero });