// HomePage — full composition per sitemap.md §Home (16 sections).
// Replaces the inline HomePage that was in index.html.

function HomePage() {
  const { go } = useRoute();
  return (
    <>
      {/* §2 Hero */}
      <Hero
        eyebrow="Paediatric OT · Education · Professional learning"
        title={<>Linking kids and their families to their <span style={{ color: "var(--kl-sun)" }}>full potential</span></>}
        body="Kid Link Occupational Therapy provides goal-driven, family-centred occupational therapy for children and young people, plus the schools, clinicians, and organisations supporting them."
        image="../../assets/images/home-hero.jpg"
        imageFocus="55% 35%"
        primaryLabel="Enquire Now"
      />

      {/* §3 Trust strip — answers funding, location and availability up front,
          before visitors have to go digging on the Fees or Parents pages. */}
      <IconStrip
        scheme="scheme-2"
        items={[
          { icon: "verified",        h: "Registered NDIS Provider", b: "NDIS, Medicare and private funding options." },
          { icon: "location_on",     h: "Mitcham clinic, VIC",      b: "Plus telehealth Australia-wide." },
          { icon: "event_available", h: "Spots available now",      b: "New families welcome, book online today." },
          { icon: "diversity_4",     h: "Ages 12 months to 18",     b: "Early intervention through to teens." },
        ]}
      />

      {/* §4 Audience cards with photo — brief audience intros that link to each section */}
      <AudienceCards />

      {/* §6, §7 Audience stacked panels — anchored for in-page scroll from the cards */}
      <div id="audience-parents" style={{ scrollMarginTop: 96 }}>
      <AudiencePanel
        scheme="scheme-3"
        eyebrow="Parents & Caregivers"
        title="Supporting kids to participate in activities they want and need to do"
        body="Family-centred occupational therapy for children and young people, with practical plans for home, school and community participation."
        items={[
          { icon: "favorite",   h: "Individual Therapy & Assessment", b: "1:1 sessions and assessments tailored to your child's goals." },
          { icon: "groups",     h: "Group Programs",                  b: "Small-group sensory, social, and self-regulation work." },
          { icon: "menu_book",  h: "Parent Workshops",                b: "Practical, plain-language sessions you can use at home." },
          { icon: "psychology", h: "Parent Coaching",                 b: "Strategies that fit your family's everyday routines." },
        ]}
        image="../../assets/images/cards%20-%20Parents.jpg"
        ctaLabel={null}
        exploreLabel="Learn more"
        onExplore={() => go("parents")}
      />
      </div>
      <div id="audience-clinicians" style={{ scrollMarginTop: 96 }}>
      <AudiencePanel
        scheme="scheme-2"
        reverse
        eyebrow="OTs & Clinicians"
        title="Professional learning grounded in real paediatric practice"
        body="Courses, supervision, mentoring and professional development for OTs who want practical, evidence-informed support they can apply straight away."
        items={[
          { icon: "psychology", h: "Clinical Supervision", b: "Reflective supervision for every career stage." },
          { icon: "menu_book",  h: "Kid Link Education",   b: "Webinars and self-paced courses with CPD hours." },
          { icon: "podcasts",   h: "OT Link Community",    b: "Our peer community plus a professional-development booster library." },
          { icon: "handshake",  h: "Business Mentoring",   b: "1:1 support to build, scale or refine your practice." },
        ]}
        image="../../assets/images/card%20-%20Clinicians.jpg"
        ctaLabel={null}
        exploreLabel="Learn more"
        onExplore={() => go("clinicians")}
      />
      </div>
      <div id="audience-educators" style={{ scrollMarginTop: 96 }}>
      <AudiencePanel
        scheme="scheme-3"
        eyebrow="Educators"
        title="Services for educational settings"
        body="Kid Link partners with early childhood services, schools, and further education providers to improve participation, inclusion, and outcomes for students with diverse needs at every stage of their education."
        items={[
          { icon: "favorite",    h: "Inclusion support",              b: "Observation and individualised strategies for diverse learners." },
          { icon: "menu_book",   h: "Educator coaching & PD",         b: "Coach-the-coach training and professional learning for staff." },
          { icon: "diversity_4", h: "Transition & school readiness",  b: "Smooth handovers across years, stages and settings." },
          { icon: "handshake",   h: "DI, NCCD & inclusion advice",    b: "Evidence walk-throughs and documentation support." },
        ]}
        image="../../assets/images/card%20-%20Educators.jpg"
        ctaLabel={null}
        exploreLabel="Learn more"
        onExplore={() => go("educators")}
      />
      </div>
      <div id="audience-organisations" style={{ scrollMarginTop: 96 }}>
      <AudiencePanel
        scheme="scheme-2"
        reverse
        eyebrow="Organisations"
        title="Clinical expertise for projects with real-world impact"
        body="Consulting, content collaboration, accessibility advisory and speaking for organisations supporting children, families and neurodivergent communities."
        items={[
          { icon: "handshake",  h: "Accessibility consulting",       b: "Audits, plans and rollout support for child-facing services." },
          { icon: "menu_book",  h: "Content & resource development",  b: "Co-authored, clinically reviewed family and educator-facing materials." },
          { icon: "podcasts",   h: "Expert interviews and media",     b: "Spokespeople, interviews and speaking on paediatric OT topics." },
          { icon: "psychology", h: "Program and policy consulting",   b: "Strategic advice grounded in real clinical practice." },
        ]}
        image="../../assets/images/card%20-%20Organisations.jpg"
        ctaLabel={null}
        exploreLabel="Learn more"
        onExplore={() => go("organisations")}
      />
      </div>

      {/* "What makes us different" — values, 4-card approach */}
      <DifferentiatorSplit
        scheme="scheme-3"
        eyebrow={null}
        title={<>What makes Kid Link <span style={{ color: "var(--kl-plum)" }}>different?</span></>}
        body="Values-led since 2013. Kid Link is an established team of experienced occupational therapists who have always held families and children at the centre of everything we do, across individual therapy, parent coaching, group programs, supervision, and our training courses. We take learning seriously, hold ourselves to current best practice, and are committed to neurodiversity-affirming approaches."
        points={[
          { icon: "workspace_premium", h: "Values-led since 2013",  b: "An established team of experienced paediatric occupational therapists." },
          { icon: "favorite",          h: "Family-centred",         b: "Families and children stay at the centre of everything we do." },
          { icon: "menu_book",         h: "Best practice, always learning", b: "We take learning seriously and hold ourselves to current best practice." },
          { icon: "diversity_4",       h: "Neurodiversity-affirming", b: "Affirming approaches across therapy, coaching, programs and training." },
        ]}
        primaryLabel={null}
        secondaryLabel={null}
      />

      {/* Beliefs — Vision + Mission + values */}
      <Beliefs />

      {/* §15 Contact */}
      <Contact scheme="scheme-3" />
    </>
  );
}

window.HomePage = HomePage;