calum/rda-v3
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Improve SEO and performance basics

Browse source
This commit is contained in:
Calum Muir 2025-12-21 13:51:53 +00:00
parent c50ddc2e06
commit 8c7099bf5e
7 changed files with 741 additions and 681 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
client/index.html
View file

@ -1,14 +1,35 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" > <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" > <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <title>Highland Group RDA | Enriching Lives Through Horses</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <meta
<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Code:wght@300..700&family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Oxanium:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> name="description"
<style> content="Highland Group RDA brings meaningful, positive change to people with disabilities through equine activities in the Highlands."
@import url("https://fonts.googleapis.com/css?family=Public+Sans:700,600,800|Merriweather:700"); />
</style></head> <link rel="canonical" href="https://rda-2026.calumamuir.workers.dev" />
<meta property="og:title" content="Highland Group RDA" />
<meta
property="og:description"
content="Enriching lives through horses in the Highlands since 1975."
/>
<meta property="og:type" content="website" />
<meta
property="og:url"
content="https://rda-2026.calumamuir.workers.dev"
/>
<meta property="og:image" content="/Samantha-and-Connolly.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="theme-color" content="#e2e2e2" />
<link rel="preload" as="image" href="/Samantha-and-Connolly.jpg" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@600;700;800&family=Merriweather:wght@700&display=swap"
rel="stylesheet"
/>
</head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>

2
client/public/robots.txt Normal file
View file

@ -0,0 +1,2 @@
User-agent: *
Allow: /

78
client/src/pages/About.tsx
View file

