// Hero — typographic display, voice waveform, specialty switcher, phone mockup const SPECIALTIES = [ { id: "dental", label: "Dental", headline: ["Every implant call", "answered."], blurb: "Recover after-hours and overflow calls into booked consults — written straight to Dentrix or Modento, in seconds.", slots: 4, slotLabel: "dental" }, { id: "derm", label: "Dermatology", headline: ["Every cosmetic inquiry", "qualified."], blurb: "Specialty-specific intake captures concern, history, and insurance — so the chair is filled by patients who fit the visit.", slots: 2, slotLabel: "derm" }, { id: "primary", label: "Primary care", headline: ["Every new patient,", "doctor-approved."], blurb: "A 30-second tap on the physician's phone keeps the scheduling decision where it belongs — with the doctor.", slots: 3, slotLabel: "primary care" }, { id: "aesthetics", label: "Aesthetics", headline: ["Every consult booked", "before the next clinic."], blurb: "Patients comparing providers don't wait. Samika answers in under two rings and books while interest is hot.", slots: 3, slotLabel: "aesthetics" }, ]; function Waveform({ active }) { // 28 bars, animated heights using staggered CSS animations const bars = Array.from({ length: 28 }, (_, i) => i); return (
{bars.map(i => ( ))}
); } function PhoneMock({ specialty }) { // Doctor approval card — the unique Samika angle. const intake = { primary: { name: "Marisol Rivera", reason: "New patient — persistent fatigue, 3 weeks", urgency: "Routine", duration: "45 min" }, dental: { name: "Marisol Rivera", reason: "Implant consult — molar #19", urgency: "Standard", duration: "60 min" }, derm: { name: "Marisol Rivera", reason: "Mole evaluation — back, recently changed", urgency: "Standard", duration: "30 min" }, aesthetics: { name: "Marisol Rivera", reason: "Botox consultation — first-time", urgency: "Standard", duration: "45 min" }, }[specialty] || {}; return (
9:41 ●●● 5G ▮▮▮
Samika now
Patient
{intake.name}
Reason
{intake.reason}
Visit
{intake.duration}
Urgency
{intake.urgency}
Tap to confirm · 28 sec to act
Samika "I'll share this with Dr. Patel and confirm within the hour."
); } function Hero({ heroVariant, ctaLabel, secondaryCtaLabel }) { const [spec, setSpec] = React.useState("primary"); const current = SPECIALTIES.find(s => s.id === spec); const isCentered = heroVariant === "centered"; if (isCentered) { return (
HIPAA · BAA available · SOC-2 in progress

{current.headline[0]} {current.headline[1]}

Samika is the AI patient access system for specialty and primary care clinics. It answers every inbound call, runs a structured intake, and books the appointment directly into your PMS — with the physician in the loop on every new patient.

{ctaLabel || "Book a demo"} → {secondaryCtaLabel || "Hear a sample call"}
Pilot open · {current.slots} {current.slotLabel} practices accepted this month
For:
{SPECIALTIES.map(s => ( ))}
A patient is calling — answered in 1.2s
); } return (
HIPAA · BAA available · SOC-2 in progress
A patient is calling — answered in 1.2s

{current.headline[0]}
{current.headline[1]}

Samika is the AI patient access system for specialty and primary care clinics. It answers every inbound call, runs a structured intake, and books the appointment directly into your PMS — with the physician in the loop on every new patient.

Pilot open · {current.slots} {current.slotLabel} practices accepted this month
For:
{SPECIALTIES.map(s => ( ))}

{current.blurb}

Physician approval loop
30 seconds · doctor decides · before booking
); } window.Hero = Hero;