Improve SEO and performance basics
This commit is contained in:
Calum Muir
parent
c50ddc2e06
commit
8c7099bf5e
7 changed files with 741 additions and 681 deletions
|
|
@ -1,16 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" >
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" >
|
||||
<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=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">
|
||||
<style>
|
||||
@import url("https://fonts.googleapis.com/css?family=Public+Sans:700,600,800|Merriweather:700");
|
||||
</style></head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Highland Group RDA | Enriching Lives Through Horses</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Highland Group RDA brings meaningful, positive change to people with disabilities through equine activities in the Highlands."
|
||||
/>
|
||||
<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>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
2
client/public/robots.txt
Normal file
2
client/public/robots.txt
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
User-agent: *
|
||||
Allow: /
|
||||
|
|
@ -35,193 +35,199 @@ export const About = (): JSX.Element => {
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Who, why, where, when & how?
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Highland Group RDA was established in 1975.
|
||||
</h1>
|
||||
<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
|
||||
Kirkhill, near Inverness. We operate from Spring to
|
||||
Autumn 4 days per week. The majority of our
|
||||
participants are Inverness and Ross-shire based with
|
||||
a reach including Glenurquhart, Dingwall and
|
||||
Inverness.
|
||||
</p>
|
||||
<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
|
||||
from donations for our sessions, fundraising from
|
||||
local events and available grants to fund our
|
||||
services, upkeep of our facilities and most
|
||||
importantly fund the care and training of our
|
||||
wonderful ponies.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className="relative w-full h-[260px] sm:h-[360px] rounded-[7px] overflow-hidden bg-cover bg-[50%_50%]"
|
||||
style={{
|
||||
backgroundImage: "url(/Samantha-and-Connolly.jpg)",
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-black/20" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Our Star Participants
|
||||
</h2>
|
||||
<div className="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-2">
|
||||
<div className="bg-white/70 px-6 py-6">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
Samantha's Story
|
||||
</h3>
|
||||
<main className="w-full">
|
||||
<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>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Who, why, where, when & how?
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Highland Group RDA was established in 1975.
|
||||
</h1>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Read Samantha's story and find out how her
|
||||
RDA sessions have not only improved her physical
|
||||
and mental wellbeing, but helped her to overcome
|
||||
her prognosis of never being able to walk.
|
||||
We are located at our own premises just outside
|
||||
Kirkhill, near Inverness. We operate from Spring
|
||||
to Autumn 4 days per week. The majority of our
|
||||
participants are Inverness and Ross-shire based
|
||||
with a reach including Glenurquhart, Dingwall
|
||||
and Inverness.
|
||||
</p>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Full Story here...
|
||||
We are completely self-funded and rely on income
|
||||
from donations for our sessions, fundraising
|
||||
from local events and available grants to fund
|
||||
our services, upkeep of our facilities and most
|
||||
importantly fund the care and training of our
|
||||
wonderful ponies.
|
||||
</p>
|
||||
</div>
|
||||
<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]">
|
||||
Riding helps to correct her posture and protects
|
||||
the spine and hips while it strengthens the
|
||||
muscles. More than that, it gives a sense of
|
||||
achievement and of being just as
|
||||
'able-bodied' as everyone else on the
|
||||
back of a horse.
|
||||
</p>
|
||||
<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
|
||||
a large and powerful animal and it helps him
|
||||
understand life just that bit better. It's
|
||||
also very calming for him, especially at the end
|
||||
of a session when he can nurture the horse by
|
||||
brushing her and giving her some hay.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<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]">
|
||||
We cannot thank the team at RDA Highland enough for
|
||||
what they've done for our child. To see only
|
||||
the individual and the pure joy of achievement, and
|
||||
not the disability is a tremendous gift. Our whole
|
||||
family benefits from these sessions. Thank you.
|
||||
</p>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
RDA's gentle, calm and serene atmosphere
|
||||
coupled with the warm sentient creature that she can
|
||||
bond with and enjoy without needing words. I think
|
||||
it helps her to feel calm and grounded and gives a
|
||||
huge sense of achievement. RDA is such an important
|
||||
part of our lives and each of my children take
|
||||
something different away.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Meet the ponies
|
||||
</h2>
|
||||
<div className="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3">
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Breagh
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
13.2hh · Mare · 15 yo
|
||||
<br />
|
||||
She is very willing and independent
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Connolly
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
14.2hh · Gelding · 16 yo
|
||||
<br />A true gentleman and everyone's
|
||||
friend
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Harley
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
15.3hh · Gelding · 15 yo
|
||||
<br />
|
||||
He is the boss but very obliging
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Puzzle
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
15.3hh · Mare · 14 yo
|
||||
<br />
|
||||
She is very sensitive and gentle
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Lady Suede
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
13hh · Mare · 23 yo
|
||||
<br />
|
||||
RIP October 2024
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Wispa
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
14.2hh · Gelding · 15 yo
|
||||
<br />
|
||||
Wispa is cute and very cheeky!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14 pb-8">
|
||||
<div className="[font-family:'Public_Sans',Helvetica] text-black text-sm sm:text-base tracking-[0] leading-[1.5]">
|
||||
<p className="font-semibold">
|
||||
Highland Group RDA is a registered charity in
|
||||
<br />
|
||||
Scotland SCIO 2342343
|
||||
</p>
|
||||
<p className="mt-4 font-semibold">
|
||||
Site designed by{" "}
|
||||
<a
|
||||
className="underline"
|
||||
href="https://muir.in"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
<div
|
||||
className="relative w-full h-[260px] sm:h-[360px] rounded-[7px] overflow-hidden bg-cover bg-[50%_50%]"
|
||||
style={{
|
||||
backgroundImage:
|
||||
"url(/Samantha-and-Connolly.jpg)",
|
||||
}}
|
||||
>
|
||||
Calum Muir
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
<div className="absolute inset-0 bg-black/20" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Our Star Participants
|
||||
</h2>
|
||||
<div className="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-2">
|
||||
<div className="bg-white/70 px-6 py-6">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
Samantha's Story
|
||||
</h3>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Read Samantha's story and find out how
|
||||
her RDA sessions have not only improved her
|
||||
physical and mental wellbeing, but helped
|
||||
her to overcome her prognosis of never being
|
||||
able to walk.
|
||||
</p>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Full Story here...
|
||||
</p>
|
||||
</div>
|
||||
<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]">
|
||||
Riding helps to correct her posture and
|
||||
protects the spine and hips while it
|
||||
strengthens the muscles. More than that, it
|
||||
gives a sense of achievement and of being
|
||||
just as 'able-bodied' as everyone
|
||||
else on the back of a horse.
|
||||
</p>
|
||||
<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 a large and powerful animal and it
|
||||
helps him understand life just that bit
|
||||
better. It's also very calming for him,
|
||||
especially at the end of a session when he
|
||||
can nurture the horse by brushing her and
|
||||
giving her some hay.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<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]">
|
||||
We cannot thank the team at RDA Highland enough
|
||||
for what they've done for our child. To see
|
||||
only the individual and the pure joy of
|
||||
achievement, and not the disability is a
|
||||
tremendous gift. Our whole family benefits from
|
||||
these sessions. Thank you.
|
||||
</p>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
RDA's gentle, calm and serene atmosphere
|
||||
coupled with the warm sentient creature that she
|
||||
can bond with and enjoy without needing words. I
|
||||
think it helps her to feel calm and grounded and
|
||||
gives a huge sense of achievement. RDA is such
|
||||
an important part of our lives and each of my
|
||||
children take something different away.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Meet the ponies
|
||||
</h2>
|
||||
<div className="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3">
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Breagh
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
13.2hh · Mare · 15 yo
|
||||
<br />
|
||||
She is very willing and independent
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Connolly
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
14.2hh · Gelding · 16 yo
|
||||
<br />A true gentleman and everyone's
|
||||
friend
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Harley
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
15.3hh · Gelding · 15 yo
|
||||
<br />
|
||||
He is the boss but very obliging
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Puzzle
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
15.3hh · Mare · 14 yo
|
||||
<br />
|
||||
She is very sensitive and gentle
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Lady Suede
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
13hh · Mare · 23 yo
|
||||
<br />
|
||||
RIP October 2024
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white/70 px-5 py-5">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">
|
||||
Wispa
|
||||
</h3>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
14.2hh · Gelding · 15 yo
|
||||
<br />
|
||||
Wispa is cute and very cheeky!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14 pb-8">
|
||||
<div className="[font-family:'Public_Sans',Helvetica] text-black text-sm sm:text-base tracking-[0] leading-[1.5]">
|
||||
<p className="font-semibold">
|
||||
Highland Group RDA is a registered charity in
|
||||
<br />
|
||||
Scotland SCIO 2342343
|
||||
</p>
|
||||
<p className="mt-4 font-semibold">
|
||||
Site designed by{" "}
|
||||
<a
|
||||
className="underline"
|
||||
href="https://muir.in"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Calum Muir
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -22,7 +22,10 @@ export const Contact = (): JSX.Element => {
|
|||
<ul className="flex flex-wrap items-center justify-end gap-x-8 gap-y-2">
|
||||
{navigationItems.map((item) => (
|
||||
<li key={item.label}>
|
||||
<a className="hover:underline" href={item.href}>
|
||||
<a
|
||||
className="hover:underline"
|
||||
href={item.href}
|
||||
>
|
||||
{item.label}
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -32,91 +35,97 @@ export const Contact = (): JSX.Element => {
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||
<div>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Get in touch
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Contact Highland Group RDA
|
||||
</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]">
|
||||
We would love to hear from you about sessions, volunteering,
|
||||
or ways to support the group. Reach out and we will get back
|
||||
to you as soon as we can.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<main className="w-full">
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||
<div>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Get in touch
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Contact Highland Group RDA
|
||||
</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]">
|
||||
We would love to hear from you about sessions,
|
||||
volunteering, or ways to support the group. Reach
|
||||
out and we will get back to you as soon as we can.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12 pb-10">
|
||||
<div className="grid grid-cols-1 gap-8 sm:grid-cols-[1.1fr_0.9fr]">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Contact details
|
||||
</h2>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
The Highland Group RDA, Culloden, Inverness, IV2
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Tel: 01463 000 000
|
||||
<br />
|
||||
Email: info@highlandrda.org.uk
|
||||
</p>
|
||||
<div className="mt-6">
|
||||
<a
|
||||
className="inline-flex items-center rounded-full border border-black/20 px-4 py-2 text-sm font-semibold uppercase tracking-wide text-black"
|
||||
href="mailto:info@highlandrda.org.uk"
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12 pb-10">
|
||||
<div className="grid grid-cols-1 gap-8 sm:grid-cols-[1.1fr_0.9fr]">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Contact details
|
||||
</h2>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
The Highland Group RDA, Culloden, Inverness, IV2
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Tel: 01463 000 000
|
||||
<br />
|
||||
Email: info@highlandrda.org.uk
|
||||
</p>
|
||||
<div className="mt-6">
|
||||
<a
|
||||
className="inline-flex items-center rounded-full border border-black/20 px-4 py-2 text-sm font-semibold uppercase tracking-wide text-black"
|
||||
href="mailto:info@highlandrda.org.uk"
|
||||
>
|
||||
Email us
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white/70 px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Send a message
|
||||
</h2>
|
||||
<form
|
||||
className="mt-4 space-y-4"
|
||||
action="#"
|
||||
method="post"
|
||||
>
|
||||
Email us
|
||||
</a>
|
||||
<div>
|
||||
<label className="block text-sm font-semibold text-black">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
className="mt-2 w-full rounded-md border border-black/20 bg-white px-3 py-2 text-black"
|
||||
type="text"
|
||||
name="name"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-semibold text-black">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
className="mt-2 w-full rounded-md border border-black/20 bg-white px-3 py-2 text-black"
|
||||
type="email"
|
||||
name="email"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-semibold text-black">
|
||||
Message
|
||||
</label>
|
||||
<textarea
|
||||
className="mt-2 w-full rounded-md border border-black/20 bg-white px-3 py-2 text-black"
|
||||
name="message"
|
||||
rows={4}
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
className="inline-flex items-center rounded-full border border-black/20 px-5 py-2 text-sm font-semibold uppercase tracking-wide text-black"
|
||||
type="submit"
|
||||
>
|
||||
Send message
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white/70 px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Send a message
|
||||
</h2>
|
||||
<form className="mt-4 space-y-4" action="#" method="post">
|
||||
<div>
|
||||
<label className="block text-sm font-semibold text-black">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
className="mt-2 w-full rounded-md border border-black/20 bg-white px-3 py-2 text-black"
|
||||
type="text"
|
||||
name="name"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-semibold text-black">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
className="mt-2 w-full rounded-md border border-black/20 bg-white px-3 py-2 text-black"
|
||||
type="email"
|
||||
name="email"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-semibold text-black">
|
||||
Message
|
||||
</label>
|
||||
<textarea
|
||||
className="mt-2 w-full rounded-md border border-black/20 bg-white px-3 py-2 text-black"
|
||||
name="message"
|
||||
rows={4}
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
className="inline-flex items-center rounded-full border border-black/20 px-5 py-2 text-sm font-semibold uppercase tracking-wide text-black"
|
||||
type="submit"
|
||||
>
|
||||
Send message
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -72,193 +72,200 @@ export const Desktop = (): JSX.Element => {
|
|||
</div>
|
||||
)}
|
||||
|
||||
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 mt-0 sm:mt-0">
|
||||
<div
|
||||
className="relative w-full min-h-[70vh] sm:min-h-0 bg-cover bg-[50%_50%] overflow-hidden"
|
||||
style={{
|
||||
backgroundImage: "url(/Samantha-and-Connolly.jpg)",
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-black/35" />
|
||||
<header className="relative w-full px-6 sm:px-4">
|
||||
<div className="flex flex-row items-start justify-between gap-3 pt-4 sm:pt-4 sm:h-[108px]">
|
||||
<img
|
||||
className="w-[150px] h-[80px] sm:w-[177px] sm:h-[93px]"
|
||||
alt="Rdalogo"
|
||||
src="/figmaAssets/rdalogo-1.svg"
|
||||
/>
|
||||
<div className="flex flex-col gap-3 items-end ml-auto text-right">
|
||||
<button
|
||||
className="inline-flex items-center gap-3 rounded-full border border-white/40 px-4 py-2 text-sm font-semibold uppercase tracking-wide text-white sm:hidden"
|
||||
type="button"
|
||||
onClick={() => setMenuOpen(true)}
|
||||
aria-haspopup="dialog"
|
||||
aria-expanded={menuOpen}
|
||||
aria-controls="mobile-menu"
|
||||
>
|
||||
<span className="flex flex-col gap-1">
|
||||
<span className="inline-block h-0.5 w-5 bg-white" />
|
||||
<span className="inline-block h-0.5 w-5 bg-white" />
|
||||
<span className="inline-block h-0.5 w-5 bg-white" />
|
||||
</span>
|
||||
Menu
|
||||
</button>
|
||||
<nav className="hidden sm:block [font-family:'Public_Sans',Helvetica] font-bold text-white text-lg sm:text-2xl tracking-[0] leading-[normal] sm:pt-1">
|
||||
<ul className="flex flex-wrap items-center justify-start gap-x-4 gap-y-2 sm:justify-end sm:gap-x-8 sm:ml-auto">
|
||||
{navigationItems.map((item) => (
|
||||
<li key={item.label}>
|
||||
<a
|
||||
className="hover:underline"
|
||||
href={item.href}
|
||||
>
|
||||
{item.label}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</nav>
|
||||
<a
|
||||
className="w-[200px] sm:w-[240px] 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.png"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div className="relative px-4 sm:px-6 pt-6 pb-6 sm:pt-[70px] sm:pb-[42px]">
|
||||
<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]">
|
||||
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
|
||||
Enriching lives through horses in the{" "}
|
||||
</span>
|
||||
<span className="underline">Highlands</span>
|
||||
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
|
||||
{" "}
|
||||
since{" "}
|
||||
</span>
|
||||
<span className="underline">1975</span>
|
||||
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
|
||||
.
|
||||
</span>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div className="relative pb-6 sm:pb-[42px]">
|
||||
<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" />
|
||||
<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]">
|
||||
"Our mission is to bring about meaningful
|
||||
and positive changes in the health and
|
||||
well-being of people with physical or mental
|
||||
disabilities through activities with our horses
|
||||
and ponies."
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 pt-0 pb-10 sm:pb-[60px]">
|
||||
<div className="w-full">
|
||||
<div className="bg-[#d6d6d6] w-full px-4 sm:px-0 py-8 sm:py-[50px] sm:rounded-[7px]">
|
||||
<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]">
|
||||
Find out more about who we are, what we do and
|
||||
how you can support us to help make a
|
||||
difference.
|
||||
</p>
|
||||
<div className="mt-4 mx-auto h-[2px] w-16 bg-black/60" />
|
||||
</div>
|
||||
|
||||
<div className="mt-8 sm:mt-[60px]">
|
||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-3 sm:gap-[10px]">
|
||||
{cardData.map((card, index) => (
|
||||
<Card
|
||||
key={index}
|
||||
className="w-full h-[220px] sm:h-[273px] overflow-hidden border-0 shadow-none bg-transparent"
|
||||
>
|
||||
<CardContent
|
||||
className={`relative p-2.5 h-full flex flex-col ${card.backgroundImage} overflow-hidden`}
|
||||
style={{
|
||||
backgroundImage: `url(${card.imageUrl})`,
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-black/40" />
|
||||
<div className="relative mt-auto flex flex-col items-end justify-end gap-2.5 p-2.5 bg-[#7ca371]/85">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-4xl text-center tracking-[0] leading-[normal]">
|
||||
{card.title}
|
||||
</h3>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-8 sm:mt-[40px]">
|
||||
<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]">
|
||||
Highland Group RDA is a member of the
|
||||
National Riding for the Disabled Association
|
||||
(RDA), and of the Grampian and Highland
|
||||
Regional RDA.
|
||||
<br />
|
||||
<br />
|
||||
We are a registered Scottish Charitable
|
||||
Incorporated Organisation (SC007357).
|
||||
</div>
|
||||
<main className="w-full">
|
||||
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 mt-0 sm:mt-0">
|
||||
<div
|
||||
className="relative w-full min-h-[70vh] sm:min-h-0 bg-cover bg-[50%_50%] overflow-hidden"
|
||||
style={{
|
||||
backgroundImage: "url(/Samantha-and-Connolly.jpg)",
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-black/35" />
|
||||
<header className="relative w-full px-6 sm:px-4">
|
||||
<div className="flex flex-row items-start justify-between gap-3 pt-4 sm:pt-4 sm:h-[108px]">
|
||||
<img
|
||||
className="w-[110px] h-[110px] sm:w-[140px] sm:h-[140px] object-cover self-start sm:self-auto"
|
||||
alt="Small mono"
|
||||
src="/small-mono.png"
|
||||
className="w-[150px] h-[80px] sm:w-[177px] sm:h-[93px]"
|
||||
alt="Rdalogo"
|
||||
src="/figmaAssets/rdalogo-1.svg"
|
||||
/>
|
||||
<div className="flex flex-col gap-3 items-end ml-auto text-right">
|
||||
<button
|
||||
className="inline-flex items-center gap-3 rounded-full border border-white/40 px-4 py-2 text-sm font-semibold uppercase tracking-wide text-white sm:hidden"
|
||||
type="button"
|
||||
onClick={() => setMenuOpen(true)}
|
||||
aria-haspopup="dialog"
|
||||
aria-expanded={menuOpen}
|
||||
aria-controls="mobile-menu"
|
||||
>
|
||||
<span className="flex flex-col gap-1">
|
||||
<span className="inline-block h-0.5 w-5 bg-white" />
|
||||
<span className="inline-block h-0.5 w-5 bg-white" />
|
||||
<span className="inline-block h-0.5 w-5 bg-white" />
|
||||
</span>
|
||||
Menu
|
||||
</button>
|
||||
<nav className="hidden sm:block [font-family:'Public_Sans',Helvetica] font-bold text-white text-lg sm:text-2xl tracking-[0] leading-[normal] sm:pt-1">
|
||||
<ul className="flex flex-wrap items-center justify-start gap-x-4 gap-y-2 sm:justify-end sm:gap-x-8 sm:ml-auto">
|
||||
{navigationItems.map((item) => (
|
||||
<li key={item.label}>
|
||||
<a
|
||||
className="hover:underline"
|
||||
href={item.href}
|
||||
>
|
||||
{item.label}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</nav>
|
||||
<a
|
||||
className="w-[200px] sm:w-[240px] 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.png"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div className="relative px-4 sm:px-6 pt-6 pb-6 sm:pt-[70px] sm:pb-[42px]">
|
||||
<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]">
|
||||
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
|
||||
Enriching lives through horses in
|
||||
the{" "}
|
||||
</span>
|
||||
<span className="underline">Highlands</span>
|
||||
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
|
||||
{" "}
|
||||
since{" "}
|
||||
</span>
|
||||
<span className="underline">1975</span>
|
||||
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
|
||||
.
|
||||
</span>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div className="relative pb-6 sm:pb-[42px]">
|
||||
<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" />
|
||||
<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]">
|
||||
"Our mission is to bring about
|
||||
meaningful and positive changes in the
|
||||
health and well-being of people with
|
||||
physical or mental disabilities through
|
||||
activities with our horses and ponies."
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer className="mt-0 bg-[#d6d6d6] px-4 sm:px-0 pb-8 pt-6 sm:pt-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]">
|
||||
<p className="font-semibold">
|
||||
Highland Group RDA is a registered charity in
|
||||
<br />
|
||||
Scotland SCIO 2342343
|
||||
</p>
|
||||
<div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
|
||||
<p className="font-semibold">
|
||||
The Highland Group RDA, Culloden, Inverness,
|
||||
IV2
|
||||
</p>
|
||||
<p className="font-semibold">
|
||||
Tel: 01463 000 000 · Email:
|
||||
info@highlandrda.org.uk
|
||||
</section>
|
||||
|
||||
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 pt-0 pb-10 sm:pb-[60px]">
|
||||
<div className="w-full">
|
||||
<div className="bg-[#d6d6d6] w-full px-4 sm:px-0 py-8 sm:py-[50px] sm:rounded-[7px]">
|
||||
<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]">
|
||||
Find out more about who we are, what we do
|
||||
and how you can support us to help make a
|
||||
difference.
|
||||
</p>
|
||||
<div className="mt-4 mx-auto h-[2px] w-16 bg-black/60" />
|
||||
</div>
|
||||
|
||||
<div className="mt-8 sm:mt-[60px]">
|
||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-3 sm:gap-[10px]">
|
||||
{cardData.map((card, index) => (
|
||||
<Card
|
||||
key={index}
|
||||
className="w-full h-[220px] sm:h-[273px] overflow-hidden border-0 shadow-none bg-transparent"
|
||||
>
|
||||
<CardContent
|
||||
className={`relative p-2.5 h-full flex flex-col ${card.backgroundImage} overflow-hidden`}
|
||||
style={{
|
||||
backgroundImage: `url(${card.imageUrl})`,
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-black/40" />
|
||||
<div className="relative mt-auto flex flex-col items-end justify-end gap-2.5 p-2.5 bg-[#7ca371]/85">
|
||||
<h3 className="[font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-4xl text-center tracking-[0] leading-[normal]">
|
||||
{card.title}
|
||||
</h3>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-8 sm:mt-[40px]">
|
||||
<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]">
|
||||
Highland Group RDA is a member of the
|
||||
National Riding for the Disabled
|
||||
Association (RDA), and of the Grampian
|
||||
and Highland Regional RDA.
|
||||
<br />
|
||||
<br />
|
||||
We are a registered Scottish Charitable
|
||||
Incorporated Organisation (SC007357).
|
||||
</div>
|
||||
<img
|
||||
className="w-[110px] h-[110px] sm:w-[140px] sm:h-[140px] object-cover self-start sm:self-auto"
|
||||
alt="Small mono"
|
||||
src="/small-mono.png"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="mt-4 font-semibold">
|
||||
Privacy Policy · Safeguarding · Accessibility
|
||||
</p>
|
||||
<p className="mt-4 font-semibold">
|
||||
Site designed by{" "}
|
||||
<a
|
||||
className="underline"
|
||||
href="https://muir.in"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Calum Muir
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</section>
|
||||
<footer className="mt-0 bg-[#d6d6d6] px-4 sm:px-0 pb-8 pt-6 sm:pt-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]">
|
||||
<p className="font-semibold">
|
||||
Highland Group RDA is a registered charity
|
||||
in
|
||||
<br />
|
||||
Scotland SCIO 2342343
|
||||
</p>
|
||||
<div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
|
||||
<p className="font-semibold">
|
||||
The Highland Group RDA, Culloden,
|
||||
Inverness, IV2
|
||||
</p>
|
||||
<p className="font-semibold">
|
||||
Tel: 01463 000 000 · Email:
|
||||
info@highlandrda.org.uk
|
||||
</p>
|
||||
</div>
|
||||
<p className="mt-4 font-semibold">
|
||||
Privacy Policy · Safeguarding ·
|
||||
Accessibility
|
||||
</p>
|
||||
<p className="mt-4 font-semibold">
|
||||
Site designed by{" "}
|
||||
<a
|
||||
className="underline"
|
||||
href="https://muir.in"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Calum Muir
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -43,7 +43,10 @@ export const News = (): JSX.Element => {
|
|||
<ul className="flex flex-wrap items-center justify-end gap-x-8 gap-y-2">
|
||||
{navigationItems.map((item) => (
|
||||
<li key={item.label}>
|
||||
<a className="hover:underline" href={item.href}>
|
||||
<a
|
||||
className="hover:underline"
|
||||
href={item.href}
|
||||
>
|
||||
{item.label}
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -53,43 +56,45 @@ export const News = (): JSX.Element => {
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Latest News
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Updates from Highland Group RDA
|
||||
</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]">
|
||||
Stories, milestones, and updates from the yard, our
|
||||
riders, volunteers, and supporters.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12 pb-10">
|
||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-3">
|
||||
{newsItems.map((item) => (
|
||||
<article
|
||||
key={item.title}
|
||||
className="bg-[#d6d6d6] px-6 py-6 sm:py-8"
|
||||
>
|
||||
<main className="w-full">
|
||||
<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>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
{item.date}
|
||||
Latest News
|
||||
</p>
|
||||
<h2 className="mt-3 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl leading-[1.2]">
|
||||
{item.title}
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
{item.summary}
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Updates from Highland Group RDA
|
||||
</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]">
|
||||
Stories, milestones, and updates from the yard,
|
||||
our riders, volunteers, and supporters.
|
||||
</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12 pb-10">
|
||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-3">
|
||||
{newsItems.map((item) => (
|
||||
<article
|
||||
key={item.title}
|
||||
className="bg-[#d6d6d6] px-6 py-6 sm:py-8"
|
||||
>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
{item.date}
|
||||
</p>
|
||||
<h2 className="mt-3 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl leading-[1.2]">
|
||||
{item.title}
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
{item.summary}
|
||||
</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -35,200 +35,210 @@ export const SupportUs = (): JSX.Element => {
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||
<div>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Support Us
|
||||
</p>
|
||||
<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
|
||||
thanks to you.
|
||||
</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]">
|
||||
We couldn't do what we do without the hard work and
|
||||
dedication of our wonderful volunteers and fundraisers.
|
||||
We wouldn't be where we are without the kindness
|
||||
and generosity of our sponsors and donors.
|
||||
</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]">
|
||||
We understand not everyone is in the position to be able
|
||||
to volunteer but donations are just as impactful. We are
|
||||
truly grateful for any and every donation received as we
|
||||
can only do what we do as a result of self-funding.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||
<div className="bg-[#d6d6d6] 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">
|
||||
<div>
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Donate today!
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]">
|
||||
Head over to our Just Giving Page to give a
|
||||
one-off donation today.
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]">
|
||||
Just Giving Donate
|
||||
</p>
|
||||
</div>
|
||||
<a
|
||||
className="w-full sm:w-[240px] 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.png"
|
||||
/>
|
||||
</a>
|
||||
<main className="w-full">
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||
<div>
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Support Us
|
||||
</p>
|
||||
<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 thanks to you.
|
||||
</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]">
|
||||
We couldn't do what we do without the hard work
|
||||
and dedication of our wonderful volunteers and
|
||||
fundraisers. We wouldn't be where we are
|
||||
without the kindness and generosity of our sponsors
|
||||
and donors.
|
||||
</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]">
|
||||
We understand not everyone is in the position to be
|
||||
able to volunteer but donations are just as
|
||||
impactful. We are truly grateful for any and every
|
||||
donation received as we can only do what we do as a
|
||||
result of self-funding.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Volunteering
|
||||
</h2>
|
||||
<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't have to know
|
||||
anything about horses, or even like being around
|
||||
animals, there are plenty of other opportunities for you
|
||||
to get involved and help us. We also need lots of help
|
||||
with other tasks such as fundraising, publicity,
|
||||
painting, creating new activities for the participants
|
||||
and general maintenance.
|
||||
</p>
|
||||
<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:
|
||||
</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>Grooming</li>
|
||||
<li>Tacking up the ponies</li>
|
||||
<li>
|
||||
Leading the ponies and/or walking beside the ponies
|
||||
to support the riders
|
||||
</li>
|
||||
<li>Poo picking the fields</li>
|
||||
</ul>
|
||||
<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,
|
||||
download our Volunteer Information Pack.
|
||||
</p>
|
||||
<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?
|
||||
</h3>
|
||||
<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
|
||||
would need to be available during one of our session
|
||||
times - Tuesday - Friday mornings. If you can commit to
|
||||
helping regularly it would be great, but everyone
|
||||
understands that's not always possible and there
|
||||
are usually many other flexible options available -
|
||||
especially in summer.
|
||||
</p>
|
||||
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
How can I apply?
|
||||
</h3>
|
||||
<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.
|
||||
</p>
|
||||
<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
|
||||
to have?
|
||||
</h3>
|
||||
<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
|
||||
limit. We have Public Liability insurance and Trustee
|
||||
Indemnity for all volunteers. Volunteers aged between 12
|
||||
and 90 also have Personal Accident insurance (with some
|
||||
restrictions for those aged between 80 and 90).
|
||||
</p>
|
||||
<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
|
||||
of 2 referees who are not a relative or partner and who
|
||||
have known you for more than 1 year. Volunteers of 16
|
||||
years of age and over who are actively involved with our
|
||||
sessions are required to undergo an enhanced disclosure
|
||||
check because they are volunteering with vulnerable
|
||||
adults and children.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||
<div className="bg-[#d6d6d6] 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">
|
||||
<div>
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Donate today!
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]">
|
||||
Head over to our Just Giving Page to give a
|
||||
one-off donation today.
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]">
|
||||
Just Giving Donate
|
||||
</p>
|
||||
</div>
|
||||
<a
|
||||
className="w-full sm:w-[240px] 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.png"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Sponsor a pony
|
||||
</h2>
|
||||
<h3 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
Why sponsor a pony?
|
||||
</h3>
|
||||
<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
|
||||
care and attention. Our volunteers and coaches work hard
|
||||
every day all year round to ensure our ponies are well
|
||||
looked after and suitable for our riders. By sponsoring
|
||||
a pony, you are enabling us to enrich the lives of
|
||||
disabled children and adults throughout the Highlands.
|
||||
</p>
|
||||
<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
|
||||
pony?
|
||||
</h3>
|
||||
<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
|
||||
here are some of the things we regularly need to look
|
||||
after our ponies and ensure we can keep running our RDA
|
||||
sessions.
|
||||
</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">
|
||||
<li>£34 every 6 weeks for hoof trimming</li>
|
||||
<li>£35 for a large bale of hay</li>
|
||||
<li>£60 for a vet to visit</li>
|
||||
<li>£20 for a bag of feed</li>
|
||||
<li>£4 for a bag of carrots</li>
|
||||
<li>£30 to fund a riding session</li>
|
||||
<li>£75 to buy a riding hat</li>
|
||||
</ul>
|
||||
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
How do I pay?
|
||||
</h3>
|
||||
<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
|
||||
bearing with us. If you would like more information,
|
||||
please get in touch.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Volunteering
|
||||
</h2>
|
||||
<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't have to
|
||||
know anything about horses, or even like being
|
||||
around animals, there are plenty of other
|
||||
opportunities for you to get involved and help us.
|
||||
We also need lots of help with other tasks such as
|
||||
fundraising, publicity, painting, creating new
|
||||
activities for the participants and general
|
||||
maintenance.
|
||||
</p>
|
||||
<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:
|
||||
</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>Grooming</li>
|
||||
<li>Tacking up the ponies</li>
|
||||
<li>
|
||||
Leading the ponies and/or walking beside the
|
||||
ponies to support the riders
|
||||
</li>
|
||||
<li>Poo picking the fields</li>
|
||||
</ul>
|
||||
<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, download our Volunteer Information Pack.
|
||||
</p>
|
||||
<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?
|
||||
</h3>
|
||||
<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 would need to be available during one of our
|
||||
session times - Tuesday - Friday mornings. If you
|
||||
can commit to helping regularly it would be great,
|
||||
but everyone understands that's not always
|
||||
possible and there are usually many other flexible
|
||||
options available - especially in summer.
|
||||
</p>
|
||||
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
How can I apply?
|
||||
</h3>
|
||||
<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.
|
||||
</p>
|
||||
<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 to have?
|
||||
</h3>
|
||||
<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 limit. We have Public Liability insurance and
|
||||
Trustee Indemnity for all volunteers. Volunteers
|
||||
aged between 12 and 90 also have Personal Accident
|
||||
insurance (with some restrictions for those aged
|
||||
between 80 and 90).
|
||||
</p>
|
||||
<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 of 2 referees who are not a relative or
|
||||
partner and who have known you for more than 1 year.
|
||||
Volunteers of 16 years of age and over who are
|
||||
actively involved with our sessions are required to
|
||||
undergo an enhanced disclosure check because they
|
||||
are volunteering with vulnerable adults and
|
||||
children.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14 pb-10">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Fundraising
|
||||
</h2>
|
||||
<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
|
||||
groups. We have to self fund coaching fees, the care of
|
||||
our beautiful ponies, riding equipment, insurance and
|
||||
everything else that comes with running an RDA group.
|
||||
</p>
|
||||
<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
|
||||
Highland Group RDA is through fundraising. We run a
|
||||
variety of events throughout the year and are always
|
||||
looking for volunteers to support in running these
|
||||
events. If you can spare some time to assist or are
|
||||
aware of any fundraising opportunities, please get in
|
||||
touch. We'd love to hear from you!
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Sponsor a pony
|
||||
</h2>
|
||||
<h3 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
Why sponsor a pony?
|
||||
</h3>
|
||||
<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 care and attention. Our volunteers and
|
||||
coaches work hard every day all year round to ensure
|
||||
our ponies are well looked after and suitable for
|
||||
our riders. By sponsoring a pony, you are enabling
|
||||
us to enrich the lives of disabled children and
|
||||
adults throughout the Highlands.
|
||||
</p>
|
||||
<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 pony?
|
||||
</h3>
|
||||
<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
|
||||
here are some of the things we regularly need to
|
||||
look after our ponies and ensure we can keep running
|
||||
our RDA sessions.
|
||||
</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">
|
||||
<li>£34 every 6 weeks for hoof trimming</li>
|
||||
<li>£35 for a large bale of hay</li>
|
||||
<li>£60 for a vet to visit</li>
|
||||
<li>£20 for a bag of feed</li>
|
||||
<li>£4 for a bag of carrots</li>
|
||||
<li>£30 to fund a riding session</li>
|
||||
<li>£75 to buy a riding hat</li>
|
||||
</ul>
|
||||
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
How do I pay?
|
||||
</h3>
|
||||
<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 bearing with us. If you would like more
|
||||
information, please get in touch.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14 pb-10">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Fundraising
|
||||
</h2>
|
||||
<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
|
||||
groups. We have to self fund coaching fees, the care
|
||||
of our beautiful ponies, riding equipment, insurance
|
||||
and everything else that comes with running an RDA
|
||||
group.
|
||||
</p>
|
||||
<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
|
||||
Highland Group RDA is through fundraising. We run a
|
||||
variety of events throughout the year and are always
|
||||
looking for volunteers to support in running these
|
||||
events. If you can spare some time to assist or are
|
||||
aware of any fundraising opportunities, please get
|
||||
in touch. We'd love to hear from you!
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue