function SafeguardingPage() {
  return (
    <>
      <Nav route="safeguarding" />
      <section className="page-head">
        <div className="wrap">
          <div className="eyebrow">Child protection</div>
          <h1>Safeguarding <span className="marker">Policy.</span></h1>
          <p>Every child we work with has the right to feel safe. This is how we make that real.</p>
          <div className="page-head-meta">
            <span><strong>Charity No.</strong> 1212909</span>
            <span className="dot" />
            <span><strong>Last reviewed</strong> April 2026</span>
            <span className="dot" />
            <span><strong>Next review</strong> April 2027</span>
          </div>
        </div>
      </section>

      <section className="section sg-section">
        <div className="wrap-narrow">

          <Reveal>
            <div className="sg-callout sg-callout-urgent">
              <div className="sg-callout-icon" aria-hidden="true">!</div>
              <div className="sg-callout-body">
                <h3>If a child is in immediate danger</h3>
                <p>Call <strong>999</strong> first. Then contact our Designated Safeguarding Lead as soon as it is safe to do so.</p>
              </div>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-callout sg-callout-dsl">
              <div className="sg-dsl-name">
                <div className="eyebrow">Designated Safeguarding Lead</div>
                <h3>Umar Khan</h3>
                <p>CEO, Little Smiles CIO</p>
              </div>
              <div className="sg-dsl-contact">
                <a className="btn btn-amber" href="mailto:umar.khan@littlesmiles.org.uk">Email the DSL</a>
                <p className="sg-dsl-hint">All safeguarding concerns are reviewed by the DSL within 24 hours.</p>
              </div>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 01</div>
              <h2>Our <span className="marker">commitment.</span></h2>
            </div>
            <div className="policy-body">
              <p>Little Smiles CIO is committed to safeguarding and promoting the welfare of every child and vulnerable person we work with. We operate a zero-tolerance approach to abuse, neglect, and any behaviour that puts a child at risk. Every person who acts on our behalf, volunteer or staff, is required to uphold this commitment.</p>
              <p>This policy is reviewed annually by the trustees, and immediately following any serious safeguarding incident.</p>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 02</div>
              <h2>Who this <span className="marker">applies to.</span></h2>
            </div>
            <div className="sg-grid">
              <div className="sg-card">
                <div className="sg-card-num">01</div>
                <h4>Trustees</h4>
                <p>Hold ultimate oversight responsibility and ensure safeguarding obligations are met.</p>
              </div>
              <div className="sg-card">
                <div className="sg-card-num">02</div>
                <h4>Staff &amp; volunteers</h4>
                <p>Every person delivering activity on our behalf, including session leads, helpers, and drivers.</p>
              </div>
              <div className="sg-card">
                <div className="sg-card-num">03</div>
                <h4>Partner-org delivery</h4>
                <p>Anyone acting on behalf of Little Smiles at a partner venue or co-delivered session.</p>
              </div>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 03</div>
              <h2>DBS &amp; vetting <span className="marker">standards.</span></h2>
            </div>
            <div className="policy-body">
              <p>Every volunteer who works directly with children must hold a valid <strong>enhanced DBS check</strong> before participating in any session, trip, or event. We do not waive this requirement.</p>
              <ul>
                <li>DBS status is verified by the DSL before a volunteer is added to a session rota</li>
                <li>We cover the cost of the DBS check for volunteers who do not already hold one</li>
                <li>DBS status is recorded against each volunteer in our internal volunteer register</li>
                <li>Where a volunteer is supporting and not in direct contact with children, the DSL records the role as supervised and a DBS-checked adult is always present</li>
              </ul>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 04</div>
              <h2>Recognising a <span className="marker">concern.</span></h2>
            </div>
            <div className="policy-body">
              <p>A safeguarding concern includes any risk of abuse, harm, or neglect; inappropriate behaviour towards a child or vulnerable person; boundary violations between an adult and a child; or unsafe environments during an activity.</p>
              <p>Concerns may arise from:</p>
              <ul>
                <li>Direct disclosure by the child or their parent</li>
                <li>Observation of behaviour by a volunteer or partner</li>
                <li>Third-party reports passed to Little Smiles</li>
                <li>Environmental risks identified during an activity, for example unsafe venue or unsupervised access</li>
              </ul>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 05</div>
              <h2>How to <span className="marker">report.</span></h2>
            </div>
            <div className="sg-steps">
              <div className="sg-step">
                <div className="sg-step-num">1</div>
                <h4>Ensure immediate safety</h4>
                <p>Call <strong>999</strong> if a child is in immediate danger. Move the child away from the source of harm where safe to do so.</p>
              </div>
              <div className="sg-step">
                <div className="sg-step-num">2</div>
                <h4>Record what you saw</h4>
                <p>Write down factual details: what was seen, what was said, when, where, by whom. Stick to facts, not interpretation.</p>
              </div>
              <div className="sg-step">
                <div className="sg-step-num">3</div>
                <h4>Report to the DSL</h4>
                <p>Email the Designated Safeguarding Lead the same day. If the concern involves the DSL, contact the trustees or the Charity Commission directly.</p>
              </div>
              <div className="sg-step">
                <div className="sg-step-num">4</div>
                <h4>Do not investigate</h4>
                <p>Volunteers must not attempt to investigate, question the alleged perpetrator, or promise confidentiality to a child. Leave investigation to the DSL and statutory authorities.</p>
              </div>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 06</div>
              <h2>Code of <span className="marker">conduct.</span></h2>
            </div>
            <div className="policy-body">
              <p>Everyone working on behalf of Little Smiles is expected to:</p>
              <ul>
                <li>Never be alone with a child without another adult present, ideally in a visible space</li>
                <li>Never share personal contact details with a child or their family outside programme communication</li>
                <li>Treat every child with dignity, fairness, and respect, regardless of background or circumstance</li>
                <li>Use appropriate language and physical contact only as required for safety</li>
                <li>Report any behaviour by another adult that causes concern, however small it seems</li>
              </ul>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 07</div>
              <h2>Photography &amp; <span className="marker">media.</span></h2>
            </div>
            <div className="policy-body">
              <p>No photographs or video of children are taken without explicit written consent from a parent or guardian. Our Media Consent Form is provided at every session and consent is recorded for each child individually.</p>
              <ul>
                <li>Children whose parents have declined media consent are never photographed or filmed</li>
                <li>Images are stored on access-controlled charity systems, never on personal devices</li>
                <li>Children's images are not used in fundraising materials, social media, or partner content without express, recorded permission</li>
                <li>Consent can be withdrawn by a parent at any time</li>
              </ul>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 08</div>
              <h2>Interim measures &amp; <span className="marker">breach.</span></h2>
            </div>
            <div className="policy-body">
              <p>Where a concern has been raised, Little Smiles may restrict a volunteer's involvement, require a temporary step-back from activity, or remove them from a session, in order to protect children and others.</p>
              <p>Failure to comply with this policy may result in removal from activities, formal disciplinary action, or termination of volunteering. Where a criminal offence may have occurred, the matter will be referred to the police and the Charity Commission.</p>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 09</div>
              <h2>Confidentiality &amp; <span className="marker">information sharing.</span></h2>
            </div>
            <div className="policy-body">
              <p>Safeguarding information is only shared with those who need to know in order to protect the child. Confidentiality must never prevent appropriate reporting to the DSL, statutory authorities, or the Charity Commission.</p>
              <p>Records of safeguarding concerns are stored securely by the DSL for the period required by statutory guidance and reviewed under our data retention policy.</p>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-section-head">
              <div className="eyebrow">Section 10</div>
              <h2>Training &amp; <span className="marker">review.</span></h2>
            </div>
            <div className="policy-body">
              <p>All volunteers receive a safeguarding induction before their first session. Refresher training is provided annually and records of completion are kept by the DSL.</p>
              <p>This policy is reviewed annually by the trustees, and immediately following any serious incident, regulatory change, or recommendation from the Charity Commission.</p>
            </div>
          </Reveal>

          <Reveal>
            <div className="sg-callout sg-callout-questions">
              <div className="sg-callout-body">
                <h3>Questions about safeguarding at Little Smiles?</h3>
                <p>Get in touch with our Designated Safeguarding Lead. We respond within 24 hours.</p>
                <a className="btn btn-amber" href="mailto:umar.khan@littlesmiles.org.uk">umar.khan@littlesmiles.org.uk</a>
              </div>
            </div>
          </Reveal>

        </div>
      </section>

      <Footer />
    </>
  );
}
window.SafeguardingPage = SafeguardingPage;