/* global React, Icon, Button, SectionHead, Reveal, Img, ImpactBand */
const { useState: useStateP } = React;

/* ---------- reusable section blocks -------------------------------------- */
function PHero({ crumb, title, lead, onContact, cta }) {
  return (
    <header className="phero">
      <video className="phero-video" autoPlay muted loop playsInline>
        <source src="assets/video/beige-hero.mp4" type="video/mp4" />
      </video>
      <div className="phero-bg" />
      <div className="wrap">
        <Reveal className="breadcrumb">
          <a href="index.html">Home</a><Icon name="chevronRight" size={13} />
          {crumb.map((c, i) => (
            <React.Fragment key={c[0]}>
              {c[1] ? <a href={c[1]}>{c[0]}</a> : <span style={{ color: "var(--ember-700)" }}>{c[0]}</span>}
              {i < crumb.length - 1 && <Icon name="chevronRight" size={13} />}
            </React.Fragment>
          ))}
        </Reveal>
        <Reveal as="h1" delay={80}>{title}</Reveal>
        {lead && <Reveal delay={160}><p className="lead">{lead}</p></Reveal>}
        {cta && <Reveal delay={240} style={{ marginTop: 28 }}>
          <Button variant="grad" size="lg" onClick={onContact}>{cta}</Button>
        </Reveal>}
      </div>
    </header>
  );
}

function SplitFeature({ media, alt, reverse, eyebrow, title, body, bullets, icon = "check" }) {
  return (
    <section className="section">
      <div className={`wrap split ${reverse ? "rev" : ""}`}>
        <Reveal className="split-media">
          <Img src={media} alt={alt} parallax={0.05} />
        </Reveal>
        <div>
          <div className="rule-dove" style={{ marginBottom: 15 }} />
          <span className="eyebrow">{eyebrow}</span>
          <h2 style={{ font: "var(--text-h1)", letterSpacing: "-0.02em", margin: "14px 0 0" }}>{title}</h2>
          {body && <p className="lead" style={{ marginTop: 16 }}>{body}</p>}
          {bullets && (
            <ul className="split-list">
              {bullets.map((b) => (
                <li key={b.t}>
                  <span className="li-ic"><Icon name={icon} size={16} stroke={2.2} /></span>
                  <span><span className="li-t">{b.t}</span>{b.s && <span className="li-s">{b.s}</span>}</span>
                </li>
              ))}
            </ul>
          )}
        </div>
      </div>
    </section>
  );
}

