// OtherLanding.jsx — 9B: Researcher / Public Health / Educator + general stakeholders
// Links to #press, #investor, #educator, #researcher, #industry
// Compliance: AB 3030, no PHI

const AB3030 = 'AI-assisted content is disclosed under California AB 3030. Information only — not clinical advice.';

const SECTIONS = [
  {
    slug: 'researcher',
    emoji: '🔬',
    title: 'Researchers & Public Health',
    desc: 'De-identified cost and outcomes data, methodology access, and academic collaboration.',
    cta: 'Request Data Access',
    screen: 'researcher',
  },
  {
    slug: 'educator',
    emoji: '🎓',
    title: 'Educators & Training Programs',
    desc: 'Curriculum modules, CE content licensing, and dental school partnerships.',
    cta: 'Explore Educator Tools',
    screen: 'educator',
  },
  {
    slug: 'press',
    emoji: '📰',
    title: 'Press & Media',
    desc: 'Brand assets, founder bios, fact sheet, and media inquiry form.',
    cta: 'Visit Press Room',
    screen: 'press',
  },
  {
    slug: 'investor',
    emoji: '📈',
    title: 'Investors',
    desc: 'Company overview, traction metrics, and deck request form.',
    cta: 'Investor Overview',
    screen: 'investor',
  },
  {
    slug: 'industry',
    emoji: '🏢',
    title: 'Industry Partners',
    desc: 'DSOs, insurers, suppliers, and technology integrations.',
    cta: 'Partner with Us',
    screen: 'industry',
  },
];

function OtherLanding({ go }) {
  return (
    <div className="gap-screen animate-fade-in-up" style={{ maxWidth: 720, margin: '0 auto', padding: '24px 16px' }}>
      <button type="button" className="btn btn-ghost btn-sm" onClick={() => go?.('landing')} style={{ marginBottom: 16, paddingLeft: 0 }}>
        ← Home
      </button>

      <p style={{ fontSize: 11, fontWeight: 700, letterSpacing: '0.1em', color: 'var(--color-accent)', textTransform: 'uppercase', marginBottom: 8 }}>
        STAKEHOLDERS
      </p>
      <h1 style={{ fontSize: 'clamp(1.25rem,4vw,1.75rem)', fontWeight: 700, margin: '0 0 4px' }}>
        Beyond Patients & Dentists
      </h1>
      <p className="section-subtitle" style={{ marginBottom: 24 }}>
        TheDentist.ai serves researchers, educators, press, investors, and industry — here's how we work with each.
      </p>

      {/* Patient triage path */}
      <div className="card" style={{ background: 'var(--color-accent-light)', marginBottom: 24, display: 'flex', gap: 16, alignItems: 'center', flexWrap: 'wrap' }}>
        <div style={{ fontSize: 32 }}>🦷</div>
        <div style={{ flex: 1 }}>
          <div style={{ fontWeight: 600, fontSize: 15, marginBottom: 4 }}>Looking for dental care?</div>
          <p style={{ fontSize: 13, color: 'var(--color-text-secondary)', margin: 0 }}>
            You've arrived at our stakeholder hub. Patients and dentists start here →
          </p>
        </div>
        <button type="button" className="btn btn-primary btn-sm" onClick={() => go?.('landing')}>
          Patient Portal →
        </button>
      </div>

      {/* Stakeholder cards */}
      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
        {SECTIONS.map(s => (
          <div key={s.slug} className="card" style={{ display: 'flex', gap: 16, alignItems: 'center', flexWrap: 'wrap' }}>
            <div style={{ fontSize: 32, flexShrink: 0 }}>{s.emoji}</div>
            <div style={{ flex: 1 }}>
              <div style={{ fontWeight: 600, fontSize: 14, marginBottom: 3 }}>{s.title}</div>
              <p style={{ fontSize: 13, color: 'var(--color-text-secondary)', margin: 0 }}>{s.desc}</p>
            </div>
            <button type="button" className="btn btn-secondary btn-sm" style={{ flexShrink: 0 }}
              onClick={() => go?.(s.screen)}>
              {s.cta} →
            </button>
          </div>
        ))}
      </div>

      <div className="disclaimer-banner" style={{ marginTop: 24 }}>{AB3030}</div>
      <p style={{ fontSize: 11, color: 'var(--color-text-tertiary)', marginTop: 8 }}>
        TheDentist<em>.ai</em> · Smile Mentors Inc.
      </p>
    </div>
  );
}

window.OtherLanding = OtherLanding;