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">
|
<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" />
|
||||||
<body>
|
<meta property="og:title" content="Highland Group RDA" />
|
||||||
<div id="root"></div>
|
<meta
|
||||||
<script type="module" src="/src/main.tsx"></script>
|
property="og:description"
|
||||||
</body>
|
content="Enriching lives through horses in the Highlands since 1975."
|
||||||
</html>
|
/>
|
||||||
|
<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>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
<main className="w-full">
|
||||||
<div className="grid grid-cols-1 gap-8 sm:grid-cols-[1.1fr_0.9fr] sm:items-center">
|
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||||
<div>
|
<div className="grid grid-cols-1 gap-8 sm:grid-cols-[1.1fr_0.9fr] sm:items-center">
|
||||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
<div>
|
||||||
Who, why, where, when & how?
|
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||||
</p>
|
Who, why, where, when & how?
|
||||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
</p>
|
||||||
Highland Group RDA was established in 1975.
|
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||||
</h1>
|
Highland Group RDA was established in 1975.
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
</h1>
|
||||||
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>
|
|
||||||
<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's story and find out how her
|
We are located at our own premises just outside
|
||||||
RDA sessions have not only improved her physical
|
Kirkhill, near Inverness. We operate from Spring
|
||||||
and mental wellbeing, but helped her to overcome
|
to Autumn 4 days per week. The majority of our
|
||||||
her prognosis of never being able to walk.
|
participants are Inverness and Ross-shire based
|
||||||
|
with a reach including Glenurquhart, Dingwall
|
||||||
|
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]">
|
||||||
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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-white/70 px-6 py-6">
|
<div
|
||||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
className="relative w-full h-[260px] sm:h-[360px] rounded-[7px] overflow-hidden bg-cover bg-[50%_50%]"
|
||||||
Riding helps to correct her posture and protects
|
style={{
|
||||||
the spine and hips while it strengthens the
|
backgroundImage:
|
||||||
muscles. More than that, it gives a sense of
|
"url(/Samantha-and-Connolly.jpg)",
|
||||||
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
|
<div className="absolute inset-0 bg-black/20" />
|
||||||
</a>
|
</div>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</footer>
|
|
||||||
|
<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>
|
</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">
|
<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,91 +35,97 @@ export const Contact = (): JSX.Element => {
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
<main className="w-full">
|
||||||
<div>
|
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
<div>
|
||||||
Get in touch
|
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||||
</p>
|
Get in touch
|
||||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
</p>
|
||||||
Contact Highland Group RDA
|
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||||
</h1>
|
Contact Highland Group RDA
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[720px]">
|
</h1>
|
||||||
We would love to hear from you about sessions, volunteering,
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[720px]">
|
||||||
or ways to support the group. Reach out and we will get back
|
We would love to hear from you about sessions,
|
||||||
to you as soon as we can.
|
volunteering, or ways to support the group. Reach
|
||||||
</p>
|
out and we will get back to you as soon as we can.
|
||||||
</div>
|
</p>
|
||||||
</section>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12 pb-10">
|
<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="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">
|
<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">
|
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||||
Contact details
|
Contact details
|
||||||
</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]">
|
||||||
The Highland Group RDA, Culloden, Inverness, IV2
|
The Highland Group RDA, Culloden, Inverness, IV2
|
||||||
</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]">
|
||||||
Tel: 01463 000 000
|
Tel: 01463 000 000
|
||||||
<br />
|
<br />
|
||||||
Email: info@highlandrda.org.uk
|
Email: info@highlandrda.org.uk
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-6">
|
<div className="mt-6">
|
||||||
<a
|
<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"
|
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"
|
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
|
<div>
|
||||||
</a>
|
<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>
|
</div>
|
||||||
|
</section>
|
||||||
<div className="bg-white/70 px-6 sm:px-8 py-6 sm:py-8">
|
</main>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -72,193 +72,200 @@ export const Desktop = (): JSX.Element => {
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 mt-0 sm:mt-0">
|
<main className="w-full">
|
||||||
<div
|
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 mt-0 sm:mt-0">
|
||||||
className="relative w-full min-h-[70vh] sm:min-h-0 bg-cover bg-[50%_50%] overflow-hidden"
|
<div
|
||||||
style={{
|
className="relative w-full min-h-[70vh] sm:min-h-0 bg-cover bg-[50%_50%] overflow-hidden"
|
||||||
backgroundImage: "url(/Samantha-and-Connolly.jpg)",
|
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="absolute inset-0 bg-black/35" />
|
||||||
<div className="flex flex-row items-start justify-between gap-3 pt-4 sm:pt-4 sm:h-[108px]">
|
<header className="relative w-full px-6 sm:px-4">
|
||||||
<img
|
<div className="flex flex-row items-start justify-between gap-3 pt-4 sm:pt-4 sm:h-[108px]">
|
||||||
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>
|
|
||||||
<img
|
<img
|
||||||
className="w-[110px] h-[110px] sm:w-[140px] sm:h-[140px] object-cover self-start sm:self-auto"
|
className="w-[150px] h-[80px] sm:w-[177px] sm:h-[93px]"
|
||||||
alt="Small mono"
|
alt="Rdalogo"
|
||||||
src="/small-mono.png"
|
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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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">
|
<section className="w-full sm:max-w-[1200px] sm:mx-auto sm:px-8 pt-0 pb-10 sm:pb-[60px]">
|
||||||
<div className="[font-family:'Public_Sans',Helvetica] text-black text-sm sm:text-base tracking-[0] leading-[1.5]">
|
<div className="w-full">
|
||||||
<p className="font-semibold">
|
<div className="bg-[#d6d6d6] w-full px-4 sm:px-0 py-8 sm:py-[50px] sm:rounded-[7px]">
|
||||||
Highland Group RDA is a registered charity in
|
<div className="text-center">
|
||||||
<br />
|
<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]">
|
||||||
Scotland SCIO 2342343
|
Find out more about who we are, what we do
|
||||||
</p>
|
and how you can support us to help make a
|
||||||
<div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
|
difference.
|
||||||
<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>
|
</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>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
<footer className="mt-0 bg-[#d6d6d6] px-4 sm:px-0 pb-8 pt-6 sm:pt-8">
|
||||||
</section>
|
<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>
|
</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">
|
<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,43 +56,45 @@ export const News = (): JSX.Element => {
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
<main className="w-full">
|
||||||
<div className="flex flex-col gap-6">
|
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||||
<div>
|
<div className="flex flex-col gap-6">
|
||||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
<div>
|
||||||
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"
|
|
||||||
>
|
|
||||||
<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">
|
||||||
{item.date}
|
Latest News
|
||||||
</p>
|
</p>
|
||||||
<h2 className="mt-3 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl leading-[1.2]">
|
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||||
{item.title}
|
Updates from Highland Group RDA
|
||||||
</h2>
|
</h1>
|
||||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[700px]">
|
||||||
{item.summary}
|
Stories, milestones, and updates from the yard,
|
||||||
|
our riders, volunteers, and supporters.
|
||||||
</p>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
))}
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</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>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -35,200 +35,210 @@ export const SupportUs = (): JSX.Element => {
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
<main className="w-full">
|
||||||
<div>
|
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12">
|
||||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
<div>
|
||||||
Support Us
|
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||||
</p>
|
Support Us
|
||||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
</p>
|
||||||
We are able to carry out our life-changing activities
|
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||||
thanks to you.
|
We are able to carry out our life-changing
|
||||||
</h1>
|
activities thanks to you.
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]">
|
</h1>
|
||||||
We couldn't do what we do without the hard work and
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]">
|
||||||
dedication of our wonderful volunteers and fundraisers.
|
We couldn't do what we do without the hard work
|
||||||
We wouldn't be where we are without the kindness
|
and dedication of our wonderful volunteers and
|
||||||
and generosity of our sponsors and donors.
|
fundraisers. We wouldn't be where we are
|
||||||
</p>
|
without the kindness and generosity of our sponsors
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]">
|
and donors.
|
||||||
We understand not everyone is in the position to be able
|
</p>
|
||||||
to volunteer but donations are just as impactful. We are
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[820px]">
|
||||||
truly grateful for any and every donation received as we
|
We understand not everyone is in the position to be
|
||||||
can only do what we do as a result of self-funding.
|
able to volunteer but donations are just as
|
||||||
</p>
|
impactful. We are truly grateful for any and every
|
||||||
</div>
|
donation received as we can only do what we do as a
|
||||||
</section>
|
result of self-funding.
|
||||||
|
</p>
|
||||||
<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>
|
||||||
</div>
|
</section>
|
||||||
</section>
|
|
||||||
|
|
||||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-10 sm:mt-14">
|
<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="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">
|
<div className="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
|
||||||
Volunteering
|
<div>
|
||||||
</h2>
|
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
Donate today!
|
||||||
We welcome all volunteers, you don't have to know
|
</h2>
|
||||||
anything about horses, or even like being around
|
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]">
|
||||||
animals, there are plenty of other opportunities for you
|
Head over to our Just Giving Page to give a
|
||||||
to get involved and help us. We also need lots of help
|
one-off donation today.
|
||||||
with other tasks such as fundraising, publicity,
|
</p>
|
||||||
painting, creating new activities for the participants
|
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]">
|
||||||
and general maintenance.
|
Just Giving Donate
|
||||||
</p>
|
</p>
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
</div>
|
||||||
Volunteering for sessions involves:
|
<a
|
||||||
</p>
|
className="w-full sm:w-[240px] h-[50px]"
|
||||||
<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">
|
href="https://www.justgiving.com/charity/highlandgrouprda"
|
||||||
<li>Grooming</li>
|
target="_blank"
|
||||||
<li>Tacking up the ponies</li>
|
rel="noreferrer"
|
||||||
<li>
|
>
|
||||||
Leading the ponies and/or walking beside the ponies
|
<img
|
||||||
to support the riders
|
className="w-full h-full object-contain"
|
||||||
</li>
|
alt="Donate via JustGiving"
|
||||||
<li>Poo picking the fields</li>
|
src="/Button.png"
|
||||||
</ul>
|
/>
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
</a>
|
||||||
To find out more about volunteering for an RDA centre,
|
</div>
|
||||||
download our Volunteer Information Pack.
|
</div>
|
||||||
</p>
|
</section>
|
||||||
<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">
|
<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">
|
<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">
|
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||||
Sponsor a pony
|
Volunteering
|
||||||
</h2>
|
</h2>
|
||||||
<h3 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||||
Why sponsor a pony?
|
We welcome all volunteers, you don't have to
|
||||||
</h3>
|
know anything about horses, or even like being
|
||||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
around animals, there are plenty of other
|
||||||
We currently have a school of ponies which all require
|
opportunities for you to get involved and help us.
|
||||||
care and attention. Our volunteers and coaches work hard
|
We also need lots of help with other tasks such as
|
||||||
every day all year round to ensure our ponies are well
|
fundraising, publicity, painting, creating new
|
||||||
looked after and suitable for our riders. By sponsoring
|
activities for the participants and general
|
||||||
a pony, you are enabling us to enrich the lives of
|
maintenance.
|
||||||
disabled children and adults throughout the Highlands.
|
</p>
|
||||||
</p>
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||||
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
Volunteering for sessions involves:
|
||||||
How much does it cost to sponsor a Highland Group RDA
|
</p>
|
||||||
pony?
|
<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">
|
||||||
</h3>
|
<li>Grooming</li>
|
||||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
<li>Tacking up the ponies</li>
|
||||||
You can sponsor as little or as much as you like but
|
<li>
|
||||||
here are some of the things we regularly need to look
|
Leading the ponies and/or walking beside the
|
||||||
after our ponies and ensure we can keep running our RDA
|
ponies to support the riders
|
||||||
sessions.
|
</li>
|
||||||
</p>
|
<li>Poo picking the fields</li>
|
||||||
<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>
|
||||||
<li>£34 every 6 weeks for hoof trimming</li>
|
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||||
<li>£35 for a large bale of hay</li>
|
To find out more about volunteering for an RDA
|
||||||
<li>£60 for a vet to visit</li>
|
centre, download our Volunteer Information Pack.
|
||||||
<li>£20 for a bag of feed</li>
|
</p>
|
||||||
<li>£4 for a bag of carrots</li>
|
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||||
<li>£30 to fund a riding session</li>
|
How much time do I need to commit?
|
||||||
<li>£75 to buy a riding hat</li>
|
</h3>
|
||||||
</ul>
|
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||||
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
If you are keen to work with our participants then
|
||||||
How do I pay?
|
you would need to be available during one of our
|
||||||
</h3>
|
session times - Tuesday - Friday mornings. If you
|
||||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
can commit to helping regularly it would be great,
|
||||||
We are working on a payment method so we thank you for
|
but everyone understands that's not always
|
||||||
bearing with us. If you would like more information,
|
possible and there are usually many other flexible
|
||||||
please get in touch.
|
options available - especially in summer.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||||
</section>
|
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">
|
<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">
|
<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">
|
<h2 className="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||||
Fundraising
|
Sponsor a pony
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
<h3 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||||
Highland Group RDA is self-funded, as are all RDA
|
Why sponsor a pony?
|
||||||
groups. We have to self fund coaching fees, the care of
|
</h3>
|
||||||
our beautiful ponies, riding equipment, insurance and
|
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||||
everything else that comes with running an RDA group.
|
We currently have a school of ponies which all
|
||||||
</p>
|
require care and attention. Our volunteers and
|
||||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
coaches work hard every day all year round to ensure
|
||||||
One of the ways we raise money for the upkeep of
|
our ponies are well looked after and suitable for
|
||||||
Highland Group RDA is through fundraising. We run a
|
our riders. By sponsoring a pony, you are enabling
|
||||||
variety of events throughout the year and are always
|
us to enrich the lives of disabled children and
|
||||||
looking for volunteers to support in running these
|
adults throughout the Highlands.
|
||||||
events. If you can spare some time to assist or are
|
</p>
|
||||||
aware of any fundraising opportunities, please get in
|
<h3 className="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||||
touch. We'd love to hear from you!
|
How much does it cost to sponsor a Highland Group
|
||||||
</p>
|
RDA pony?
|
||||||
</div>
|
</h3>
|
||||||
</section>
|
<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>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue