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

Add SEO descriptions and keywords

Browse source
This commit is contained in:
Calum Muir 2025-12-29 12:29:56 +00:00
parent f9ebfc47d8
commit dbb51210ab
9 changed files with 1357 additions and 856 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

134
src/layouts/Base.astro
View file

@ -2,11 +2,11 @@
import "../styles/global.css"; import "../styles/global.css";
const { const {
title = "Home", title = "Home",
description = description = "Highland Group RDA provides horse riding for people with disabilities in the Highlands, offering safe, fun, and therapeutic equestrian activities.",
"Highland Group RDA provides horse riding for people with disabilities in the Highlands, offering safe, fun, and therapeutic equestrian activities.", keywords = "Highland Group RDA, horse riding for disabilities, therapeutic riding Highlands, RDA Scotland, equestrian therapy, disability riding lessons",
path = "/", path = "/",
image = "/Samantha-and-Connolly-1280.webp", image = "/Samantha-and-Connolly-1280.webp",
} = Astro.props; } = Astro.props;
const SITE_NAME = "Highland Group RDA"; const SITE_NAME = "Highland Group RDA";
@ -15,59 +15,77 @@ const pageTitle = `${SITE_NAME} - ${title}`;
const canonical = path === "/" ? BASE_URL : `${BASE_URL}${path}`; const canonical = path === "/" ? BASE_URL : `${BASE_URL}${path}`;
const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`; const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`;
--- ---
<!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" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{pageTitle}</title> <title>{pageTitle}</title>
<meta name="description" content={description} /> <meta name="description" content={description} />
<link rel="canonical" href={canonical} /> <meta name="keywords" content={keywords} />
<meta property="og:title" content={pageTitle} /> <link rel="canonical" href={canonical} />
<meta property="og:description" content={description} /> <meta property="og:title" content={pageTitle} />
<meta property="og:type" content="website" /> <meta property="og:description" content={description} />
<meta property="og:url" content={canonical} /> <meta property="og:type" content="website" />
<meta property="og:image" content={imageUrl} /> <meta property="og:url" content={canonical} />
<meta name="twitter:card" content="summary_large_image" /> <meta property="og:image" content={imageUrl} />
<meta name="twitter:title" content={pageTitle} /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content={description} /> <meta name="twitter:title" content={pageTitle} />
<meta name="twitter:image" content={imageUrl} /> <meta name="twitter:description" content={description} />
<meta name="theme-color" content="#e2e2e2" /> <meta name="twitter:image" content={imageUrl} />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <meta name="theme-color" content="#e2e2e2" />
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" /> <link
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> rel="apple-touch-icon"
<link rel="shortcut icon" href="/favicon.ico" /> sizes="180x180"
<link rel="manifest" href="/site.webmanifest" /> href="/apple-touch-icon.png"
<link rel="preconnect" href="https://fonts.googleapis.com" /> />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link
<link rel="icon"
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@600;700;800&family=Merriweather:wght@700&display=swap" type="image/png"
rel="stylesheet" sizes="96x96"
/> href="/favicon-96x96.png"
<slot name="head" /> />
<script src="https://cdn.userway.org/widget.js" data-account="ZdcVJAc6ri"></script> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
</head> <link rel="shortcut icon" href="/favicon.ico" />
<body> <link rel="manifest" href="/site.webmanifest" />
<div class="snow-banner" role="region" aria-label="Holiday announcement"> <link rel="preconnect" href="https://fonts.googleapis.com" />
<div class="snow-banner__snow" aria-hidden="true"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<span class="snowflake snowflake-1"></span> <link
<span class="snowflake snowflake-2"></span> href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@600;700;800&family=Merriweather:wght@700&display=swap"
<span class="snowflake snowflake-3"></span> rel="stylesheet"
<span class="snowflake snowflake-4"></span> />
<span class="snowflake snowflake-5"></span> <slot name="head" />
<span class="snowflake snowflake-6"></span> <script
<span class="snowflake snowflake-7"></span> src="https://cdn.userway.org/widget.js"
<span class="snowflake snowflake-8"></span> data-account="ZdcVJAc6ri"></script>
</div> </head>
<a <body>
class="snow-banner__link" <div
href="https://www.amazon.co.uk/hz/wishlist/ls/2B4R5YZQ8U4B2?ref_=wl_share" class="snow-banner"
target="_blank" role="region"
rel="noreferrer" aria-label="Holiday announcement"
> >
The ponies have had a chat and put together an Amazon Wish-List for Christmas! Click here <div class="snow-banner__snow" aria-hidden="true">
</a> <span class="snowflake snowflake-1"></span>
</div> <span class="snowflake snowflake-2"></span>
<slot /> <span class="snowflake snowflake-3"></span>
</body> <span class="snowflake snowflake-4"></span>
<span class="snowflake snowflake-5"></span>
<span class="snowflake snowflake-6"></span>
<span class="snowflake snowflake-7"></span>
<span class="snowflake snowflake-8"></span>
</div>
<a
class="snow-banner__link"
href="https://www.amazon.co.uk/hz/wishlist/ls/2B4R5YZQ8U4B2?ref_=wl_share"
target="_blank"
rel="noreferrer"
>
The ponies have had a chat and put together an Amazon Wish-List
for Christmas! Click here
</a>
</div>
<slot />
</body>
</html> </html>

596
src/pages/about.astro
View file

@ -3,241 +3,381 @@ import Base from "../layouts/Base.astro";
import SiteHeader from "../components/SiteHeader.astro"; import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const pageSeo = {
title: "About",
path: "/about",
description:
"Highland Group RDA is a volunteer-led charity offering therapeutic horse riding in the Highlands. Learn about our mission, history, and community impact.",
keywords:
"Highland Group RDA, about Highland RDA, RDA charity, volunteer-led charity Scotland, therapeutic riding, equestrian therapy Highlands",
};
--- ---
<Base <Base {...pageSeo}>
title="About" <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
path="/about" <main class="w-full">
description="Learn about Highland Group RDA, our mission, and how we support riders across the Highlands." <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
> <div
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]"> class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]"
<main class="w-full"> style="background-image: url(/222957077_6028824210491349_4146132303877993139_n-1920w.webp);"
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> >
<div <div
class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]" class="absolute inset-0 bg-gradient-to-b from-black/65 via-black/35 to-black/25"
style="background-image: url(/222957077_6028824210491349_4146132303877993139_n-1920w.webp);" >
> </div>
<div class="absolute inset-0 bg-gradient-to-b from-black/65 via-black/35 to-black/25"></div> <SiteHeader
<SiteHeader navigationItems={navigationItems} theme="dark" className="px-6 sm:px-4" /> navigationItems={navigationItems}
<div class="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8"> theme="dark"
<div class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"> className="px-6 sm:px-4"
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> />
Who, why, where, when &amp; how? <div
</p> class="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8"
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> >
<h1 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"> <div
Highland Group RDA was established in 1975. class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"
</h1> >
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"> <p
We are located at our own premises just outside Kirkhill, near Inverness. We operate class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"
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. Who, why, where, when &amp; how?
</p> </p>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"> <div class="mt-3 h-[2px] w-10 bg-white/70"></div>
We are completely self-funded and rely on income from donations for our sessions, <h1
fundraising from local events and available grants to fund our services, upkeep of our class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
facilities and most importantly fund the care and training of our wonderful ponies. >
</p> Highland Group RDA was established in 1975.
</div> </h1>
</div> <p
<a class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"
class="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]" >
href="https://www.justgiving.com/charity/highlandgrouprda" We are located at our own premises just outside
target="_blank" Kirkhill, near Inverness. We operate from Spring
rel="noreferrer" to Autumn 4 days per week. The majority of our
> participants are Inverness and Ross-shire based
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> with a reach including Glenurquhart, Dingwall
</a> and Inverness.
</div> </p>
</section> <p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white 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>
<a
class="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8"> <div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between"> <div
<h2 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between"
Our Star Participants >
</h2> <h2
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/60"> class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
Stories and testimonials >
</p> Our Star Participants
</div> </h2>
<p
class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/60"
>
Stories and testimonials
</p>
</div>
<div class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1.05fr_0.95fr]"> <div
<div class="bg-white/70 px-6 py-6"> class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1.05fr_0.95fr]"
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70"> >
Featured story <div class="bg-white/70 px-6 py-6">
</p> <p
<h3 class="mt-2 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70"
Samantha&apos;s Story >
</h3> Featured story
<div </p>
class="mt-4 h-[200px] sm:h-[260px] w-full rounded-[7px] bg-cover bg-[50%_50%]" <h3
style="background-image: url(/Samantha-sStory-2880w.webp);" class="mt-2 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
></div> >
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Samantha&apos;s Story
Read Samantha&apos;s story and find out how her RDA sessions have not only improved her </h3>
physical and mental wellbeing, but helped her to overcome her prognosis of never being <div
able to walk. class="mt-4 h-[200px] sm:h-[260px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
</p> style="background-image: url(/Samantha-sStory-2880w.webp);"
<a >
class="mt-4 inline-flex items-center gap-2 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] underline" </div>
href="/Star-Participants-Samantha-s-story.pdf" <p
target="_blank" class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
rel="noreferrer" >
> Read Samantha&apos;s story and find out how her
Full story (PDF) RDA sessions have not only improved her physical
</a> and mental wellbeing, but helped her to overcome
</div> her prognosis of never being able to walk.
</p>
<a
class="mt-4 inline-flex items-center gap-2 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] underline"
href="/Star-Participants-Samantha-s-story.pdf"
target="_blank"
rel="noreferrer"
>
Full story (PDF)
</a>
</div>
<div class="bg-white/70 px-6 py-6"> <div class="bg-white/70 px-6 py-6">
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70"> <p
Testimonials class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70"
</p> >
<div class="mt-4 space-y-4"> Testimonials
<blockquote class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/95 px-5 py-4 shadow-sm"> </p>
<span class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20">&ldquo;</span> <div class="mt-4 space-y-4">
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <blockquote
Riding helps to correct her posture and protects the spine and hips while it class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/95 px-5 py-4 shadow-sm"
strengthens the muscles. More than that, it gives a sense of achievement and of >
being just as &apos;able-bodied&apos; as everyone else on the back of a horse. <span
</p> class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
</blockquote> >&ldquo;</span
<blockquote class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/95 px-5 py-4 shadow-sm"> >
<span class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20">&ldquo;</span> <p
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> class="[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&apos;s also very calming for him, Riding helps to correct her posture and
especially at the end of a session when he can nurture the horse by brushing her protects the spine and hips while it
and giving her some hay. strengthens the muscles. More than that,
</p> it gives a sense of achievement and of
</blockquote> being just as &apos;able-bodied&apos; as
</div> everyone else on the back of a horse.
</div> </p>
</div> </blockquote>
<blockquote
class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/95 px-5 py-4 shadow-sm"
>
<span
class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
>&ldquo;</span
>
<p
class="[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&apos;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>
</blockquote>
</div>
</div>
</div>
<div class="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2"> <div class="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2">
<blockquote class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/85 px-6 py-5 shadow-sm"> <blockquote
<span class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20">&ldquo;</span> class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/85 px-6 py-5 shadow-sm"
<p class="[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&apos;ve done for our child. <span
To see only the individual and the pure joy of achievement, and not the disability is a class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
tremendous gift. Our whole family benefits from these sessions. Thank you. >&ldquo;</span
</p> >
</blockquote> <p
<blockquote class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/85 px-6 py-5 shadow-sm"> class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<span class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20">&ldquo;</span> >
<p class="[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
RDA&apos;s gentle, calm and serene atmosphere coupled with the warm sentient creature that for what they&apos;ve done for our child. To see
she can bond with and enjoy without needing words. I think it helps her to feel calm and only the individual and the pure joy of
grounded and gives a huge sense of achievement. RDA is such an important part of our achievement, and not the disability is a
lives and each of my children take something different away. tremendous gift. Our whole family benefits from
</p> these sessions. Thank you.
</blockquote> </p>
</div> </blockquote>
</div> <blockquote
</section> class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/85 px-6 py-5 shadow-sm"
>
<span
class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
>&ldquo;</span
>
<p
class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
RDA&apos;s gentle, calm and serene atmosphere
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>
</blockquote>
</div>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pt-0"> <section
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8"> class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pt-0"
<div class="h-px w-24 bg-black/20"></div> >
<h2 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
Meet the ponies <div class="h-px w-24 bg-black/20"></div>
</h2> <h2
<div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3"> class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
<div class="bg-white/70 px-5 py-5"> >
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Breagh</h3> Meet the ponies
<div </h2>
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" <div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3">
style="background-image: url(/Breagh-bc8e70e8-2880w.webp);" <div class="bg-white/70 px-5 py-5">
></div> <h3
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
13.2hh · Mare · 15 yo >
<br /> Breagh
She is very willing and independent </h3>
</p> <div
</div> class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
<div class="bg-white/70 px-5 py-5"> style="background-image: url(/Breagh-bc8e70e8-2880w.webp);"
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Connolly</h3> >
<div </div>
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" <p
style="background-image: url(/connolly-73f3e69f-2880w-2.webp);" class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
></div> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> 13.2hh · Mare · 15 yo
14.2hh · Gelding · 16 yo <br />
<br /> She is very willing and independent
A true gentleman and everyone&apos;s friend </p>
</p> </div>
</div> <div class="bg-white/70 px-5 py-5">
<div class="bg-white/70 px-5 py-5"> <h3
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Harley</h3> class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
<div >
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" Connolly
style="background-image: url(/Harley-6ece9eca-2880w.webp);" </h3>
></div> <div
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
15.3hh · Gelding · 15 yo style="background-image: url(/connolly-73f3e69f-2880w-2.webp);"
<br /> >
He is the boss but very obliging </div>
</p> <p
</div> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
<div class="bg-white/70 px-5 py-5"> >
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Puzzle</h3> 14.2hh · Gelding · 16 yo
<div <br />
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" A true gentleman and everyone&apos;s friend
style="background-image: url(/puzzle-5de6e325-2880w.webp);" </p>
></div> </div>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> <div class="bg-white/70 px-5 py-5">
15.3hh · Mare · 14 yo <h3
<br /> class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
She is very sensitive and gentle >
</p> Harley
</div> </h3>
<div class="bg-white/70 px-5 py-5"> <div
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Lady Suede</h3> class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
<div style="background-image: url(/Harley-6ece9eca-2880w.webp);"
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" >
style="background-image: url(/Suede-2880w.webp);" </div>
></div> <p
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
13hh · Mare · 23 yo >
<br /> 15.3hh · Gelding · 15 yo
RIP October 2024 <br />
</p> He is the boss but very obliging
</div> </p>
<div class="bg-white/70 px-5 py-5"> </div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Wispa</h3> <div class="bg-white/70 px-5 py-5">
<div <h3
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_20%]" class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
style="background-image: url(/Wispa-2880w.webp);" >
></div> Puzzle
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> </h3>
14.2hh · Gelding · 15 yo <div
<br /> class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
RIP 2025 style="background-image: url(/puzzle-5de6e325-2880w.webp);"
</p> >
</div> </div>
</div> <p
</div> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
</section> >
15.3hh · Mare · 14 yo
<br />
She is very sensitive and gentle
</p>
</div>
<div class="bg-white/70 px-5 py-5">
<h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Lady Suede
</h3>
<div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/Suede-2880w.webp);"
>
</div>
<p
class="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 class="bg-white/70 px-5 py-5">
<h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Wispa
</h3>
<div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_20%]"
style="background-image: url(/Wispa-2880w.webp);"
>
</div>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
>
14.2hh · Gelding · 15 yo
<br />
RIP 2025
</p>
</div>
</div>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8"> <div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="h-px w-24 bg-black/20"></div> <div class="h-px w-24 bg-black/20"></div>
<h2 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Apple foraging video class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<div class="mt-6 overflow-hidden rounded-[7px] bg-black"> Apple foraging video
<video </h2>
class="w-full h-auto" <div class="mt-6 overflow-hidden rounded-[7px] bg-black">
src="/dbcdc995-6d2c-499f-b6a3-01a19b2b9886.mp4" <video
controls class="w-full h-auto"
preload="metadata" src="/dbcdc995-6d2c-499f-b6a3-01a19b2b9886.mp4"
></video> controls
</div> preload="metadata"></video>
</div> </div>
</section> </div>
</section>
<SiteFooter fullBleedOnMobile /> <SiteFooter fullBleedOnMobile />
</main> </main>
</div> </div>
</Base> </Base>

15
src/pages/accessibility.astro
View file

@ -3,13 +3,18 @@ import Base from "../layouts/Base.astro";
import SiteHeader from "../components/SiteHeader.astro"; import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const pageSeo = {
title: "Accessibility",
path: "/accessibility",
description:
"Read Highland Group RDA's Accessibility Statement and learn how we make our website inclusive and accessible for all users.",
keywords:
"Highland Group RDA accessibility, accessible charity website, web accessibility statement, inclusive design Scotland, RDA accessibility",
};
--- ---
<Base <Base {...pageSeo}>
title="Accessibility"
path="/accessibility"
description="Accessibility statement for Highland Group RDA and our commitment to inclusive access."
>
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]"> <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
<main class="w-full"> <main class="w-full">
<section <section

15
src/pages/contact.astro
View file

@ -4,14 +4,19 @@ import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const pageSeo = {
title: "Contact",
path: "/contact",
description:
"Contact Highland Group RDA for bookings, volunteering, or enquiries. We're here to help you connect with our team and activities in the Highlands.",
keywords:
"Highland Group RDA contact, RDA enquiries, book RDA session, volunteer at RDA, RDA Highlands contact details, disability riding information",
};
const turnstileSiteKey = import.meta.env.PUBLIC_TURNSTILE_SITE_KEY ?? ""; const turnstileSiteKey = import.meta.env.PUBLIC_TURNSTILE_SITE_KEY ?? "";
--- ---
<Base <Base {...pageSeo}>
title="Contact"
path="/contact"
description="Contact Highland Group RDA for sessions, volunteering, and support."
>
{ {
turnstileSiteKey && ( turnstileSiteKey && (
<Fragment slot="head"> <Fragment slot="head">

184
src/pages/events/index.astro
View file

@ -4,85 +4,113 @@ import SiteHeader from "../../components/SiteHeader.astro";
import SiteFooter from "../../components/SiteFooter.astro"; import SiteFooter from "../../components/SiteFooter.astro";
import { navigationItems } from "../../lib/navigation"; import { navigationItems } from "../../lib/navigation";
import { newsArticles, formatNewsDate } from "../../lib/news"; import { newsArticles, formatNewsDate } from "../../lib/news";
const pageSeo = {
title: "News",
path: "/events",
description:
"Stay updated with Highland Group RDA news, events, and stories. Discover how our riders, volunteers, and community are making a difference every day.",
keywords:
"Highland RDA news, RDA events, disability riding stories, RDA updates, equestrian therapy news, Highlands charity events",
};
--- ---
<Base <Base {...pageSeo}>
title="News" <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
path="/events" <main class="w-full">
description="News, events, and updates from Highland Group RDA and our community." <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
> <div
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]"> class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]"
<main class="w-full"> style="background-image: url(/news.webp);"
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div
class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]"
style="background-image: url(/news.webp);"
>
<div class="absolute inset-0 bg-black/45"></div>
<SiteHeader navigationItems={navigationItems} theme="dark" className="px-6 sm:px-4" />
<div class="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8">
<div class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm">
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90">
Latest News
</p>
<div class="mt-3 h-[2px] w-10 bg-white/70"></div>
<h1 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]">
Updates from Highland Group RDA
</h1>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white 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>
<a
class="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" />
</a>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
{newsArticles.map((item) => (
<article>
<a
class="group block bg-[#d6d6d6] border border-black/20 px-6 py-6 sm:py-8 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/70"
href={`/events/${item.slug}`}
aria-label={`Read ${item.title}`}
> >
<div class="flex flex-col gap-4"> <div class="absolute inset-0 bg-black/45"></div>
{item.image ? ( <SiteHeader
<div navigationItems={navigationItems}
class="h-[160px] rounded-[7px] bg-cover bg-[50%_35%]" theme="dark"
style={`background-image: url(${item.image});`} className="px-6 sm:px-4"
></div> />
) : null} <div
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"> class="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8"
{formatNewsDate(item.date)} >
</p> <div
<div class="h-px w-full bg-black/20"></div> class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"
<h2 class="mt-3 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl leading-[1.2] group-hover:underline"> >
{item.title} <p
</h2> class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"> >
{item.summary} Latest News
</p> </p>
<span class="mt-auto [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base underline"> <div class="mt-3 h-[2px] w-10 bg-white/70"></div>
Read more <h1
</span> class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
</div> >
</a> Updates from Highland Group RDA
</article> </h1>
))} <p
</div> class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[700px]"
</div> >
</section> Stories, milestones, and updates from the yard,
<SiteFooter fullBleedOnMobile /> our riders, volunteers, and supporters.
</main> </p>
</div> </div>
</div>
<a
class="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</section>
<section
class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"
>
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
{
newsArticles.map((item) => (
<article>
<a
class="group block bg-[#d6d6d6] border border-black/20 px-6 py-6 sm:py-8 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/70"
href={`/events/${item.slug}`}
aria-label={`Read ${item.title}`}
>
<div class="flex flex-col gap-4">
{item.image ? (
<div
class="h-[160px] rounded-[7px] bg-cover bg-[50%_35%]"
style={`background-image: url(${item.image});`}
/>
) : null}
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
{formatNewsDate(item.date)}
</p>
<div class="h-px w-full bg-black/20" />
<h2 class="mt-3 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl leading-[1.2] group-hover:underline">
{item.title}
</h2>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
{item.summary}
</p>
<span class="mt-auto [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base underline">
Read more
</span>
</div>
</a>
</article>
))
}
</div>
</div>
</section>
<SiteFooter fullBleedOnMobile />
</main>
</div>
</Base> </Base>

164
src/pages/facebook.astro
View file

@ -4,79 +4,101 @@ import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const facebookPageUrl = "https://www.facebook.com/profile.php?id=100064729054822"; const facebookPageUrl =
"https://www.facebook.com/profile.php?id=100064729054822";
const facebookEmbedUrl = const facebookEmbedUrl =
"https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100064729054822&tabs=timeline&width=500&height=900&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true"; "https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100064729054822&tabs=timeline&width=500&height=900&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true";
const pageSeo = {
title: "Facebook",
path: "/facebook",
description:
"Follow Highland Group RDA on Facebook to see the latest updates, photos, events, and stories from our riders, volunteers, and community.",
keywords:
"Highland Group RDA Facebook, RDA social media, Highland RDA updates, RDA events Facebook, therapeutic riding community",
};
--- ---
<Base <Base {...pageSeo}>
title="Facebook" <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
path="/facebook" <main class="w-full">
description="Follow Highland Group RDA on Facebook for the latest updates and events." <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
> <div
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]"> class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]"
<main class="w-full"> style="background-image: url(/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w-1.webp);"
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> >
<div <div class="absolute inset-0 bg-black/45"></div>
class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]" <SiteHeader
style="background-image: url(/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w-1.webp);" navigationItems={navigationItems}
> theme="dark"
<div class="absolute inset-0 bg-black/45"></div> className="px-6 sm:px-4"
<SiteHeader facebookHref={facebookPageUrl}
navigationItems={navigationItems} />
theme="dark" <div
className="px-6 sm:px-4" class="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 sm:pt-8"
facebookHref={facebookPageUrl} >
/> <div
<div class="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 sm:pt-8"> class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"
<div class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"> >
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> <p
Social class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"
</p> >
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> Social
<h1 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"> </p>
Facebook updates <div class="mt-3 h-[2px] w-10 bg-white/70"></div>
</h1> <h1
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[720px]"> class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
Follow our latest news, events, and photos on Facebook. >
</p> Facebook updates
</div> </h1>
</div> <p
<a class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[720px]"
class="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]" >
href="https://www.justgiving.com/charity/highlandgrouprda" Follow our latest news, events, and photos on
target="_blank" Facebook.
rel="noreferrer" </p>
> </div>
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> </div>
</a> <a
</div> class="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
</section> href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"> <section
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8"> class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"
<div class="mt-6 w-full max-w-[500px] mx-auto"> >
<iframe <div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
title="Highland Group RDA Facebook feed" <div class="mt-6 w-full max-w-[500px] mx-auto">
src={facebookEmbedUrl} <iframe
width="500" title="Highland Group RDA Facebook feed"
height="900" src={facebookEmbedUrl}
class="w-full h-[700px] sm:h-[900px] border-0 rounded-[7px] bg-white" width="500"
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" height="900"
loading="lazy" class="w-full h-[700px] sm:h-[900px] border-0 rounded-[7px] bg-white"
></iframe> allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"
</div> loading="lazy"></iframe>
<a </div>
class="mt-6 inline-flex [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline" <a
href={facebookPageUrl} class="mt-6 inline-flex [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline"
target="_blank" href={facebookPageUrl}
rel="noreferrer" target="_blank"
> rel="noreferrer"
Visit our Facebook page >
</a> Visit our Facebook page
</div> </a>
</section> </div>
<SiteFooter fullBleedOnMobile /> </section>
</main> <SiteFooter fullBleedOnMobile />
</div> </main>
</div>
</Base> </Base>