function Pillars({ eyebrow, title, lead, items, alt }) {
  return (
    <section className={`section ${alt ? "alt" : ""}`}>
      <div className="wrap">
        <SectionHead eyebrow={eyebrow} title={title} lead={lead} />
        <div className="cap-grid">
          {items.map((it, i) => (
            <Reveal key={it.t} delay={i * 70}>
              <div className="cap" style={{ height: "100%" }}>
                <div className="cap-ic"><Icon name={it.ic} size={24} /></div>
                <h3>{it.t}</h3>
                <p>{it.d}</p>
              </div>
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}

function PageCTA({ onContact, title, text }) {
  return (
    <section className="section">
      <div className="wrap">
        <Reveal className="cta">
          <div className="rule-dove" style={{ margin: "0 auto 18px", background: "rgba(255,255,255,.9)" }} />
          <h2>{title}</h2>
          <p style={{ whiteSpace: "pre-line" }}>{text}</p>
          <div className="hero-cta">
            <Button variant="onorange" size="lg" onClick={onContact}>Partner with HCDI</Button>
            <Button variant="onorange-ghost" size="lg" href="index.html" showIcon={false}>Back to home</Button>
          </div>
        </Reveal>
      </div>
    </section>
  );
}

/* ---------- solution page (generic) -------------------------------------- */
function SolutionPage({ d, onContact }) {
  return (
    <main>
      <PHero crumb={[["Solutions"], [d.title]]} title={d.title} lead={d.lead} onContact={onContact} cta="Partner with HCDI" />
      <SplitFeature media={d.media} alt={d.title} eyebrow="The challenge" title={d.challengeTitle} body={d.challenge} bullets={d.approach} />
      <Pillars eyebrow="How we help" title={d.helpTitle} lead={d.helpLead} items={d.pillars} alt />
      {d.media2 && <SplitFeature media={d.media2} alt={d.title} reverse eyebrow="The outcome" title={d.outcomeTitle} body={d.outcome} bullets={d.results} icon="trendingUp" />}
      <ImpactBand />
      <PageCTA onContact={onContact} title={d.ctaTitle} text={d.ctaText} />
    </main>
  );
}

/* ---------- About / Who We Are ------------------------------------------- */
function AboutPage({ onContact }) {
  return (
    <main>
      <PHero crumb={[["About HCDI"], ["Who We Are"]]} title="Closing the distance between data and care."
        lead="For 30 years, HealthCare Dynamics International has helped health plans, providers, communities, and government partners turn data into measurable health and financial outcomes." />
      <SplitFeature media="assets/photos/team-portrait.jpg" alt="The HCDI team" eyebrow="Who we are"
        title="A high-performance strategic partner."
        body="In today's diverse healthcare landscape, complex problems require a customized approach. HCDI combines analytics, health-equity strategy, and community-based engagement to reach the people who need care most — and to prove the impact in quality and cost."
        bullets={[
          { t: "Data insights into lasting interventions", s: "We build sustainable, community-based programs grounded in evidence." },
          { t: "Hyper-local, culturally intelligent engagement", s: "We reduce disparities by meeting people where they are." },
          { t: "Customized, measurable solutions", s: "We ensure quality objectives are met for all, especially vulnerable populations." },
        ]} />
      <Pillars eyebrow="Our engagement" title="How we work" alt
        lead="Whole-person, data-driven, and built for trust."
        items={[
          { ic: "database", t: "Data-driven", d: "Advanced analytics and our A.I.M. platform pinpoint where to act and why." },
          { ic: "heart", t: "Human-centered", d: "Culturally matched outreach builds the trust that drives real engagement." },
          { ic: "shieldCheck", t: "Accountable", d: "HITRUST-certified and HIPAA-compliant, with closed-loop outcome reporting." },
        ]} />
      <ImpactBand />
      <PageCTA onContact={onContact} title="Let's optimize health outcomes together."
        text="See how 30 years of data-driven, human-centered engagement can move your quality and cost results." />
    </main>
  );
}

/* ---------- Leadership --------------------------------------------------- */
const LEADERS = [
  {
    n: "Jean Drummond",
    r: "President & Chief Executive Officer",
    img: "jean-drummond.jpg",
    lead: "A dynamic healthcare executive who founded HCDI in 1991 and has spent her career bridging the gaps between health policy, program implementation, and access to care.",
    bio: [
      "As President and Chief Executive Officer of HealthCare Dynamics International, Jean is a dynamic and knowledgeable healthcare professional with vast experience providing executive oversight on extensive quality services across the federal, state, county, community, and private health sectors.",
      "Her strength lies in her ability to bridge the gaps between health policy, program implementation, and access to care for our most vulnerable populations. She founded HCDI in 1991 after a successful career as a practicing clinician. Her focus on placing only the best candidates — selected for skills, experience, work ethic, and drive — ensures clients receive excellent value on every contract.",
      "Jean received her undergraduate degree as a Physician's Assistant from Howard University and earned her Master's in Public Administration in Health Care Management from Bowie State University. A devout mother of three and wife to Dr. Jimmie Drummond, a veteran of the U.S. Air Force, Jean believes her success rests in giving the greatest gift of all — love and service to mankind.",
    ],
    social: [
      { ic: "linkedin", href: "https://www.linkedin.com/company/hcdinternational", label: "LinkedIn" },
      { ic: "twitter", href: "https://twitter.com/HCDI_Inc", label: "Twitter" },
      { ic: "facebook", href: "https://www.facebook.com/HCDIInc", label: "Facebook" },
      { ic: "youtube", href: "https://www.youtube.com/channel/UCzRsPFUNiOHzBaChAXbUt7g", label: "YouTube" },
    ],
  },
  {
    n: "Michelle Pascaran",
    r: "Vice President & Chief Operating Officer",
    img: "michelle-pascaran.jpg",
    lead: "Second in command at HCDI, Michelle leads day-to-day operations and multiple quality-management teams advancing community and population-health initiatives nationwide.",
    bio: [
      "As Vice President & Chief Operating Officer for HCDI, Michelle serves as second in command for the organization, working closely with the President & CEO to advance HCDI's strategic goals and objectives. She provides leadership and day-to-day oversight of HCDI's programs and leads multiple quality-management teams in the development and implementation of state and national community and population-health initiatives.",
      "With over 15 years at HCDI, Michelle has served in various capacities across the organization, including programs with the Department of Health and Human Services, the Centers for Medicare & Medicaid Services, and the Department of Housing & Urban Development, among others.",
      "Michelle earned dual undergraduate degrees in Government & Politics and Journalism, with a minor in Women's Studies, from the University of Maryland, College Park. Driven by her experience as a first-generation immigrant, she understands the challenges many of the most vulnerable face. Fluent in Tagalog, her passions include experiencing new adventures and cultures through travel — and spoiling her two dogs.",
    ],
    social: [
      { ic: "linkedin", href: "https://www.linkedin.com/company/hcdinternational", label: "LinkedIn" },
      { ic: "twitter", href: "https://twitter.com/HCDI_Inc", label: "Twitter" },
      { ic: "facebook", href: "https://www.facebook.com/HCDIInc", label: "Facebook" },
      { ic: "youtube", href: "https://www.youtube.com/channel/UCzRsPFUNiOHzBaChAXbUt7g", label: "YouTube" },
    ],
  },
];

function LeaderModal({ leader, onClose }) {
  const open = !!leader;
  return (
    <div className={`modal-back ${open ? "open" : ""}`} onClick={onClose}>
      {leader && (
        <div className="modal leader-modal" onClick={(e) => e.stopPropagation()}>
          <button className="modal-x" onClick={onClose} aria-label="Close"><Icon name="x" size={22} /></button>
          <div className="lm-head">
            <Img src={`assets/photos/${leader.img}`} alt={leader.n} />
            <div>
              <h3>{leader.n}</h3>
              <div className="lm-role">{leader.r}</div>
              <div className="so so-lg">
                {leader.social.map((s) => (
                  <a key={s.label} href={s.href} target="_blank" rel="noopener noreferrer" aria-label={s.label}><Icon name={s.ic} size={16} /></a>
                ))}
              </div>
            </div>
          </div>
          <div className="lm-body">
            {leader.bio.map((p, i) => <p key={i}>{p}</p>)}
          </div>
        </div>
      )}
    </div>
  );
}

function LeadershipPage({ onContact }) {
  const [active, setActive] = useStateP(null);
  return (
    <main>
      <PHero crumb={[["About HCDI"], ["Leadership"]]} title="The people behind the mission."
        lead="HCDI is led by two executives who pair data-driven rigor with deep community commitment — Sage and Caregiver in equal measure." />
      <section className="section">
        <div className="wrap">
          <div className="team-grid team-2">
            {LEADERS.map((m, i) => (
              <Reveal className="member member-card" key={m.n} delay={i * 90}>
                <button className="member-open" onClick={() => setActive(m)} aria-label={`Read ${m.n}'s full bio`}>
                  <Img src={`assets/photos/${m.img}`} alt={m.n} />
                  <h4>{m.n}</h4>
                  <div className="ro">{m.r}</div>
                  <p className="bio">{m.lead}</p>
                  <span className="read-bio">Read full bio<Icon name="arrowRight" size={15} stroke={2} /></span>
                </button>
                <div className="so">
                  {m.social.map((s) => (
                    <a key={s.label} href={s.href} target="_blank" rel="noopener noreferrer" aria-label={s.label}><Icon name={s.ic} size={16} /></a>
                  ))}
                </div>
              </Reveal>
            ))}
          </div>
        </div>
      </section>
      <ImpactBand />
      <PageCTA onContact={onContact} title="Work with our team." text="Let's talk about your population,
your goals, and how HCDI can help." />
      <LeaderModal leader={active} onClose={() => setActive(null)} />
    </main>
  );
}

/* ---------- The Dove Report (blog) --------------------------------------- */
function DoveReportPage({ onContact }) {
  const posts = [
    { tag: "Webinar", t: "HEAL: Centering Indigenous Health Sovereignty", img: "doctor-senior-2.jpg", meta: "Health Equity Action Learning" },
    { tag: "Insight", t: "Aging in Place: The Future of LTSS", img: "doctor-senior-1.jpg", meta: "Long-Term Services & Supports" },
    { tag: "Milestone", t: "Celebrating 30 Years of HCDI", img: "team-portrait.jpg", meta: "Company News" },
    { tag: "Quality", t: "Closing HEDIS Gaps in Hard-to-Reach Communities", img: "doctor-tablet.jpg", meta: "Quality Performance" },
    { tag: "Data", t: "Non-Medical Drivers of Health: What the Data Shows", img: "data-hologram.jpg", meta: "SDoH Research" },
    { tag: "Community", t: "Building Trust Through Culturally Intelligent Engagement", img: "handshake.jpg", meta: "Community Engagement" },
  ];
  return (
    <main>
      <PHero crumb={[["The Dove Report"]]} title="The Dove Report."
        lead="Insights, research, and news on health equity, quality performance, and the data-driven engagement that closes care gaps." />
      <section className="section" style={{ paddingTop: 48 }}>
        <div className="wrap">
          <div className="posts">
            {posts.map((p, i) => (
              <Reveal key={p.t} delay={i * 60}>
                <a className="post" href="#" style={{ height: "100%" }}>
                  <Img src={`assets/photos/${p.img}`} alt={p.t} ratio="16 / 10" />
                  <div className="pbody">
                    <span className="ptag">{p.tag}</span>
                    <h3>{p.t}</h3>
                    <div className="pmeta">{p.meta}</div>
                  </div>
                </a>
              </Reveal>
            ))}
          </div>
        </div>
      </section>
      <ImpactBand />
      <PageCTA onContact={onContact} title="Stay close to the work." text="Partner with HCDI to bring data-driven, human-centered engagement to your members." />
    </main>
  );
}

/* ---------- A.I.M. platform ---------------------------------------------- */
function AimPage({ onContact }) {
  return (
    <main>
      <PHero crumb={[["Solutions"], ["A.I.M. Platform"]]} title="Take A.I.M. at your data."
        lead="The Advanced Integrated Matrix (A.I.M.) transforms your data strategy with customized performance dashboards — turning insight into meaningful, actionable solutions."
        onContact={onContact} cta="Request a demo" />
      <SplitFeature media="assets/photos/data-hologram.jpg" alt="A.I.M. dashboards" eyebrow="The platform"
        title="Your data, made actionable."
        body="A.I.M. unifies claims, clinical, and social data into customizable dashboards built around your measures, populations, and goals — so your teams always know where to act and why."
        bullets={[
          { t: "Customizable performance dashboards", s: "Configured to your quality measures and member segments." },
          { t: "Deeper data intelligence", s: "Surface rising-risk members, gaps, and non-medical drivers." },
          { t: "Closed-loop measurement", s: "Attribute outcomes back to interventions and spend." },
        ]} icon="barChart" />
      <Pillars eyebrow="Why A.I.M." title="Built for quality teams" alt
        items={[
          { ic: "target", t: "Quality & Stars", d: "Track and move the HEDIS and Star measures that drive your revenue." },
          { ic: "users", t: "Member segmentation", d: "Find the hardest-to-reach members and the right way to engage them." },
          { ic: "lineChart", t: "ROI reporting", d: "Show measurable financial impact alongside health outcomes." },
        ]} />
      <ImpactBand />
      <PageCTA onContact={onContact} title="See A.I.M. on your data." text="Request a walkthrough and we'll show how A.I.M. turns your data into decisions." />
    </main>
  );
}

/* ---------- Contact ------------------------------------------------------ */
function ContactPage() {
  const [sent, setSent] = useStateP(false);
  return (
    <main>
      <PHero crumb={[["Contact Us"]]} title="Connect with us."
        lead="Tell us about your population and goals. A member of the HCDI team will reach out within one business day." />
      <section className="section" style={{ paddingTop: 56 }}>
        <div className="wrap split">
          <Reveal>
            <div className="cap" style={{ padding: 30 }}>
              {sent ? (
                <div className="modal-success" style={{ padding: 0 }}>
                  <div className="ok"><Icon name="check" size={30} stroke={2.4} /></div>
                  <h3 style={{ font: "var(--text-h3)" }}>Thank you — we'll be in touch.</h3>
                  <p className="sub" style={{ marginTop: 8 }}>A member of our team will reach out within one business day.</p>
                </div>
              ) : (
                <form onSubmit={(e) => { e.preventDefault(); setSent(true); }}>
                  <div className="field-row">
                    <div className="field"><label>First name</label><input required placeholder="Jordan" /></div>
                    <div className="field"><label>Last name</label><input required placeholder="Avery" /></div>
                  </div>
                  <div className="field"><label>Work email</label><input required type="email" placeholder="you@healthplan.org" /></div>
                  <div className="field"><label>Organization</label><input required placeholder="Cascade Health Plan" /></div>
                  <div className="field"><label>How can we help?</label><textarea rows="4" placeholder="HEDIS gaps, member engagement, SDoH, A.I.M…"></textarea></div>
                  <Button variant="grad" size="lg" type="submit">Send message</Button>
                </form>
              )}
            </div>
          </Reveal>
          <Reveal delay={100}>
            <div className="rule-dove" style={{ marginBottom: 15 }} />
            <span className="eyebrow">Our offices</span>
            <h2 style={{ font: "var(--text-h2)", margin: "12px 0 22px" }}>Washington, DC &amp; Maryland</h2>
            <div className="footer-contact" style={{ gap: 16 }}>
              <a href="#" style={{ color: "var(--ink-700)" }}><Icon name="building" size={18} style={{ color: "var(--ember)" }} />Corporate HQ — 700 K St NW, Washington, DC 20001</a>
              <a href="tel:+12027429815" style={{ color: "var(--ink-700)" }}><Icon name="phone" size={18} style={{ color: "var(--ember)" }} />202.742.9815</a>
              <a href="tel:+13015528803" style={{ color: "var(--ink-700)" }}><Icon name="mapPin" size={18} style={{ color: "var(--ember)" }} />Maryland Offices — Lanham &amp; Baltimore · 301.552.8803</a>
            </div>
            <div className="footer-certs" style={{ marginTop: 26 }}>
              <span className="footer-cert" style={{ color: "var(--ink-500)", borderColor: "var(--line-strong)" }}>HITRUST Certified</span>
              <span className="footer-cert" style={{ color: "var(--ink-500)", borderColor: "var(--line-strong)" }}>HIPAA Compliant</span>
            </div>
          </Reveal>
        </div>
      </section>
      <ImpactBand />
    </main>
  );
}

/* ---------- solution page data ------------------------------------------- */
const SOLUTIONS = {
  "health-plans": {
    title: "Health Plans", media: "assets/photos/doctor-senior-2.jpg", media2: "assets/photos/doctor-tablet.jpg",
    lead: "Improving health outcomes for your hardest-to-reach members while reducing costs.",
    challengeTitle: "The members who matter most are the hardest to reach.",
    challenge: "Rising-risk and vulnerable members drive cost and quality gaps — but standard outreach rarely reaches them. HCDI engages them with hyper-local, culturally intelligent intervention.",
    approach: [
      { t: "Identify rising-risk members", s: "Analytics fuse claims, clinical, and SDoH data." },
      { t: "Engage with trusted outreach", s: "Culturally matched navigators meet members where they are." },
      { t: "Close the gaps that move measures", s: "Appointments kept, barriers removed, measures improved." },
    ],
    helpTitle: "A complete quality-and-engagement partner", helpLead: "Everything you need to move Stars, HEDIS, and retention — in one team.",
    pillars: [
      { ic: "target", t: "HEDIS & Star performance", d: "Move the measures that determine your rating and revenue." },
      { ic: "users", t: "Member engagement", d: "Reach and retain the hardest-to-reach populations." },
      { ic: "compass", t: "SDoH & health equity", d: "Address non-medical drivers that block care." },
    ],
    outcomeTitle: "Quality up, cost down.",
    outcome: "Our closed-loop model proves the impact of every intervention in both health and financial terms.",
    results: [
      { t: "4,612 HEDIS gaps closed in 2024", s: "Across partner plans and populations." },
      { t: "2.1M+ members engaged", s: "Prioritizing whole-person health." },
    ],
    stats: [
      { n: "2.1M", k: "Members engaged in 2024" }, { n: "4,612", k: "HEDIS gaps closed" },
      { n: "80%+", k: "Assessed members with an unmet social need" }, { n: "30", k: "Years of proven impact" },
    ],
    ctaTitle: "Reach your hardest-to-reach members.", ctaText: "Partner with HCDI to close gaps, raise quality, and reduce cost.",
  },
  "providers": {
    title: "Providers & Risk-Bearing Groups", media: "assets/photos/doctor-hallway.jpg", media2: "assets/photos/handshake.jpg",
    lead: "Supporting clinical transformation and performance as providers transition to value-based care.",
    challengeTitle: "Value-based care demands new capabilities.",
    challenge: "As providers take on risk, they need data, engagement, and quality infrastructure they often don't have in-house. HCDI brings all three.",
    approach: [
      { t: "Stratify your panel", s: "See where risk, cost, and care gaps concentrate." },
      { t: "Engage attributed members", s: "Drive appointments, adherence, and gap closure." },
      { t: "Report performance", s: "Track measures that determine shared savings." },
    ],
    helpTitle: "From volume to value", helpLead: "Practical support for the transition to risk.",
    pillars: [
      { ic: "stethoscope", t: "Clinical transformation", d: "Workflows and quality infrastructure for value-based care." },
      { ic: "barChart", t: "Performance analytics", d: "Know your measures and where to focus." },
      { ic: "handshake", t: "Member engagement", d: "Close gaps with trusted, culturally matched outreach." },
    ],
    outcomeTitle: "Perform under risk with confidence.",
    outcome: "HCDI helps risk-bearing groups hit quality benchmarks and capture shared savings.",
    results: [
      { t: "Higher gap-closure rates", s: "Across attributed populations." },
      { t: "Stronger quality scores", s: "On the measures that drive value-based revenue." },
    ],
    stats: [
      { n: "4,612", k: "HEDIS gaps closed in 2024" }, { n: "290K+", k: "Families impacted" },
      { n: "30", k: "Years of healthcare expertise" }, { n: "100%", k: "HIPAA-compliant operations" },
    ],
    ctaTitle: "Succeed in value-based care.", ctaText: "Let HCDI bring the data and engagement your risk model needs.",
  },
  "communities": {
    title: "Communities", media: "assets/photos/team-portrait.jpg", media2: "assets/photos/doctor-senior-1.jpg",
    lead: "Using our expertise to build strategic partnerships and create sustainable health-equity solutions.",
    challengeTitle: "Health equity requires local trust.",
    challenge: "Lasting change happens in communities, not spreadsheets. HCDI builds hyper-local, culturally intelligent partnerships that reduce disparities and earn trust.",
    approach: [
      { t: "Partner locally", s: "Work through trusted community organizations." },
      { t: "Assess unmet needs", s: "SDoH assessments surface non-medical barriers." },
      { t: "Connect to services", s: "Referrals and follow-through that actually land." },
    ],
    helpTitle: "Sustainable, community-based interventions", helpLead: "Built to last beyond a single program cycle.",
    pillars: [
      { ic: "users", t: "Strategic partnerships", d: "Coalitions that mobilize local trust and reach." },
      { ic: "compass", t: "Health-equity strategy", d: "Target and close disparities with data." },
      { ic: "heart", t: "Culturally intelligent outreach", d: "Engagement in the language and context people trust." },
    ],
    outcomeTitle: "Disparities reduced, trust built.",
    outcome: "Our community model turns data insight into sustainable, measurable equity gains.",
    results: [
      { t: "7,997 SDoH assessments completed", s: "Across communities in 2024." },
      { t: "Two-thirds led to a service referral", s: "With real follow-through." },
    ],
    stats: [
      { n: "7,997", k: "SDoH assessments completed" }, { n: "290,528", k: "Families impacted" },
      { n: "80%+", k: "Indicated an unmet social need" }, { n: "2/3", k: "Resulted in a referral" },
    ],
    ctaTitle: "Build health equity that lasts.", ctaText: "Partner with HCDI to create sustainable, community-based solutions.",
  },
  "government": {
    title: "Government", media: "assets/photos/meeting-strategy.jpg", media2: "assets/photos/woman-laptop.jpg",
    lead: "Showcasing the past performance that informs our distinctive policy-to-practice niche.",
    challengeTitle: "Policy only matters when it reaches people.",
    challenge: "Government partners need a contractor who can translate policy into measurable practice for vulnerable populations. HCDI's track record does exactly that.",
    approach: [
      { t: "Proven past performance", s: "A 30-year record across public-health programs." },
      { t: "Policy-to-practice translation", s: "Turn mandates into community-level results." },
      { t: "Rigorous, compliant reporting", s: "HITRUST-certified, HIPAA-compliant operations." },
    ],
    helpTitle: "A trusted public-sector partner", helpLead: "From strategy through measurable delivery.",
    pillars: [
      { ic: "landmark", t: "Public-health programs", d: "Design, implement, and monitor at scale." },
      { ic: "shieldCheck", t: "Compliance & security", d: "HITRUST certified and HIPAA compliant." },
      { ic: "fileText", t: "Outcome reporting", d: "Transparent, audit-ready performance data." },
    ],
    outcomeTitle: "From mandate to measurable impact.",
    outcome: "HCDI helps agencies show the real-world results their programs were designed to deliver.",
    results: [
      { t: "Millions of individuals reached", s: "Across public-health initiatives." },
      { t: "Audit-ready outcome data", s: "For every engagement." },
    ],
    stats: [
      { n: "2,123,741", k: "Individuals touched in 2024" }, { n: "30", k: "Years of past performance" },
      { n: "100%", k: "HIPAA-compliant delivery" }, { n: "NQIIC", k: "Qualified contractor" },
    ],
    ctaTitle: "Translate policy into practice.", ctaText: "Bring HCDI's proven past performance to your next initiative.",
  },
};

function Page({ onContact }) {
  const key = window.HCDI_PAGE;
  if (key === "who-we-are") return <AboutPage onContact={onContact} />;
  if (key === "leadership") return <LeadershipPage onContact={onContact} />;
  if (key === "dove-report") return <DoveReportPage onContact={onContact} />;
  if (key === "aim") return <AimPage onContact={onContact} />;
  if (key === "contact") return <ContactPage />;
  if (SOLUTIONS[key]) return <SolutionPage d={SOLUTIONS[key]} onContact={onContact} />;
  return <main style={{ padding: 80, textAlign: "center" }}>Page not found.</main>;
}

window.Page = Page;