// EducatorsPage — sitemap.md §Educators (11 sections).
// Inclusion support for early childhood, primary, secondary, tertiary.

function EducatorsPage() {
  return (
    <>
      {/* §2 Hero */}
      <Hero
        eyebrow="Educators"
        title={<>Services for <span style={{ color: "var(--kl-sun)" }}>educational settings</span></>}
        body="Kid Link partners with early childhood services, schools, tertiary and vocational education providers to improve participation, inclusion, and outcomes for students with diverse needs at every stage of their education journey."
        image="../../assets/images/educators-hero-generated.jpg"
        imageFocus="60% 38%"
        primaryLabel="Enquire Now"
      />

      {/* §3 Who we support */}
      <Section scheme="scheme-2">
        <SectionHeader
          eyebrow="Settings we work with"
          title="We partner with education settings at every stage of a student's journey"
          innerMax="52rem"
        />
        <div className="kl-cols-3" style={{ gap: 32 }}>
          {[
            {
              accent: "var(--kl-sun-dark)", soft: "var(--kl-sun-lightest)",
              stage: "Early Childhood", href: "#early-childhood",
              setting: "Kindergartens and ECECs",
              services: ["School readiness", "Educator training", "Individual support", "Consulting"],
            },
            {
              accent: "var(--kl-leaf-dark)", soft: "var(--kl-leaf-lightest)",
              stage: "Primary and Secondary", href: "#primary-secondary",
              setting: "Schools",
              services: ["Consulting", "Professional learning", "Individual support", "Classroom observation", "DI and NCCD funding support"],
            },
            {
              accent: "var(--kl-plum)", soft: "var(--kl-plum-lightest)",
              stage: "Further Education", href: "#further-education",
              setting: "Universities, TAFEs & Vocational Education Providers",
              services: ["Student access", "Disability services collaboration", "Transition support"],
            },
          ].map((c) => (
            <Card key={c.stage} style={{ padding: 32, display: "flex", flexDirection: "column" }}>
              <span style={{ color: c.accent, fontWeight: 800, fontSize: "0.72rem", letterSpacing: "0.12em", textTransform: "uppercase", marginBottom: 12 }}>{c.stage}</span>
              <h3 style={{ fontSize: "var(--kl-text-h4)", marginBottom: 20, lineHeight: 1.2 }}>{c.setting}</h3>
              <div style={{ paddingTop: 20, borderTop: "1px solid var(--kl-border)", display: "flex", flexDirection: "column", gap: 12 }}>
                {c.services.map((t) => (
                  <div key={t} style={{ display: "flex", alignItems: "center", gap: 12 }}>
                    <span style={{ flexShrink: 0, width: 24, height: 24, borderRadius: 8, background: c.soft, display: "grid", placeItems: "center" }}>
                      <MIcon name="check" size={15} color={c.accent} />
                    </span>
                    <span style={{ fontSize: "0.92rem", fontWeight: 600, color: "var(--kl-fg-1)" }}>{t}</span>
                  </div>
                ))}
              </div>
              <a href={c.href} className="kl-btn kl-btn--primary" style={{ marginTop: 24, alignSelf: "flex-start", padding: "0.8rem 1.6rem" }}>Learn more</a>
            </Card>
          ))}
        </div>
      </Section>

      {/* §4 Kindergartens & early childhood */}
      <Section scheme="scheme-2" id="early-childhood">
        <div style={{ maxWidth: 760, marginBottom: 56 }}>
          <Eyebrow>Kindergarten and early childhood services</Eyebrow>
          <h2 style={{ fontSize: "var(--kl-text-h2)", marginBottom: 24, lineHeight: 1.15 }}>Supporting kindergartens and early childhood services</h2>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6, marginBottom: 20 }}>
            The early years are a critical window for development, and the settings children learn in can make a huge difference in terms of participation and development. Kid Link works directly with early childhood educators and leaders to build the knowledge, skills, and environments that help every child to safely and successfully participate in meaningful activities.
          </p>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6, marginBottom: 28 }}>
            Our work in early childhood spans direct support for families and children, professional learning for educators, and consulting for service leaders who want to improve inclusion across their whole setting.
          </p>
          <Button variant="primary" iconRight={<ChevronRight />} onClick={scrollToContact}>Enquire for your setting</Button>
        </div>

        <div className="kl-cols-2" style={{ gap: 32 }}>
          {[
            {
              h: "School Readiness Presentations for Families",
              b: "Practical, parent-facing workshops that help families understand and support their child's readiness for the transition to school.",
              bullets: [
                "Run in partnership with the early childhood service",
                "Tailored to your community and cohort",
                "Available as a one-off or series",
                "Can be facilitated in person or online",
              ],
            },
            {
              h: "Professional Learning for Educators",
              b: "Evidence-informed professional development for early childhood educators on understanding and supporting children with diverse developmental needs.",
              bullets: [
                "Sensory processing and regulation in the early years",
                "Co-regulation and supporting children's emotional wellbeing",
                "Inclusive environments and play-based approaches",
                "School readiness and transition planning",
              ],
              note: "…and more.",
            },
            {
              h: "Individual Consulting for Children",
              b: "Direct occupational therapy consultation for children attending your service, delivered on-site or in collaboration with the family's existing therapy team. Supporting educators to support a child's learning, self-care, play, and social participation in the early childhood context.",
            },
            {
              h: "Consulting and Supervision for Leaders",
              b: "Strategic consultation for directors and room leaders on building inclusive, developmentally supportive services, as well as clinical supervision for educators working with children with complex needs.",
              bullets: [
                "Whole-of-service inclusion reviews",
                "Supervision and training for educators and inclusion support staff",
              ],
            },
          ].map((s) => (
            <Card key={s.h} style={{ background: "var(--kl-white)", padding: 32, display: "flex", flexDirection: "column" }}>
              <h3 style={{ fontSize: "var(--kl-text-h5)", marginBottom: 12, lineHeight: 1.25 }}>{s.h}</h3>
              <p style={{ fontSize: "var(--kl-text-regular)", lineHeight: 1.55, color: "var(--kl-fg-2)", marginBottom: s.bullets ? 20 : 0 }}>{s.b}</p>
              {s.bullets && (
                <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "flex", flexDirection: "column", gap: 10 }}>
                  {s.bullets.map((x) => (
                    <li key={x} style={{ display: "flex", gap: 12, alignItems: "flex-start", fontSize: "var(--kl-text-regular)", lineHeight: 1.45 }}>
                      <span aria-hidden="true" style={{ width: 7, height: 7, borderRadius: "50%", background: "var(--kl-sun)", marginTop: 8, flexShrink: 0 }} />
                      {x}
                    </li>
                  ))}
                </ul>
              )}
              {s.note && (
                <p style={{ fontSize: "var(--kl-text-small)", fontStyle: "italic", color: "var(--kl-fg-2)", marginTop: 12 }}>{s.note}</p>
              )}
            </Card>
          ))}
        </div>
      </Section>

      {/* §5 Primary & secondary — intro, funding tiers, services */}
      <Section scheme="scheme-1" id="primary-secondary">
        <div style={{ maxWidth: 760, marginBottom: 56 }}>
          <Eyebrow>Primary and secondary schools</Eyebrow>
          <h2 style={{ fontSize: "var(--kl-text-h2)", marginBottom: 24, lineHeight: 1.15 }}>Supporting primary and secondary schools</h2>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6, marginBottom: 20 }}>
            Kid Link's school services focus on collaboration and care team coordination. We work with government and independent schools at the whole-school, classroom, and individual student level to ensure practical, sustainable, and meaningful outcomes are achieved.
          </p>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6 }}>
            Whether you are looking to improve inclusion across your school community, build educator capacity, support a specific student, or navigate the funding landscape, Kid Link can help.
          </p>
        </div>

        <h3 style={{ fontSize: "var(--kl-text-h4)", marginBottom: 32, lineHeight: 1.2 }}>We can provide support at all Disability Inclusion funding levels</h3>
        <div className="kl-cols-3" style={{ gap: 32 }}>
          {[
            { icon: "apartment", tier: "Tier 1", t: "Universal supports", b: "Inclusive classroom practices, whole-school environments, professional learning for all staff." },
            { icon: "groups",    tier: "Tier 2", t: "Targeted supports",  b: "Small group programs, custom professional learning workshops, consulting on identified students who may need additional accommodations, targeted strategy development." },
            { icon: "person",    tier: "Tier 3", t: "Individual supports", b: "Assessment, direct therapy, observations, and support with funding applications for students with complex needs." },
          ].map((c) => (
            <Card key={c.tier} style={{ padding: 32, display: "flex", flexDirection: "column" }}>
              <div style={{ width: 56, height: 56, borderRadius: 16, background: "var(--kl-leaf-dark)", display: "grid", placeItems: "center", marginBottom: 20 }}>
                <MIcon name={c.icon} size={30} color="#fff" />
              </div>
              <span style={{ color: "var(--kl-leaf-dark)", fontWeight: 800, fontSize: "0.72rem", letterSpacing: "0.12em", textTransform: "uppercase", marginBottom: 8 }}>{c.tier}</span>
              <h4 style={{ fontSize: "var(--kl-text-h5)", marginBottom: 12, lineHeight: 1.2 }}>{c.t}</h4>
              <p style={{ fontSize: "var(--kl-text-regular)", lineHeight: 1.55, color: "var(--kl-fg-2)" }}>{c.b}</p>
            </Card>
          ))}
        </div>

        <div style={{ marginTop: 40, background: "var(--kl-leaf-lightest)", borderRadius: "var(--kl-radius-card-lg)", padding: 32, display: "flex", gap: 16, alignItems: "flex-start" }}>
          <MIcon name="account_balance" size={28} color="var(--kl-leaf-darker)" />
          <p style={{ fontSize: "var(--kl-text-regular)", lineHeight: 1.6, color: "var(--kl-fg-1)" }}>
            We support schools with Disability Inclusion (DI) funding, Nationally Consistent Collection of Data on School Students with Disability (NCCD) funding, or private funding models. Our services are tailored to the needs and requirements of the setting and can include evidence gathering, assessment, documentation and reports, and attendance at stakeholder meetings.
          </p>
        </div>

      </Section>

      {/* §5b School services */}
      <Section scheme="scheme-3">
        <h3 style={{ fontSize: "var(--kl-text-h2)", marginBottom: 40, lineHeight: 1.2 }}>Our school services</h3>
        <div style={{ display: "flex", flexDirection: "column", gap: 32 }}>
          {[
            {
              h: "Inclusive Classroom Consulting",
              image: "../../assets/images/inclusive-classroom.jpg",
              b: "Working with teachers and leadership to build classrooms and school environments that work for all students, not just those with identified support needs.",
              bullets: [
                "Whole school review consultations with leadership",
                "Classroom observation and environmental modification",
                "Targeted strategy development for identified cohorts",
              ],
              cta: "Enquire about classroom consulting",
            },
            {
              h: "Professional Learning for Teachers and Learning Support Staff",
              image: "../../assets/images/professional-learning.jpg",
              imgPos: "center 22%",
              b: "Practical, evidence-informed professional development sessions presented live in person or via Zoom by experienced occupational therapists. Sessions include a workbook with resources for ongoing reference and implementation.",
              bulletsHeading: "Topics we have presented include:",
              bullets: [
                "Supporting Regulation in the Classroom",
                "Supporting Attention in the Classroom",
                "Supporting Autistic Students",
                "Supporting Inclusion for Children with a PDA Profile",
                "Introduction to Disability Inclusion Profiles and Whole School Inclusive Strategies",
                "Social Success: Supporting social inclusion and participation at school",
                "Supporting ADHDers in the Classroom",
              ],
              schoolsHeading: "Some schools we have provided with Professional Learning:",
              schools: [
                { n: "Vermont Secondary College", logo: "vermont-secondary-college.png" },
                { n: "Heathmont College", logo: "heathmont-college.png" },
                { n: "Koonung Secondary College", logo: "koonung-secondary-college.png" },
                { n: "Methodist Ladies' College", logo: "methodist-ladies-college.png" },
                { n: "Warranwood Primary School", logo: "warranwood-primary-school.png" },
                { n: "Croydon Hills Primary School", logo: "croydon-hills-primary-school.png" },
                { n: "Regency Park Primary School", logo: "regency-park-primary-school.png" },
                { n: "St Clare's Catholic School", logo: "st-clares-catholic-school.png" },
                { n: "Holy Name Primary School", logo: "holy-name-primary-school.png" },
                { n: "St Francis Xavier College", logo: "st-francis-xavier-college.png" },
                { n: "Mossgiel Park Primary School", logo: "mossgiel-park-primary-school.png" },
                { n: "Ringwood Heights Primary School", logo: "ringwood-heights-primary-school.png" },
                { n: "AYCE (Wantirna)", logo: "ayce-wantirna.png" },
              ],
              cta: "Enquire about professional learning",
            },
            {
              h: "Individual Student Support",
              image: "../../assets/images/student-support.jpg",
              b: "Direct occupational therapy assessment and intervention for students. Delivered on-site or in collaboration with the student's existing support team.",
              bullets: [
                "Classroom and school observations with written recommendations",
                "Functional occupational therapy assessments",
                "Vineland Adaptive Behaviour Scales (teacher and parent versions available)",
                "Individualised support plans and strategies for teaching staff",
                "Direct therapy in clinic or on-site",
                "Liaison with teachers, learning support, and allied health within care team meetings",
                "Special consideration applications for testing and examinations",
              ],
              cta: "Enquire about student support",
            },
            {
              h: "Group Therapy Programs",
              image: "../../assets/images/group-program.jpg",
              imgPos: "center 28%",
              b: "Customised group therapy programs delivered within the school environment or via Zoom. We encourage staff and/or parents to participate in sessions as a learning opportunity and to ensure strategies carry through into the classroom. Written recommendations are provided to the school and families.",
              bullets: [
                "Handwriting and fine motor skills",
                "Social participation and working with others",
                "Regulation",
                "Study skills and organisation",
                "Confidence, self-compassion, and resilience",
              ],
              cta: "Enquire about group programs",
            },
            {
              h: "Disability Inclusion and NCCD Support",
              image: "../../assets/images/disability-inclusion.jpg",
              b: "Navigating disability funding and data collection can be complex. Kid Link supports schools to access and maximise the funding available for students who need it most.",
              bullets: [
                "NCCD and DIP evidence gathering, documentation support and funding applications",
                "Consultation on adjustments and supports within the classroom",
                "Special consideration applications for testing and examinations (e.g. VCAA)",
                "Staff mentoring and supervision to support implementation",
              ],
              cta: "Enquire about DI and NCCD support",
            },
          ].map((s) => (
            <React.Fragment key={s.h}>
            <Card style={{ padding: 0 }}>
              {s.image && (
                <img src={s.image} alt="" style={{ width: "100%", height: 240, objectFit: "cover", objectPosition: s.imgPos || "center", display: "block" }} />
              )}
              <div style={{ padding: 40 }}>
              <h3 style={{ fontSize: "var(--kl-text-h4)", marginBottom: 12, lineHeight: 1.25 }}>{s.h}</h3>
              <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6, color: "var(--kl-fg-2)", marginBottom: 24, maxWidth: "62ch" }}>{s.b}</p>

              {s.bulletsHeading && (
                <p style={{ fontSize: "var(--kl-text-regular)", fontWeight: 700, marginBottom: 14 }}>{s.bulletsHeading}</p>
              )}
              <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))", gap: "12px 32px" }}>
                {s.bullets.map((x) => (
                  <li key={x} style={{ display: "flex", gap: 12, alignItems: "flex-start", fontSize: "var(--kl-text-regular)", lineHeight: 1.45 }}>
                    <span style={{ flexShrink: 0, width: 24, height: 24, borderRadius: 8, background: "var(--kl-leaf-lightest)", display: "grid", placeItems: "center", marginTop: 1 }}>
                      <MIcon name="check" size={15} color="var(--kl-leaf-darker)" />
                    </span>
                    <span style={{ fontWeight: 600 }}>{x}</span>
                  </li>
                ))}
              </ul>

              {s.schools && (
                <div style={{ marginTop: 28 }}>
                  <p style={{ fontSize: "var(--kl-text-small)", fontWeight: 600, color: "var(--kl-fg-2)", marginBottom: 16 }}>{s.schoolsHeading}</p>
                  <div className="kl-marquee" style={{ marginInline: -40 }}>
                    <div className="kl-marquee__track" style={{ animationDuration: "50s" }}>
                      {[...s.schools, ...s.schools].map((sc, i) => (
                        <div
                          key={i}
                          aria-hidden={i >= s.schools.length ? "true" : undefined}
                          style={{ flexShrink: 0, marginRight: 20, height: 100, width: 180, padding: 20, display: "flex", alignItems: "center", justifyContent: "center", background: "var(--kl-white)", border: "1px solid var(--kl-border)", borderRadius: 14 }}
                        >
                          <img src={`../../assets/logos/school%20logos/${sc.logo}`} alt={sc.n} style={{ maxWidth: "100%", maxHeight: "100%", objectFit: "contain", display: "block" }} />
                        </div>
                      ))}
                    </div>
                  </div>
                </div>
              )}

              <div style={{ marginTop: 28 }}>
                <Button variant="primary" iconRight={<ChevronRight />} onClick={scrollToContact}>{s.cta}</Button>
              </div>
              </div>
            </Card>
            </React.Fragment>
          ))}
        </div>
      </Section>

      {/* §6 Further education */}
      <Section scheme="scheme-2" id="further-education">
        <div style={{ maxWidth: 760, marginBottom: 56 }}>
          <Eyebrow>Further education</Eyebrow>
          <h2 style={{ fontSize: "var(--kl-text-h2)", marginBottom: 24, lineHeight: 1.15 }}>Supporting students in further education</h2>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6, marginBottom: 20 }}>
            The transition beyond secondary school brings new demands: academic, social, organisational, and environmental. For students who are neurodivergent, disabled, and/or have complex support needs, this transition can be particularly challenging without the right support in place.
          </p>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6, marginBottom: 28 }}>
            Kid Link works with universities, TAFEs, and other further education providers to ensure students can access, participate in, and succeed within their chosen education pathway. Our approach is collaborative, working alongside disability support services, academic staff, and students themselves to remove barriers and build sustainable participation.
          </p>
          <Button variant="primary" iconRight={<ChevronRight />} onClick={scrollToContact}>Enquire for your institution</Button>
        </div>

        <div className="kl-cols-2" style={{ gap: 32 }}>
          {[
            {
              h: "Student Access and Participation",
              b: "Occupational therapy assessment and support to help students with diverse needs access and engage fully in their further education environment.",
              bullets: [
                "Functional assessments for reasonable adjustments",
                "Recommendations for academic accommodations",
                "Campus access and environment reviews",
                "Support for students transitioning from secondary school",
              ],
            },
            {
              h: "Collaboration with Disability Services",
              b: "Working alongside university and TAFE disability support teams to provide clinical expertise on student needs, adjustments, and participation supports.",
              bullets: [
                "Consultation on individual student cases",
                "Clinical input into adjustment plans",
                "Staff training on supporting neurodivergent students",
                "Resource development for disability support teams",
              ],
            },
            {
              h: "Transition Support",
              b: "Targeted support for students navigating the significant shift from secondary school to further education, including building the executive function, self-advocacy, and life skills that make this transition sustainable.",
              bullets: [
                "Transition planning and goal setting",
                "Executive function and organisation coaching",
                "Self-advocacy skill development",
                "Independent living and daily life skills",
              ],
            },
            {
              h: "Staff Professional Learning",
              b: "Building the capacity of academic and professional staff to better understand and support disabled students in the tertiary context.",
              bullets: [
                "Understanding neurodivergence in higher education",
                "Supporting students with executive function challenges",
                "Creating inclusive learning environments",
              ],
            },
          ].map((s) => (
            <Card key={s.h} style={{ background: "var(--kl-white)", padding: 32, display: "flex", flexDirection: "column" }}>
              <h3 style={{ fontSize: "var(--kl-text-h5)", marginBottom: 12, lineHeight: 1.25 }}>{s.h}</h3>
              <p style={{ fontSize: "var(--kl-text-regular)", lineHeight: 1.55, color: "var(--kl-fg-2)", marginBottom: 20 }}>{s.b}</p>
              <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "flex", flexDirection: "column", gap: 12 }}>
                {s.bullets.map((x) => (
                  <li key={x} style={{ display: "flex", gap: 12, alignItems: "flex-start", fontSize: "var(--kl-text-regular)", lineHeight: 1.45 }}>
                    <span style={{ flexShrink: 0, width: 24, height: 24, borderRadius: 8, background: "var(--kl-plum-lightest)", display: "grid", placeItems: "center", marginTop: 1 }}>
                      <MIcon name="check" size={15} color="var(--kl-plum)" />
                    </span>
                    <span style={{ fontWeight: 600 }}>{x}</span>
                  </li>
                ))}
              </ul>
            </Card>
          ))}
        </div>
      </Section>

      {/* §8 Our approach */}
      <Section scheme="scheme-3">
        <div style={{ maxWidth: 760, marginBottom: 56 }}>
          <Eyebrow>Our approach</Eyebrow>
          <h2 style={{ fontSize: "var(--kl-text-h2)", marginBottom: 24, lineHeight: 1.15 }}>Collaborating to create the inclusive environments and supports every student needs to participate</h2>
          <p style={{ fontSize: "var(--kl-text-medium)", lineHeight: 1.6 }}>
            We do not just assess and provide recommendations. Our goal is to understand the needs of the school and students, build the knowledge and confidence of the educators and systems around the children, and ensure your team is better equipped long after our involvement ends.
          </p>
        </div>
        <div className="kl-cols-3" style={{ gap: 32 }}>
          {[
            { n: "01", h: "Understand the whole picture", b: "We take time to understand your setting, your team, and the students you are supporting before offering recommendations." },
            { n: "02", h: "Work alongside your team",     b: "We collaborate with students, teachers, learning support staff, disability coordinators, leadership and families to ensure supports are child-centred, outcome-driven, affirming and sustainable." },
            { n: "03", h: "Support ongoing change",       b: "Every piece of work is designed to build capacity. Our aim is to give your team practical knowledge and strategies they can use with confidence and integrate into their classrooms." },
          ].map((c) => (
            <Card key={c.n} style={{ background: "var(--kl-white)", padding: 32, display: "flex", flexDirection: "column" }}>
              <span style={{ fontFamily: "var(--kl-font-display)", fontSize: "2.4rem", fontWeight: "var(--kl-weight-emphasis)", color: "var(--kl-plum)", lineHeight: 1, marginBottom: 16 }}>{c.n}</span>
              <h3 style={{ fontSize: "var(--kl-text-h5)", marginBottom: 12, lineHeight: 1.2 }}>{c.h}</h3>
              <p style={{ fontSize: "var(--kl-text-regular)", lineHeight: 1.55, color: "var(--kl-fg-2)" }}>{c.b}</p>
            </Card>
          ))}
        </div>
      </Section>

      {/* §9 FAQ */}
      <FAQ
        scheme="scheme-1"
        tabbed
        eyebrow={null}
        lede="Answers to common questions from early childhood services, schools, and tertiary providers. If yours isn't here, get in touch and our team will be happy to help."
        categories={EDUCATORS_FAQ}
      />

      <MailingListSignup
        scheme="scheme-1"
        group="131072"
        heading="Stay connected with Kid Link"
        blurb="Join our mailing list for professional learning events, classroom resources, and Kid Link updates for educators. No spam, unsubscribe anytime."
      />

      {/* §10 Contact */}
      <Contact showBooking={false} />
    </>
  );
}

window.EducatorsPage = EducatorsPage;