11
src/pages/index.astro
View file

@ -4,6 +4,15 @@ import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const pageSeo = {
title: "Home",
path: "/",
description:
"Highland Group RDA provides horse riding for people with disabilities in the Highlands, offering safe, fun, and therapeutic equestrian activities.",
keywords:
"Highland Group RDA, horse riding for disabilities, therapeutic riding Highlands, RDA Scotland, equestrian therapy, disability riding lessons",
};
const cardData = [ const cardData = [
{ {
title: "About Us", title: "About Us",
@ -26,7 +35,7 @@ const cardData = [
]; ];
--- ---
<Base title="Home" path="/"> <Base {...pageSeo}>
<Fragment slot="head"> <Fragment slot="head">
<link <link
rel="preload" rel="preload"

523
src/pages/privacy.astro
View file

@ -3,205 +3,352 @@ import Base from "../layouts/Base.astro";
import SiteHeader from "../components/SiteHeader.astro"; import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const pageSeo = {
title: "Privacy Policy",
path: "/privacy",
description:
"Read Highland Group RDA's Privacy Policy to learn how we collect, use, and protect your personal information in line with data protection laws.",
keywords:
"Highland Group RDA privacy policy, data protection RDA, GDPR compliance Scotland, RDA data use, protect personal information",
};
--- ---
<Base <Base {...pageSeo}>
title="Privacy Policy" <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
path="/privacy" <main class="w-full">
description="Privacy policy for Highland Group RDA, including our use of Cloudflare Web Analytics." <section
> class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]"> >
<main class="w-full"> <div
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"> class="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8"
<div class="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8"> >
<SiteHeader navigationItems={navigationItems} className="px-0" /> <SiteHeader
<p class="mt-6 [font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"> navigationItems={navigationItems}
Privacy Policy className="px-0"
</p> />
<h1 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]"> <p
Privacy Policy class="mt-6 [font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"
</h1> >
<p class="mt-2 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Privacy Policy
Last updated: December 2025 </p>
</p> <h1
class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]"
>
Privacy Policy
</h1>
<p
class="mt-2 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
Last updated: December 2025
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Who we are class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Who we are
Highland Group RDA is a registered charity providing riding and carriage-driving activities for disabled </h2>
children and adults. <p
</p> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<ul class="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>Website: www.highlandgrouprda.org.uk</li> Highland Group RDA is a registered charity providing
<li>Email: info@highlandgrouprda.org.uk</li> riding and carriage-driving activities for disabled
<li>Charity number: SC007357</li> children and adults.
</ul> </p>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <ul
We are committed to protecting your privacy and handling your personal data responsibly and class="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"
transparently. >
</p> <li>Website: www.highlandgrouprda.org.uk</li>
<li>Email: info@highlandgrouprda.org.uk</li>
<li>Charity number: SC007357</li>
</ul>
<p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
We are committed to protecting your privacy and handling
your personal data responsibly and transparently.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
What information we collect class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> What information we collect
Depending on how you interact with us, we may collect: </h2>
</p> <p
<h3 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
Information you provide directly >
</h3> Depending on how you interact with us, we may collect:
<ul class="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"> </p>
<li>Name</li> <h3
<li>Email address</li> class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
<li>Telephone number</li> >
<li>Information submitted through contact or enquiry forms</li> Information you provide directly
</ul> </h3>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <ul
If you apply to participate in RDA activities, additional information may be collected separately using class="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"
secure application forms. This can include health, mobility, or support-related information, which is >
handled with particular care. <li>Name</li>
</p> <li>Email address</li>
<h3 class="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <li>Telephone number</li>
Information collected automatically <li>
</h3> Information submitted through contact or enquiry
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> forms
When you visit our website, basic technical information may be collected automatically, such as: </li>
</p> </ul>
<ul class="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"> <p
<li>IP address</li> class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<li>Device and browser type</li> >
<li>Pages visited</li> If you apply to participate in RDA activities,
</ul> additional information may be collected separately using
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> secure application forms. This can include health,
This information is used only to help us understand how the website is used and to keep it secure. mobility, or support-related information, which is
</p> handled with particular care.
</p>
<h3
class="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
Information collected automatically
</h3>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
When you visit our website, basic technical information
may be collected automatically, such as:
</p>
<ul
class="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>IP address</li>
<li>Device and browser type</li>
<li>Pages visited</li>
</ul>
<p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
This information is used only to help us understand how
the website is used and to keep it secure.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
How we use your information class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> How we use your information
We use your information to: </h2>
</p> <p
<ul class="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"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<li>Respond to enquiries</li> >
<li>Manage participation in RDA activities</li> We use your information to:
<li>Communicate important information about sessions, events, or safety</li> </p>
<li>Improve and maintain our website</li> <ul
<li>Meet legal and safeguarding obligations</li> class="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"
</ul> >
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <li>Respond to enquiries</li>
We only use your data where we have a lawful basis to do so, such as consent, legitimate interests, or <li>Manage participation in RDA activities</li>
legal obligation. <li>
</p> Communicate important information about sessions,
events, or safety
</li>
<li>Improve and maintain our website</li>
<li>Meet legal and safeguarding obligations</li>
</ul>
<p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
We only use your data where we have a lawful basis to do
so, such as consent, legitimate interests, or legal
obligation.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Sensitive personal data class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Sensitive personal data
Some information we collect (for example, health or disability details) is classed as special category </h2>
data under UK GDPR. <p
</p> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<ul class="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>This information is used only to support participants safely and appropriately</li> Some information we collect (for example, health or
<li>Access is restricted to relevant RDA personnel</li> disability details) is classed as special category data
<li>It is never used for marketing</li> under UK GDPR.
</ul> </p>
<ul
class="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>
This information is used only to support
participants safely and appropriately
</li>
<li>Access is restricted to relevant RDA personnel</li>
<li>It is never used for marketing</li>
</ul>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Cookies class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Cookies
Our website may use essential cookies to ensure it works properly. </h2>
</p> <p
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
We do not use cookies for advertising or tracking across other websites. >
</p> Our website may use essential cookies to ensure it works
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> properly.
If non-essential cookies are introduced in future, clear information and choices will be provided. </p>
</p> <p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
We do not use cookies for advertising or tracking across
other websites.
</p>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
If non-essential cookies are introduced in future, clear
information and choices will be provided.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Website hosting and processors class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Website hosting and processors
Behind the scenes, the website is hosted using modern, secure infrastructure. This may involve trusted </h2>
third-party providers who process limited technical data on our behalf, strictly under data-protection <p
agreements. class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
</p> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Behind the scenes, the website is hosted using modern,
From your point of view, this does not change how your information is handled. secure infrastructure. This may involve trusted
</p> third-party providers who process limited technical data
on our behalf, strictly under data-protection
agreements.
</p>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
From your point of view, this does not change how your
information is handled.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
How long we keep your data class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> How long we keep your data
We keep personal data only for as long as necessary: </h2>
</p> <p
<ul class="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"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<li>Enquiry data is kept only while it is relevant</li> >
<li>Participant records are retained in line with RDA UK guidance and legal requirements</li> We keep personal data only for as long as necessary:
<li>Data is securely deleted when no longer required</li> </p>
</ul> <ul
class="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>Enquiry data is kept only while it is relevant</li>
<li>
Participant records are retained in line with RDA UK
guidance and legal requirements
</li>
<li>
Data is securely deleted when no longer required
</li>
</ul>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Sharing your information class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Sharing your information
We do not sell or rent personal data. </h2>
</p> <p
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
Information may be shared only: >
</p> We do not sell or rent personal data.
<ul class="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"> </p>
<li>With RDA UK where required</li> <p
<li>With medical or safeguarding professionals where necessary for safety</li> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<li>Where required by law</li> >
</ul> Information may be shared only:
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> </p>
Any sharing is done carefully and proportionately. <ul
</p> class="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>With RDA UK where required</li>
<li>
With medical or safeguarding professionals where
necessary for safety
</li>
<li>Where required by law</li>
</ul>
<p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
Any sharing is done carefully and proportionately.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Your rights class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Your rights
Under UK data-protection law, you have the right to: </h2>
</p> <p
<ul class="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"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<li>Access the personal data we hold about you</li> >
<li>Ask for incorrect data to be corrected</li> Under UK data-protection law, you have the right to:
<li>Ask for your data to be erased (where appropriate)</li> </p>
<li>Object to or restrict certain types of processing</li> <ul
</ul> class="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"
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> >
To exercise these rights, contact us at info@highlandgrouprda.org.uk. <li>Access the personal data we hold about you</li>
</p> <li>Ask for incorrect data to be corrected</li>
<li>
Ask for your data to be erased (where appropriate)
</li>
<li>
Object to or restrict certain types of processing
</li>
</ul>
<p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
To exercise these rights, contact us at
info@highlandgrouprda.org.uk.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Keeping your data safe class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Keeping your data safe
We take appropriate technical and organisational steps to protect personal information from loss, </h2>
misuse, or unauthorised access. <p
</p> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> >
If something technical needs attention, it is handled centrally. We take appropriate technical and organisational steps
</p> to protect personal information from loss, misuse, or
unauthorised access.
</p>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
If something technical needs attention, it is handled
centrally.
</p>
<h2 class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
Changes to this policy class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
</h2> >
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> Changes to this policy
This policy may be updated occasionally to reflect changes in law or how the charity operates. </h2>
</p> <p
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
The latest version will always be published on our website. >
</p> This policy may be updated occasionally to reflect
</div> changes in law or how the charity operates.
</section> </p>
<SiteFooter fullBleedOnMobile /> <p
</main> class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
</div> >
The latest version will always be published on our
website.
</p>
</div>
</section>
<SiteFooter fullBleedOnMobile />
</main>
</div>
</Base> </Base>

