`agents/web-agent/app/community/page.tsx`

39 lines
// /community — patient + doctor threads. Phase 4 scaffold; placeholder
// content until threads/messages tables ship.

export default function CommunityPage() {
  const placeholderThreads = [
    { title: 'Best primary care in Mid-City under 30 min wait?', city: 'Mid-City LA', kind: 'Recommendations', replies: 14 },
    { title: 'Anyone with experience at Cedars-Sinai cardiology?', city: 'West Hollywood', kind: 'Specialty', replies: 22 },
    { title: 'Pediatric dentists open weekends in the Valley', city: 'Sherman Oaks', kind: 'Pediatrics', replies: 9 },
    { title: 'In-network OB/GYN with Anthem Blue Cross', city: 'Westside', kind: 'Insurance', replies: 31 },
    { title: 'Geriatric care — assisted vs at-home (Pasadena)', city: 'Pasadena', kind: 'Eldercare', replies: 17 },
    { title: 'Where do I claim my practice page?', city: '—', kind: 'Practice owners', replies: 4 },
  ];

  return (
    <section className="section">
      <div className="eyebrow">Community</div>
      <h2>What Angelenos are asking each other</h2>
      <p style={{ maxWidth: 580, color: 'var(--ink-soft)' }}>
        Patients comparing notes. Doctors answering. Office managers explaining insurance.
        Free to read; subscribers can post and DM.
      </p>

      <div className="card-grid" style={{ marginTop: 32 }}>
        {placeholderThreads.map((t, i) => (
          <a key={i} className="card" href="#">
            <span className="badge">{t.kind}</span>
            <span className="name">{t.title}</span>
            <span className="meta">{t.city} · {t.replies} replies</span>
          </a>
        ))}
      </div>

      <p style={{ color: 'var(--ink-soft)', fontStyle: 'italic', marginTop: 32, textAlign: 'center' }}>
        Threads + DMs ship in Phase 4 (real-time via socket.io).
      </p>
    </section>
  );
}