import React from "react";
import { SiteHeader } from "@/components/SiteHeader";
import { SiteFooter } from "@/components/SiteFooter";
import { usePageMeta } from "@/lib/seo";

const navigationItems = [
    { label: "Home", href: "/" },
    { label: "About", href: "/about" },
    { label: "News", href: "/news" },
    { label: "Support Us", href: "/support" },
    { label: "Contact", href: "/contact" },
];

export const Safeguarding = (): JSX.Element => {
    usePageMeta({
        title: "Safeguarding",
        path: "/safeguarding",
        description:
            "Safeguarding policy and commitment for Highland Group RDA.",
    });

    return (
        <div className="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
            <main className="w-full">
                <section className="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0">
                    <div className="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8">
                        <SiteHeader
                            navigationItems={navigationItems}
                            className="px-0"
                        />
                        <p className="mt-6 [font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
                            Safeguarding
                        </p>
                        <h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
                            Safeguarding
                        </h1>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            Our commitment
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Highland Group RDA is fully committed to
                            safeguarding and promoting the welfare of children,
                            young people, and vulnerable adults who take part in
                            our activities.
                        </p>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Everyone involved with the group has a
                            responsibility to help create a safe, supportive,
                            and respectful environment.
                        </p>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Safeguarding is always a priority and underpins
                            everything we do.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            What safeguarding means to us
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Safeguarding means:
                        </p>
                        <ul className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2">
                            <li>
                                Protecting people from harm, abuse, or neglect
                            </li>
                            <li>
                                Ensuring participants feel safe, listened to,
                                and respected
                            </li>
                            <li>
                                Acting promptly and appropriately if concerns
                                arise
                            </li>
                            <li>
                                Creating an environment where concerns can be
                                raised without fear
                            </li>
                        </ul>
                        <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            This applies to all participants, whether children
                            or adults, and to everyone involved in the group.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            Who this applies to
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Our safeguarding approach applies to:
                        </p>
                        <ul className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2">
                            <li>Participants</li>
                            <li>Parents and carers</li>
                            <li>Volunteers</li>
                            <li>Coaches and instructors</li>
                            <li>Trustees and committee members</li>
                            <li>
                                Anyone working with or on behalf of Highland
                                Group RDA
                            </li>
                        </ul>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            How we keep people safe
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Behind the scenes, we take safeguarding seriously
                            by:
                        </p>
                        <ul className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2">
                            <li>
                                Following RDA UK safeguarding policies and
                                guidance
                            </li>
                            <li>
                                Ensuring appropriate checks (including DBS/PVG
                                where required)
                            </li>
                            <li>
                                Providing safeguarding awareness and guidance to
                                volunteers and staff
                            </li>
                            <li>
                                Maintaining clear boundaries and codes of
                                conduct
                            </li>
                            <li>
                                Ensuring activities are supervised and
                                risk-assessed
                            </li>
                            <li>
                                Handling personal and sensitive information
                                confidentially
                            </li>
                        </ul>
                        <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            From a participant’s point of view, this means
                            activities are delivered in a calm, structured, and
                            supportive way.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            Recognising concerns
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            A safeguarding concern may include:
                        </p>
                        <ul className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2">
                            <li>
                                A disclosure from a child, young person, or
                                adult at risk
                            </li>
                            <li>A change in behaviour that causes concern</li>
                            <li>Something observed or overheard</li>
                            <li>
                                A situation where someone feels unsafe or
                                uncomfortable
                            </li>
                        </ul>
                        <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            All concerns are taken seriously.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            Reporting a safeguarding concern
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            If you have a safeguarding concern about someone
                            involved with Highland Group RDA:
                        </p>
                        <ul className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2">
                            <li>Report it as soon as possible</li>
                            <li>
                                Speak to a coach, trustee, or safeguarding lead
                            </li>
                            <li>
                                You can also contact us confidentially by email
                            </li>
                        </ul>
                        <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Email: info@highlandgrouprda.org.uk
                        </p>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            If someone is in immediate danger, contact the
                            emergency services straight away.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            What happens next
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            When a concern is raised:
                        </p>
                        <ul className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2">
                            <li>
                                It will be listened to carefully and
                                respectfully
                            </li>
                            <li>
                                Information will be shared only on a
                                need-to-know basis
                            </li>
                            <li>
                                Appropriate action will be taken in line with
                                RDA UK guidance
                            </li>
                            <li>
                                The safety and wellbeing of the individual will
                                always come first
                            </li>
                        </ul>
                        <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Safeguarding concerns are never ignored or
                            dismissed.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            Photography and media
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Photographs or videos are only taken with
                            appropriate consent and are used responsibly.
                        </p>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Images are never shared in a way that could place
                            someone at risk.
                        </p>

                        <h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
                            Policy and review
                        </h2>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            Our safeguarding arrangements are reviewed regularly
                            to ensure they remain effective and appropriate.
                        </p>
                        <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
                            This page reflects our ongoing commitment to
                            providing a safe environment for everyone involved
                            in Highland Group RDA.
                        </p>
                    </div>
                </section>
                <SiteFooter fullBleedOnMobile />
            </main>
        </div>
    );
};