571
src/pages/support-us.astro
View file

@ -3,230 +3,357 @@ import Base from "../layouts/Base.astro";
import SiteHeader from "../components/SiteHeader.astro"; import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro"; import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation"; import { navigationItems } from "../lib/navigation";
const pageSeo = {
title: "Support Us",
path: "/support-us",
description:
"Support Highland Group RDA through donations, volunteering, or fundraising. Help us provide free, life-changing horse riding sessions in the Highlands.",
keywords:
"Support Highland RDA, donate to RDA, RDA fundraising, volunteer with RDA, charity donations Scotland, equestrian therapy support",
};
--- ---
<Base <Base {...pageSeo}>
title="Support Us" <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
path="/support-us" <main class="w-full">
description="Support Highland Group RDA through donations, volunteering, and fundraising." <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
> <div
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]"> class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]"
<main class="w-full"> style="background-image: url(/Kenneth.jpg);"
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> >
<div <div class="absolute inset-0 bg-black/45"></div>
class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]" <SiteHeader
style="background-image: url(/Kenneth.jpg);" navigationItems={navigationItems}
> theme="dark"
<div class="absolute inset-0 bg-black/45"></div> className="px-6 sm:px-4"
<SiteHeader navigationItems={navigationItems} theme="dark" className="px-6 sm:px-4" /> />
<div class="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8"> <div
<div class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"> class="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8"
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> >
Support Us <div
</p> class="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> >
<h1 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"> <p
We are able to carry out our life-changing activities thanks to you. class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"
</h1> >
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[820px]"> Support Us
We couldn&apos;t do what we do without the hard work and dedication of our wonderful volunteers </p>
and fundraisers. We wouldn&apos;t be where we are without the kindness and generosity of our <div class="mt-3 h-[2px] w-10 bg-white/70"></div>
sponsors and donors. <h1
</p> class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white 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 We are able to carry out our life-changing
impactful. We are truly grateful for any and every donation received as we can only do what we do activities thanks to you.
as a result of self-funding. </h1>
</p> <p
</div> class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[820px]"
</div> >
</div> We couldn&apos;t do what we do without the hard
</section> work and dedication of our wonderful volunteers
and fundraisers. We wouldn&apos;t be where we
are without the kindness and generosity of our
sponsors and donors.
</p>
<p
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white 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>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> <section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="bg-[#f5d445] px-6 sm:px-8 py-6 sm:py-8"> <div class="bg-[#f5d445] px-6 sm:px-8 py-6 sm:py-8">
<div class="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between"> <div
<div> class="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between"
<h2 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> >
Donate today! <div>
</h2> <h2
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]"> class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
Head over to our Just Giving Page to give a one-off donation today. >
</p> Donate today!
</div> </h2>
<a <p
class="w-full sm:w-[240px] h-[50px]" class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] max-w-[620px]"
href="https://www.justgiving.com/charity/highlandgrouprda" >
target="_blank" Head over to our Just Giving Page to give a
rel="noreferrer" one-off donation today.
</p>
</div>
<a
class="w-full sm:w-[240px] h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="relative">
<img
class="w-full h-[140px] object-cover"
style="object-position: 50% 35%;"
alt=""
src="/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp"
/>
<div class="absolute inset-0 bg-black/35"></div>
<h2
class="absolute inset-0 flex items-end px-6 sm:px-8 pb-3 [font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-3xl"
>
Volunteering
</h2>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2">
<div>
<p
class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
>
We welcome all volunteers, you don&apos;t have
to know 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
class="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
class="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>
</div>
<div class="space-y-6">
<div>
<h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
How much time do I need to commit?
</h3>
<p
class="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&apos;s not always
possible and there are usually many other
flexible options available - especially in
summer.
</p>
</div>
<div>
<h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
How can I apply?
</h3>
<p
class="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
<a class="underline" href="/contact"
>clicking here</a
>.
</p>
</div>
<div>
<h3
class="[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
class="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
class="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>
</div>
</div>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="relative">
<img
class="w-full h-[140px] object-cover"
style="object-position: 50% 35%;"
alt=""
src="/274864973_7295359163837841_5927911936073070889_n-1920w.webp"
/>
<div class="absolute inset-0 bg-black/35"></div>
<h2
class="absolute inset-0 flex items-end px-6 sm:px-8 pb-3 [font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-3xl"
>
Sponsor a pony
</h2>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2">
<div>
<h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
Why sponsor a pony?
</h3>
<p
class="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
class="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
How do I pay?
</h3>
<p
class="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>
<div>
<h3
class="[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
class="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
class="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>
</div>
</div>
</div>
</section>
<section
class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"
> >
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> <div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
</a> <div
</div> class="mt-4 grid grid-cols-1 gap-6 sm:grid-cols-[320px_1fr] sm:items-start"
</div> >
</section> <div class="relative">
<img
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> class="w-full h-[240px] sm:h-[260px] object-cover"
<div class="relative"> alt="Ponies lined up"
<img src="/alineofponies-1920w.webp"
class="w-full h-[140px] object-cover" />
style="object-position: 50% 35%;" <h2
alt="" class="absolute left-0 bottom-0 m-3 px-3 py-2 bg-black/55 [font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-3xl"
src="/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp" >
/> Fundraising
<div class="absolute inset-0 bg-black/35"></div> </h2>
<h2 class="absolute inset-0 flex items-end px-6 sm:px-8 pb-3 [font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-3xl"> </div>
Volunteering <div>
</h2> <p
</div> class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
</section> >
Highland Group RDA is self-funded, as are all
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0"> RDA groups. We have to self fund coaching fees,
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8"> the care of our beautiful ponies, riding
<div class="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2"> equipment, insurance and everything else that
<div> comes with running an RDA group.
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> </p>
We welcome all volunteers, you don&apos;t have to know anything about horses, or even like being <p
around animals, there are plenty of other opportunities for you to get involved and help us. We class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
also need lots of help with other tasks such as fundraising, publicity, painting, creating new >
activities for the participants and general maintenance. One of the ways we raise money for the upkeep of
</p> Highland Group RDA is through fundraising. We
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> run a variety of events throughout the year and
Volunteering for sessions involves: are always looking for volunteers to support in
</p> running these events. If you can spare some time
<ul class="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"> to assist or are aware of any fundraising
<li>Grooming</li> opportunities, please get in touch. We&apos;d
<li>Tacking up the ponies</li> love to hear from you!
<li>Leading the ponies and/or walking beside the ponies to support the riders</li> </p>
<li>Poo picking the fields</li> </div>
</ul> </div>
</div> </div>
<div class="space-y-6"> </section>
<div> <SiteFooter fullBleedOnMobile />
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> </main>
How much time do I need to commit? </div>
</h3>
<p class="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&apos;s not always possible and there are usually many other
flexible options available - especially in summer.
</p>
</div>
<div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
How can I apply?
</h3>
<p class="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
<a class="underline" href="/contact">clicking here</a>.
</p>
</div>
<div>
<h3 class="[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 class="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 class="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>
</div>
</div>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="relative">
<img
class="w-full h-[140px] object-cover"
style="object-position: 50% 35%;"
alt=""
src="/274864973_7295359163837841_5927911936073070889_n-1920w.webp"
/>
<div class="absolute inset-0 bg-black/35"></div>
<h2 class="absolute inset-0 flex items-end px-6 sm:px-8 pb-3 [font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-3xl">
Sponsor a pony
</h2>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2">
<div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
Why sponsor a pony?
</h3>
<p class="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 class="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
How do I pay?
</h3>
<p class="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>
<div>
<h3 class="[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 class="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 class="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>
</div>
</div>
</div>
</section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0">
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="mt-4 grid grid-cols-1 gap-6 sm:grid-cols-[320px_1fr] sm:items-start">
<div class="relative">
<img class="w-full h-[240px] sm:h-[260px] object-cover" alt="Ponies lined up" src="/alineofponies-1920w.webp" />
<h2 class="absolute left-0 bottom-0 m-3 px-3 py-2 bg-black/55 [font-family:'Merriweather',Helvetica] font-bold text-white text-2xl sm:text-3xl">
Fundraising
</h2>
</div>
<div>
<p class="[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 class="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&apos;d love to hear from you!
</p>
</div>
</div>
</div>
</section>
<SiteFooter fullBleedOnMobile />
</main>
</div>
</Base> </Base>