@ -35,6 +35,7 @@ export const About = (): JSX.Element => {
</div> </div>
</header> </header>
<main className="w-full">
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12"> <section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
<div className="grid grid-cols-1 gap-8 sm:grid-cols-[1.1fr_0.9fr] sm:items-center"> <div className="grid grid-cols-1 gap-8 sm:grid-cols-[1.1fr_0.9fr] sm:items-center">
<div> <div>
@ -46,17 +47,17 @@ export const About = (): JSX.Element => {
</h1> </h1>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
We are located at our own premises just outside We are located at our own premises just outside
Kirkhill, near Inverness. We operate from Spring to Kirkhill, near Inverness. We operate from Spring
Autumn 4 days per week. The majority of our to Autumn 4 days per week. The majority of our
participants are Inverness and Ross-shire based with participants are Inverness and Ross-shire based
a reach including Glenurquhart, Dingwall and with a reach including Glenurquhart, Dingwall
Inverness. and Inverness.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
We are completely self-funded and rely on income We are completely self-funded and rely on income
from donations for our sessions, fundraising from from donations for our sessions, fundraising
local events and available grants to fund our from local events and available grants to fund
services, upkeep of our facilities and most our services, upkeep of our facilities and most
importantly fund the care and training of our importantly fund the care and training of our
wonderful ponies. wonderful ponies.
</p> </p>
@ -64,7 +65,8 @@ export const About = (): JSX.Element => {
<div <div
className="relative w-full h-[260px] sm:h-[360px] rounded-[7px] overflow-hidden bg-cover bg-[50%_50%]" className="relative w-full h-[260px] sm:h-[360px] rounded-[7px] overflow-hidden bg-cover bg-[50%_50%]"
style={{ style={{
backgroundImage: "url(/Samantha-and-Connolly.jpg)", backgroundImage:
"url(/Samantha-and-Connolly.jpg)",
}} }}
> >
<div className="absolute inset-0 bg-black/20" /> <div className="absolute inset-0 bg-black/20" />
@ -83,10 +85,11 @@ export const About = (): JSX.Element => {
Samantha&apos;s Story Samantha&apos;s Story
</h3> </h3>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
Read Samantha&apos;s story and find out how her Read Samantha&apos;s story and find out how
RDA sessions have not only improved her physical her RDA sessions have not only improved her
and mental wellbeing, but helped her to overcome physical and mental wellbeing, but helped
her prognosis of never being able to walk. her to overcome her prognosis of never being
able to walk.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
Full Story here... Full Story here...
@ -94,39 +97,41 @@ export const About = (): JSX.Element => {
</div> </div>
<div className="bg-white/70 px-6 py-6"> <div className="bg-white/70 px-6 py-6">
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
Riding helps to correct her posture and protects Riding helps to correct her posture and
the spine and hips while it strengthens the protects the spine and hips while it
muscles. More than that, it gives a sense of strengthens the muscles. More than that, it
achievement and of being just as gives a sense of achievement and of being
&apos;able-bodied&apos; as everyone else on the just as &apos;able-bodied&apos; as everyone
back of a horse. else on the back of a horse.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
He feels the responsibility of controlling such He feels the responsibility of controlling
a large and powerful animal and it helps him such a large and powerful animal and it
understand life just that bit better. It&apos;s helps him understand life just that bit
also very calming for him, especially at the end better. It&apos;s also very calming for him,
of a session when he can nurture the horse by especially at the end of a session when he
brushing her and giving her some hay. can nurture the horse by brushing her and
giving her some hay.
</p> </p>
</div> </div>
</div> </div>
<div className="mt-6 bg-white/70 px-6 py-6"> <div className="mt-6 bg-white/70 px-6 py-6">
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
We cannot thank the team at RDA Highland enough for We cannot thank the team at RDA Highland enough
what they&apos;ve done for our child. To see only for what they&apos;ve done for our child. To see
the individual and the pure joy of achievement, and only the individual and the pure joy of
not the disability is a tremendous gift. Our whole achievement, and not the disability is a
family benefits from these sessions. Thank you. tremendous gift. Our whole family benefits from
these sessions. Thank you.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
RDA&apos;s gentle, calm and serene atmosphere RDA&apos;s gentle, calm and serene atmosphere
coupled with the warm sentient creature that she can coupled with the warm sentient creature that she
bond with and enjoy without needing words. I think can bond with and enjoy without needing words. I
it helps her to feel calm and grounded and gives a think it helps her to feel calm and grounded and
huge sense of achievement. RDA is such an important gives a huge sense of achievement. RDA is such
part of our lives and each of my children take an important part of our lives and each of my
something different away. children take something different away.
</p> </p>
</div> </div>
</div> </div>
@ -222,6 +227,7 @@ export const About = (): JSX.Element => {
</p> </p>
</div> </div>
</footer> </footer>
</main>
</div> </div>
); );
}; };

19
client/src/pages/Contact.tsx
View file

@ -22,7 +22,10 @@ export const Contact = (): JSX.Element => {
<ul className="flex flex-wrap items-center justify-end gap-x-8 gap-y-2"> <ul className="flex flex-wrap items-center justify-end gap-x-8 gap-y-2">
{navigationItems.map((item) => ( {navigationItems.map((item) => (
<li key={item.label}> <li key={item.label}>
<a className="hover:underline" href={item.href}> <a
className="hover:underline"
href={item.href}
>
{item.label} {item.label}
</a> </a>
</li> </li>
@ -32,6 +35,7 @@ export const Contact = (): JSX.Element => {
</div> </div>
</header> </header>
<main className="w-full">
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12"> <section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
<div> <div>
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"> <p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
@ -41,9 +45,9 @@ export const Contact = (): JSX.Element => {
Contact Highland Group RDA Contact Highland Group RDA
</h1> </h1>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[720px]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[720px]">
We would love to hear from you about sessions, volunteering, We would love to hear from you about sessions,
or ways to support the group. Reach out and we will get back volunteering, or ways to support the group. Reach
to you as soon as we can. out and we will get back to you as soon as we can.
</p> </p>
</div> </div>
</section> </section>
@ -76,7 +80,11 @@ export const Contact = (): JSX.Element => {
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
Send a message Send a message
</h2> </h2>
<form className="mt-4 space-y-4" action="#" method="post"> <form
className="mt-4 space-y-4"
action="#"
method="post"
>
<div> <div>
<label className="block text-sm font-semibold text-black"> <label className="block text-sm font-semibold text-black">
Name Name
@ -117,6 +125,7 @@ export const Contact = (): JSX.Element => {
</div> </div>
</div> </div>
</section> </section>
</main>
</div> </div>
); );
}; };

37
client/src/pages/Desktop.tsx
View file

@ -72,6 +72,7 @@ export const Desktop = (): JSX.Element => {
</div> </div>
)} )}
<main className="w-full">
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 mt-0 sm:mt-0"> <section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 mt-0 sm:mt-0">
<div <div
className="relative w-full min-h-[70vh] sm:min-h-0 bg-cover bg-[50%_50%] overflow-hidden" className="relative w-full min-h-[70vh] sm:min-h-0 bg-cover bg-[50%_50%] overflow-hidden"
@ -136,7 +137,8 @@ export const Desktop = (): JSX.Element => {
<div className="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between"> <div className="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between">
<h1 className="flex-1 max-w-[612px] [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] leading-[1.15] sm:text-[52px] sm:leading-[normal]"> <h1 className="flex-1 max-w-[612px] [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] leading-[1.15] sm:text-[52px] sm:leading-[normal]">
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white"> <span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
Enriching lives through horses in the{" "} Enriching lives through horses in
the{" "}
</span> </span>
<span className="underline">Highlands</span> <span className="underline">Highlands</span>
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white"> <span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
@ -154,11 +156,11 @@ export const Desktop = (): JSX.Element => {
<div className="flex flex-col gap-4 sm:flex-row sm:gap-2.5 bg-black/30 p-4 sm:p-5"> <div className="flex flex-col gap-4 sm:flex-row sm:gap-2.5 bg-black/30 p-4 sm:p-5">
<div className="w-full sm:w-[610px] h-40 sm:h-60" /> <div className="w-full sm:w-[610px] h-40 sm:h-60" />
<blockquote className="flex-1 max-w-[480px] self-end [font-family:'Merriweather',Helvetica] font-bold text-white text-lg sm:text-2xl text-left sm:text-right tracking-[0] leading-[1.3]"> <blockquote className="flex-1 max-w-[480px] self-end [font-family:'Merriweather',Helvetica] font-bold text-white text-lg sm:text-2xl text-left sm:text-right tracking-[0] leading-[1.3]">
&quot;Our mission is to bring about meaningful &quot;Our mission is to bring about
and positive changes in the health and meaningful and positive changes in the
well-being of people with physical or mental health and well-being of people with
disabilities through activities with our horses physical or mental disabilities through
and ponies.&quot; activities with our horses and ponies.&quot;
</blockquote> </blockquote>
</div> </div>
</div> </div>
@ -170,8 +172,8 @@ export const Desktop = (): JSX.Element => {
<div className="bg-[#d6d6d6] w-full px-4 sm:px-0 py-8 sm:py-[50px] sm:rounded-[7px]"> <div className="bg-[#d6d6d6] w-full px-4 sm:px-0 py-8 sm:py-[50px] sm:rounded-[7px]">
<div className="text-center"> <div className="text-center">
<p className="mx-auto max-w-[820px] [font-family:'Merriweather',Helvetica] font-bold text-black text-[22px] sm:text-[32px] tracking-[0] leading-[1.3] sm:leading-[1.2] px-0 sm:px-[27px]"> <p className="mx-auto max-w-[820px] [font-family:'Merriweather',Helvetica] font-bold text-black text-[22px] sm:text-[32px] tracking-[0] leading-[1.3] sm:leading-[1.2] px-0 sm:px-[27px]">
Find out more about who we are, what we do and Find out more about who we are, what we do
how you can support us to help make a and how you can support us to help make a
difference. difference.
</p> </p>
<div className="mt-4 mx-auto h-[2px] w-16 bg-black/60" /> <div className="mt-4 mx-auto h-[2px] w-16 bg-black/60" />
@ -206,9 +208,9 @@ export const Desktop = (): JSX.Element => {
<div className="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between bg-white/60 px-6 sm:px-8 py-6 sm:py-8"> <div className="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between bg-white/60 px-6 sm:px-8 py-6 sm:py-8">
<div className="flex-1 max-w-[700px] [font-family:'Public_Sans',Helvetica] font-extrabold text-black text-base sm:text-lg tracking-[0] leading-[1.6]"> <div className="flex-1 max-w-[700px] [font-family:'Public_Sans',Helvetica] font-extrabold text-black text-base sm:text-lg tracking-[0] leading-[1.6]">
Highland Group RDA is a member of the Highland Group RDA is a member of the
National Riding for the Disabled Association National Riding for the Disabled
(RDA), and of the Grampian and Highland Association (RDA), and of the Grampian
Regional RDA. and Highland Regional RDA.
<br /> <br />
<br /> <br />
We are a registered Scottish Charitable We are a registered Scottish Charitable
@ -218,6 +220,8 @@ export const Desktop = (): JSX.Element => {
className="w-[110px] h-[110px] sm:w-[140px] sm:h-[140px] object-cover self-start sm:self-auto" className="w-[110px] h-[110px] sm:w-[140px] sm:h-[140px] object-cover self-start sm:self-auto"
alt="Small mono" alt="Small mono"
src="/small-mono.png" src="/small-mono.png"
loading="lazy"
decoding="async"
/> />
</div> </div>
</div> </div>
@ -227,14 +231,15 @@ export const Desktop = (): JSX.Element => {
<div className="w-full max-w-[1200px] mx-auto px-0 sm:px-8"> <div className="w-full max-w-[1200px] mx-auto px-0 sm:px-8">
<div className="[font-family:'Public_Sans',Helvetica] text-black text-sm sm:text-base tracking-[0] leading-[1.5]"> <div className="[font-family:'Public_Sans',Helvetica] text-black text-sm sm:text-base tracking-[0] leading-[1.5]">
<p className="font-semibold"> <p className="font-semibold">
Highland Group RDA is a registered charity in Highland Group RDA is a registered charity
in
<br /> <br />
Scotland SCIO 2342343 Scotland SCIO 2342343
</p> </p>
<div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between"> <div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<p className="font-semibold"> <p className="font-semibold">
The Highland Group RDA, Culloden, Inverness, The Highland Group RDA, Culloden,
IV2 Inverness, IV2
</p> </p>
<p className="font-semibold"> <p className="font-semibold">
Tel: 01463 000 000 · Email: Tel: 01463 000 000 · Email:
@ -242,7 +247,8 @@ export const Desktop = (): JSX.Element => {
</p> </p>
</div> </div>
<p className="mt-4 font-semibold"> <p className="mt-4 font-semibold">
Privacy Policy · Safeguarding · Accessibility Privacy Policy · Safeguarding ·
Accessibility
</p> </p>
<p className="mt-4 font-semibold"> <p className="mt-4 font-semibold">
Site designed by{" "} Site designed by{" "}
@ -259,6 +265,7 @@ export const Desktop = (): JSX.Element => {
</div> </div>
</footer> </footer>
</section> </section>
</main>
</div> </div>
); );
}; };

11
client/src/pages/News.tsx
View file

@ -43,7 +43,10 @@ export const News = (): JSX.Element => {
<ul className="flex flex-wrap items-center justify-end gap-x-8 gap-y-2"> <ul className="flex flex-wrap items-center justify-end gap-x-8 gap-y-2">
{navigationItems.map((item) => ( {navigationItems.map((item) => (
<li key={item.label}> <li key={item.label}>
<a className="hover:underline" href={item.href}> <a
className="hover:underline"
href={item.href}
>
{item.label} {item.label}
</a> </a>
</li> </li>
@ -53,6 +56,7 @@ export const News = (): JSX.Element => {
</div> </div>
</header> </header>
<main className="w-full">
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12"> <section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
<div> <div>
@ -63,8 +67,8 @@ export const News = (): JSX.Element => {
Updates from Highland Group RDA Updates from Highland Group RDA
</h1> </h1>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[700px]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[700px]">
Stories, milestones, and updates from the yard, our Stories, milestones, and updates from the yard,
riders, volunteers, and supporters. our riders, volunteers, and supporters.
</p> </p>
</div> </div>
</div> </div>
@ -90,6 +94,7 @@ export const News = (): JSX.Element => {
))} ))}
</div> </div>
</section> </section>
</main>
</div> </div>
); );
}; };

134
client/src/pages/SupportUs.tsx
View file

@ -35,26 +35,29 @@ export const SupportUs = (): JSX.Element => {
</div> </div>
</header> </header>
<main className="w-full">
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12"> <section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
<div> <div>
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"> <p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
Support Us Support Us
</p> </p>
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]"> <h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
We are able to carry out our life-changing activities We are able to carry out our life-changing
thanks to you. activities thanks to you.
</h1> </h1>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]">
We couldn&apos;t do what we do without the hard work and We couldn&apos;t do what we do without the hard work
dedication of our wonderful volunteers and fundraisers. and dedication of our wonderful volunteers and
We wouldn&apos;t be where we are without the kindness fundraisers. We wouldn&apos;t be where we are
and generosity of our sponsors and donors. without the kindness and generosity of our sponsors
and donors.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]">
We understand not everyone is in the position to be able We understand not everyone is in the position to be
to volunteer but donations are just as impactful. We are able to volunteer but donations are just as
truly grateful for any and every donation received as we impactful. We are truly grateful for any and every
can only do what we do as a result of self-funding. donation received as we can only do what we do as a
result of self-funding.
</p> </p>
</div> </div>
</section> </section>
@ -96,13 +99,14 @@ export const SupportUs = (): JSX.Element => {
Volunteering Volunteering
</h2> </h2>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
We welcome all volunteers, you don&apos;t have to know We welcome all volunteers, you don&apos;t have to
anything about horses, or even like being around know anything about horses, or even like being
animals, there are plenty of other opportunities for you around animals, there are plenty of other
to get involved and help us. We also need lots of help opportunities for you to get involved and help us.
with other tasks such as fundraising, publicity, We also need lots of help with other tasks such as
painting, creating new activities for the participants fundraising, publicity, painting, creating new
and general maintenance. activities for the participants and general
maintenance.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
Volunteering for sessions involves: Volunteering for sessions involves:
@ -111,52 +115,55 @@ export const SupportUs = (): JSX.Element => {
<li>Grooming</li> <li>Grooming</li>
<li>Tacking up the ponies</li> <li>Tacking up the ponies</li>
<li> <li>
Leading the ponies and/or walking beside the ponies Leading the ponies and/or walking beside the
to support the riders ponies to support the riders
</li> </li>
<li>Poo picking the fields</li> <li>Poo picking the fields</li>
</ul> </ul>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
To find out more about volunteering for an RDA centre, To find out more about volunteering for an RDA
download our Volunteer Information Pack. centre, download our Volunteer Information Pack.
</p> </p>
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
How much time do I need to commit? How much time do I need to commit?
</h3> </h3>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
If you are keen to work with our participants then you If you are keen to work with our participants then
would need to be available during one of our session you would need to be available during one of our
times - Tuesday - Friday mornings. If you can commit to session times - Tuesday - Friday mornings. If you
helping regularly it would be great, but everyone can commit to helping regularly it would be great,
understands that&apos;s not always possible and there but everyone understands that&apos;s not always
are usually many other flexible options available - possible and there are usually many other flexible
especially in summer. options available - especially in summer.
</p> </p>
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
How can I apply? How can I apply?
</h3> </h3>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
You can contact us via email or phone by clicking here. You can contact us via email or phone by clicking
here.
</p> </p>
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
How old do I need to be and what credentials do I need How old do I need to be and what credentials do I
to have? need to have?
</h3> </h3>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
All volunteers must be 12 or over. There is no upper age All volunteers must be 12 or over. There is no upper
limit. We have Public Liability insurance and Trustee age limit. We have Public Liability insurance and
Indemnity for all volunteers. Volunteers aged between 12 Trustee Indemnity for all volunteers. Volunteers
and 90 also have Personal Accident insurance (with some aged between 12 and 90 also have Personal Accident
restrictions for those aged between 80 and 90). insurance (with some restrictions for those aged
between 80 and 90).
</p> </p>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
You will need to provide the names and contact details You will need to provide the names and contact
of 2 referees who are not a relative or partner and who details of 2 referees who are not a relative or
have known you for more than 1 year. Volunteers of 16 partner and who have known you for more than 1 year.
years of age and over who are actively involved with our Volunteers of 16 years of age and over who are
sessions are required to undergo an enhanced disclosure actively involved with our sessions are required to
check because they are volunteering with vulnerable undergo an enhanced disclosure check because they
adults and children. are volunteering with vulnerable adults and
children.
</p> </p>
</div> </div>
</section> </section>
@ -170,22 +177,23 @@ export const SupportUs = (): JSX.Element => {
Why sponsor a pony? Why sponsor a pony?
</h3> </h3>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
We currently have a school of ponies which all require We currently have a school of ponies which all
care and attention. Our volunteers and coaches work hard require care and attention. Our volunteers and
every day all year round to ensure our ponies are well coaches work hard every day all year round to ensure
looked after and suitable for our riders. By sponsoring our ponies are well looked after and suitable for
a pony, you are enabling us to enrich the lives of our riders. By sponsoring a pony, you are enabling
disabled children and adults throughout the Highlands. us to enrich the lives of disabled children and
adults throughout the Highlands.
</p> </p>
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
How much does it cost to sponsor a Highland Group RDA How much does it cost to sponsor a Highland Group
pony? RDA pony?
</h3> </h3>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
You can sponsor as little or as much as you like but You can sponsor as little or as much as you like but
here are some of the things we regularly need to look here are some of the things we regularly need to
after our ponies and ensure we can keep running our RDA look after our ponies and ensure we can keep running
sessions. our RDA sessions.
</p> </p>
<ul className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2"> <ul className="mt-4 [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>£34 every 6 weeks for hoof trimming</li> <li>£34 every 6 weeks for hoof trimming</li>
@ -200,9 +208,9 @@ export const SupportUs = (): JSX.Element => {
How do I pay? How do I pay?
</h3> </h3>
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
We are working on a payment method so we thank you for We are working on a payment method so we thank you
bearing with us. If you would like more information, for bearing with us. If you would like more
please get in touch. information, please get in touch.
</p> </p>
</div> </div>
</section> </section>
@ -214,9 +222,10 @@ export const SupportUs = (): JSX.Element => {
</h2> </h2>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
Highland Group RDA is self-funded, as are all RDA Highland Group RDA is self-funded, as are all RDA
groups. We have to self fund coaching fees, the care of groups. We have to self fund coaching fees, the care
our beautiful ponies, riding equipment, insurance and of our beautiful ponies, riding equipment, insurance
everything else that comes with running an RDA group. and everything else that comes with running an RDA
group.
</p> </p>
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
One of the ways we raise money for the upkeep of One of the ways we raise money for the upkeep of
@ -224,11 +233,12 @@ export const SupportUs = (): JSX.Element => {
variety of events throughout the year and are always variety of events throughout the year and are always
looking for volunteers to support in running these looking for volunteers to support in running these
events. If you can spare some time to assist or are events. If you can spare some time to assist or are
aware of any fundraising opportunities, please get in aware of any fundraising opportunities, please get
touch. We&apos;d love to hear from you! in touch. We&apos;d love to hear from you!
</p> </p>
</div> </div>
</section> </section>
</main>
</div> </div>
); );
}; };