Update routes and hero buttons

This commit is contained in:
Calum Muir 2025-12-25 23:01:14 +00:00
parent ccc2437293
commit 0c1463a413
14 changed files with 75 additions and 298 deletions

View file

@ -7,22 +7,22 @@
<loc>https://highlandgrouprda.org.uk/about</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/news</loc>
<loc>https://highlandgrouprda.org.uk/events</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/news/volunteers-summer-2024</loc>
<loc>https://highlandgrouprda.org.uk/events/volunteers-summer-2024</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/news/summer-awards-2024</loc>
<loc>https://highlandgrouprda.org.uk/events/summer-awards-2024</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/news/race-night</loc>
<loc>https://highlandgrouprda.org.uk/events/race-night</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/news/important-news</loc>
<loc>https://highlandgrouprda.org.uk/events/important-news</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/support</loc>
<loc>https://highlandgrouprda.org.uk/support-us</loc>
</url>
<url>
<loc>https://highlandgrouprda.org.uk/contact</loc>

View file

@ -14,7 +14,6 @@ import { Privacy } from "@/pages/Privacy";
import { NewsArticle } from "@/pages/NewsArticle";
import { Facebook } from "@/pages/Facebook";
import { Accessibility } from "@/pages/Accessibility";
import { Safeguarding } from "@/pages/Safeguarding";
function Router() {
return (
@ -22,12 +21,11 @@ function Router() {
{/* Add pages below */}
<Route path="/" component={Desktop} />
<Route path="/about" component={About} />
<Route path="/news" component={News} />
<Route path="/news/:slug" component={NewsArticle} />
<Route path="/events" component={News} />
<Route path="/events/:slug" component={NewsArticle} />
<Route path="/facebook" component={Facebook} />
<Route path="/accessibility" component={Accessibility} />
<Route path="/safeguarding" component={Safeguarding} />
<Route path="/support" component={SupportUs} />
<Route path="/support-us" component={SupportUs} />
<Route path="/contact" component={Contact} />
<Route path="/privacy" component={Privacy} />
{/* Fallback to 404 */}

View file

@ -47,10 +47,6 @@ export const SiteFooter = ({
Privacy Policy
</a>{" "}
·{" "}
<a className="underline" href="/safeguarding">
Safeguarding
</a>{" "}
·{" "}
<a className="underline" href="/accessibility">
Accessibility
</a>

View file

@ -5,4 +5,4 @@ summary: "Volunteers summer 2024"
image: "/Vols5-2880w-1024x768.avif"
slug: "volunteers-summer-2024"
---
We welcomed a group of our volunteers to the centre for a catch up and discussion about upcoming events. Its always great to get together! Find out how you can help out by **[Volunteering for us](/support)**.
We welcomed a group of our volunteers to the centre for a catch up and discussion about upcoming events. Its always great to get together! Find out how you can help out by **[Volunteering for us](/support-us)**.

View file

@ -6,8 +6,8 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];

View file

@ -6,8 +6,8 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];

View file

@ -12,8 +12,8 @@ declare global {
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];
@ -110,7 +110,7 @@ export const Contact = (): JSX.Element => {
theme="dark"
className="px-6 sm:px-4"
/>
<div className="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8">
<div className="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 sm:pt-8">
<div className="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm">
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90">
Get in touch
@ -127,6 +127,18 @@ export const Contact = (): JSX.Element => {
</p>
</div>
</div>
<a
className="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
className="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</section>

View file

@ -7,8 +7,8 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];
@ -23,7 +23,7 @@ const cardData = [
title: "Support Us",
imageUrl: "/support-640.webp",
imageSrcSet: "/support-640.webp 640w, /support-960.webp 960w",
href: "/support",
href: "/support-us",
},
{
title: "Contact",

View file

@ -6,8 +6,8 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];
@ -42,7 +42,7 @@ export const Facebook = (): JSX.Element => {
className="px-6 sm:px-4"
facebookHref={facebookPageUrl}
/>
<div className="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8">
<div className="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 sm:pt-8">
<div className="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm">
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90">
Social
@ -57,6 +57,18 @@ export const Facebook = (): JSX.Element => {
</p>
</div>
</div>
<a
className="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
className="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</section>

View file

@ -7,15 +7,15 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];
export const News = (): JSX.Element => {
usePageMeta({
title: "News",
path: "/news",
path: "/events",
description:
"News, events, and updates from Highland Group RDA and our community.",
});
@ -35,7 +35,7 @@ export const News = (): JSX.Element => {
theme="dark"
className="px-6 sm:px-4"
/>
<div className="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8">
<div className="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8">
<div className="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm">
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90">
Latest News
@ -51,6 +51,18 @@ export const News = (): JSX.Element => {
</p>
</div>
</div>
<a
className="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
className="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</section>
@ -77,7 +89,7 @@ export const News = (): JSX.Element => {
<h2 className="mt-3 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl leading-[1.2]">
<a
className="hover:underline"
href={`/news/${item.slug}`}
href={`/events/${item.slug}`}
>
{item.title}
</a>
@ -87,7 +99,7 @@ export const News = (): JSX.Element => {
</p>
<a
className="mt-auto [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base underline"
href={`/news/${item.slug}`}
href={`/events/${item.slug}`}
>
Read more
</a>

View file

@ -9,13 +9,13 @@ import NotFound from "@/pages/not-found";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];
export const NewsArticle = (): JSX.Element => {
const [, params] = useRoute("/news/:slug");
const [, params] = useRoute("/events/:slug");
const article = getNewsArticle(params?.slug ?? "");
if (!article) {
@ -24,7 +24,7 @@ export const NewsArticle = (): JSX.Element => {
usePageMeta({
title: article.title,
path: `/news/${article.slug}`,
path: `/events/${article.slug}`,
description: article.summary,
image: article.image,
});
@ -73,7 +73,7 @@ export const NewsArticle = (): JSX.Element => {
<div className="mt-8">
<a
className="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline"
href="/news"
href="/events"
>
Back to news
</a>

View file

@ -6,8 +6,8 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];

View file

@ -1,247 +0,0 @@
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 participants 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>
);
};

View file

@ -6,15 +6,15 @@ import { usePageMeta } from "@/lib/seo";
const navigationItems = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "News", href: "/news" },
{ label: "Support Us", href: "/support" },
{ label: "News", href: "/events" },
{ label: "Support Us", href: "/support-us" },
{ label: "Contact", href: "/contact" },
];
export const SupportUs = (): JSX.Element => {
usePageMeta({
title: "Support Us",
path: "/support",
path: "/support-us",
description:
"Support Highland Group RDA through donations, volunteering, and fundraising.",
});
@ -90,12 +90,6 @@ export const SupportUs = (): JSX.Element => {
</div>
</section>
<section className="w-full max-w-[1200px] mx-auto px-0 sm:px-8">
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6">
<div className="h-px bg-black/10" />
</div>
</section>
<section className="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div className="relative">
<img