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

32
src/layouts/Base.astro
View file

@ -3,8 +3,8 @@ 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;
@ -15,6 +15,7 @@ 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>
@ -22,6 +23,7 @@ const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`;
<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} />
<meta name="keywords" content={keywords} />
<link rel="canonical" href={canonical} /> <link rel="canonical" href={canonical} />
<meta property="og:title" content={pageTitle} /> <meta property="og:title" content={pageTitle} />
<meta property="og:description" content={description} /> <meta property="og:description" content={description} />
@ -33,8 +35,17 @@ const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`;
<meta name="twitter:description" content={description} /> <meta name="twitter:description" content={description} />
<meta name="twitter:image" content={imageUrl} /> <meta name="twitter:image" content={imageUrl} />
<meta name="theme-color" content="#e2e2e2" /> <meta name="theme-color" content="#e2e2e2" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" /> rel="apple-touch-icon"
sizes="180x180"
href="/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="/favicon-96x96.png"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="/site.webmanifest" />
@ -45,10 +56,16 @@ const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`;
rel="stylesheet" rel="stylesheet"
/> />
<slot name="head" /> <slot name="head" />
<script src="https://cdn.userway.org/widget.js" data-account="ZdcVJAc6ri"></script> <script
src="https://cdn.userway.org/widget.js"
data-account="ZdcVJAc6ri"></script>
</head> </head>
<body> <body>
<div class="snow-banner" role="region" aria-label="Holiday announcement"> <div
class="snow-banner"
role="region"
aria-label="Holiday announcement"
>
<div class="snow-banner__snow" aria-hidden="true"> <div class="snow-banner__snow" aria-hidden="true">
<span class="snowflake snowflake-1"></span> <span class="snowflake snowflake-1"></span>
<span class="snowflake snowflake-2"></span> <span class="snowflake snowflake-2"></span>
@ -65,7 +82,8 @@ const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`;
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
The ponies have had a chat and put together an Amazon Wish-List for Christmas! Click here The ponies have had a chat and put together an Amazon Wish-List
for Christmas! Click here
</a> </a>
</div> </div>
<slot /> <slot />

302
src/pages/about.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: "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"
path="/about"
description="Learn about Highland Group RDA, our mission, and how we support riders across the Highlands."
>
<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 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">
@ -17,26 +22,51 @@ import { navigationItems } from "../lib/navigation";
class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]" class="relative w-full sm:rounded-[7px] overflow-hidden bg-cover bg-[50%_35%]"
style="background-image: url(/222957077_6028824210491349_4146132303877993139_n-1920w.webp);" style="background-image: url(/222957077_6028824210491349_4146132303877993139_n-1920w.webp);"
> >
<div class="absolute inset-0 bg-gradient-to-b from-black/65 via-black/35 to-black/25"></div> <div
<SiteHeader navigationItems={navigationItems} theme="dark" className="px-6 sm:px-4" /> class="absolute inset-0 bg-gradient-to-b from-black/65 via-black/35 to-black/25"
<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"> </div>
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> <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"
>
Who, why, where, when &amp; how? Who, why, where, when &amp; how?
</p> </p>
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> <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]"> <h1
class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
>
Highland Group RDA was established in 1975. Highland Group RDA was established in 1975.
</h1> </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="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"
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. 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>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"> <p
We are completely self-funded and rely on income from donations for our sessions, class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"
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. 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> </div>
@ -46,38 +76,58 @@ import { navigationItems } from "../lib/navigation";
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> <img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a> </a>
</div> </div>
</section> </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"
>
<h2
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
>
Our Star Participants Our Star Participants
</h2> </h2>
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/60"> <p
class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/60"
>
Stories and testimonials Stories and testimonials
</p> </p>
</div> </div>
<div class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1.05fr_0.95fr]"> <div
class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1.05fr_0.95fr]"
>
<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
class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70"
>
Featured story Featured story
</p> </p>
<h3 class="mt-2 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
class="mt-2 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
Samantha&apos;s Story Samantha&apos;s Story
</h3> </h3>
<div <div
class="mt-4 h-[200px] sm:h-[260px] w-full rounded-[7px] bg-cover bg-[50%_50%]" class="mt-4 h-[200px] sm:h-[260px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/Samantha-sStory-2880w.webp);" style="background-image: url(/Samantha-sStory-2880w.webp);"
></div> >
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> </div>
Read Samantha&apos;s story and find out how her RDA sessions have not only improved her <p
physical and mental wellbeing, but helped her to overcome her prognosis of never being class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
able to walk. >
Read Samantha&apos;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>
<a <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" 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"
@ -90,25 +140,48 @@ import { navigationItems } from "../lib/navigation";
</div> </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
class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70"
>
Testimonials Testimonials
</p> </p>
<div class="mt-4 space-y-4"> <div class="mt-4 space-y-4">
<blockquote class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/95 px-5 py-4 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/95 px-5 py-4 shadow-sm"
<p class="[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 <span
strengthens the muscles. More than that, it gives a sense of achievement and of class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
being just as &apos;able-bodied&apos; as everyone else on the back of a horse. >&ldquo;</span
>
<p
class="[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 &apos;able-bodied&apos; as
everyone else on the back of a horse.
</p> </p>
</blockquote> </blockquote>
<blockquote class="relative overflow-hidden rounded-[7px] border border-black/20 bg-white/95 px-5 py-4 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/95 px-5 py-4 shadow-sm"
<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 <span
helps him understand life just that bit better. It&apos;s also very calming for him, class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
especially at the end of a session when he can nurture the horse by brushing her >&ldquo;</span
and giving her some hay. >
<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> </p>
</blockquote> </blockquote>
</div> </div>
@ -116,101 +189,167 @@ import { navigationItems } from "../lib/navigation";
</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
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. 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>
</blockquote> </blockquote>
<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]"> >
RDA&apos;s gentle, calm and serene atmosphere coupled with the warm sentient creature that <span
she can bond with and enjoy without needing words. I think it helps her to feel calm and class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
grounded and gives a huge sense of achievement. RDA is such an important part of our >&ldquo;</span
lives and each of my children take something different away. >
<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> </p>
</blockquote> </blockquote>
</div> </div>
</div> </div>
</section> </section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pt-0"> <section
class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pt-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
class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
>
Meet the ponies Meet the ponies
</h2> </h2>
<div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3"> <div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3">
<div class="bg-white/70 px-5 py-5"> <div class="bg-white/70 px-5 py-5">
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Breagh</h3> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Breagh
</h3>
<div <div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/Breagh-bc8e70e8-2880w.webp);" style="background-image: url(/Breagh-bc8e70e8-2880w.webp);"
></div> >
<p 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 13.2hh · Mare · 15 yo
<br /> <br />
She is very willing and independent She is very willing and independent
</p> </p>
</div> </div>
<div class="bg-white/70 px-5 py-5"> <div class="bg-white/70 px-5 py-5">
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Connolly</h3> <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%]" class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/connolly-73f3e69f-2880w-2.webp);" style="background-image: url(/connolly-73f3e69f-2880w-2.webp);"
></div> >
<p 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]"
>
14.2hh · Gelding · 16 yo 14.2hh · Gelding · 16 yo
<br /> <br />
A true gentleman and everyone&apos;s friend 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 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Harley</h3> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Harley
</h3>
<div <div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/Harley-6ece9eca-2880w.webp);" style="background-image: url(/Harley-6ece9eca-2880w.webp);"
></div> >
<p 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]"
>
15.3hh · Gelding · 15 yo 15.3hh · Gelding · 15 yo
<br /> <br />
He is the boss but very obliging He is the boss but very obliging
</p> </p>
</div> </div>
<div class="bg-white/70 px-5 py-5"> <div class="bg-white/70 px-5 py-5">
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Puzzle</h3> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Puzzle
</h3>
<div <div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/puzzle-5de6e325-2880w.webp);" style="background-image: url(/puzzle-5de6e325-2880w.webp);"
></div> >
<p 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]"
>
15.3hh · Mare · 14 yo 15.3hh · Mare · 14 yo
<br /> <br />
She is very sensitive and gentle She is very sensitive and gentle
</p> </p>
</div> </div>
<div class="bg-white/70 px-5 py-5"> <div class="bg-white/70 px-5 py-5">
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Lady Suede</h3> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Lady Suede
</h3>
<div <div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]" class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_50%]"
style="background-image: url(/Suede-2880w.webp);" 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]"> </div>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
>
13hh · Mare · 23 yo 13hh · Mare · 23 yo
<br /> <br />
RIP October 2024 RIP October 2024
</p> </p>
</div> </div>
<div class="bg-white/70 px-5 py-5"> <div class="bg-white/70 px-5 py-5">
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Wispa</h3> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
>
Wispa
</h3>
<div <div
class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_20%]" class="mt-3 h-[160px] sm:h-[190px] w-full rounded-[7px] bg-cover bg-[50%_20%]"
style="background-image: url(/Wispa-2880w.webp);" 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]"> </div>
<p
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
>
14.2hh · Gelding · 15 yo 14.2hh · Gelding · 15 yo
<br /> <br />
RIP 2025 RIP 2025
@ -223,7 +362,9 @@ import { navigationItems } from "../lib/navigation";
<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
class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
>
Apple foraging video Apple foraging video
</h2> </h2>
<div class="mt-6 overflow-hidden rounded-[7px] bg-black"> <div class="mt-6 overflow-hidden rounded-[7px] bg-black">
@ -231,8 +372,7 @@ import { navigationItems } from "../lib/navigation";
class="w-full h-auto" class="w-full h-auto"
src="/dbcdc995-6d2c-499f-b6a3-01a19b2b9886.mp4" src="/dbcdc995-6d2c-499f-b6a3-01a19b2b9886.mp4"
controls controls
preload="metadata" preload="metadata"></video>
></video>
</div> </div>
</div> </div>
</section> </section>

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">

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

@ -4,13 +4,18 @@ 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"
path="/events"
description="News, events, and updates from Highland Group RDA and our community."
>
<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 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">
@ -19,18 +24,33 @@ import { newsArticles, formatNewsDate } from "../../lib/news";
style="background-image: url(/news.webp);" style="background-image: url(/news.webp);"
> >
<div class="absolute inset-0 bg-black/45"></div> <div class="absolute inset-0 bg-black/45"></div>
<SiteHeader navigationItems={navigationItems} theme="dark" className="px-6 sm:px-4" /> <SiteHeader
<div class="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8"> navigationItems={navigationItems}
<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"> theme="dark"
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> 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 Latest News
</p> </p>
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> <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]"> <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 Updates from Highland Group RDA
</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-[700px]"> <p
Stories, milestones, and updates from the yard, our riders, volunteers, and supporters. 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> </p>
</div> </div>
</div> </div>
@ -40,15 +60,22 @@ import { newsArticles, formatNewsDate } from "../../lib/news";
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> <img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a> </a>
</div> </div>
</section> </section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"> <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="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2"> <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
{newsArticles.map((item) => ( {
newsArticles.map((item) => (
<article> <article>
<a <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" 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"
@ -60,12 +87,12 @@ import { newsArticles, formatNewsDate } from "../../lib/news";
<div <div
class="h-[160px] rounded-[7px] bg-cover bg-[50%_35%]" class="h-[160px] rounded-[7px] bg-cover bg-[50%_35%]"
style={`background-image: url(${item.image});`} style={`background-image: url(${item.image});`}
></div> />
) : null} ) : null}
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"> <p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
{formatNewsDate(item.date)} {formatNewsDate(item.date)}
</p> </p>
<div class="h-px w-full bg-black/20"></div> <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"> <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} {item.title}
</h2> </h2>
@ -78,7 +105,8 @@ import { newsArticles, formatNewsDate } from "../../lib/news";
</div> </div>
</a> </a>
</article> </article>
))} ))
}
</div> </div>
</div> </div>
</section> </section>

54
src/pages/facebook.astro
View file

@ -4,16 +4,22 @@ 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"
path="/facebook"
description="Follow Highland Group RDA on Facebook for the latest updates and events."
>
<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 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">
@ -28,17 +34,28 @@ const facebookEmbedUrl =
className="px-6 sm:px-4" className="px-6 sm:px-4"
facebookHref={facebookPageUrl} facebookHref={facebookPageUrl}
/> />
<div class="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 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-32 pt-6 sm:pb-24 sm:pt-8"
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> >
<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"
>
Social Social
</p> </p>
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> <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]"> <h1
class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
>
Facebook updates Facebook updates
</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]"> <p
Follow our latest news, events, and photos on Facebook. class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[720px]"
>
Follow our latest news, events, and photos on
Facebook.
</p> </p>
</div> </div>
</div> </div>
@ -48,12 +65,18 @@ const facebookEmbedUrl =
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> <img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a> </a>
</div> </div>
</section> </section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"> <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="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
<div class="mt-6 w-full max-w-[500px] mx-auto"> <div class="mt-6 w-full max-w-[500px] mx-auto">
<iframe <iframe
@ -63,8 +86,7 @@ const facebookEmbedUrl =
height="900" height="900"
class="w-full h-[700px] sm:h-[900px] border-0 rounded-[7px] bg-white" class="w-full h-[700px] sm:h-[900px] border-0 rounded-[7px] bg-white"
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"
loading="lazy" loading="lazy"></iframe>
></iframe>
</div> </div>
<a <a
class="mt-6 inline-flex [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline" class="mt-6 inline-flex [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline"

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"

321
src/pages/privacy.astro
View file

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

289
src/pages/support-us.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: "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"
path="/support-us"
description="Support Highland Group RDA through donations, volunteering, and fundraising."
>
<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 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">
@ -18,25 +23,46 @@ import { navigationItems } from "../lib/navigation";
style="background-image: url(/Kenneth.jpg);" style="background-image: url(/Kenneth.jpg);"
> >
<div class="absolute inset-0 bg-black/45"></div> <div class="absolute inset-0 bg-black/45"></div>
<SiteHeader navigationItems={navigationItems} theme="dark" className="px-6 sm:px-4" /> <SiteHeader
<div class="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8"> navigationItems={navigationItems}
<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"> theme="dark"
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> 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
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"
>
Support Us Support Us
</p> </p>
<div class="mt-3 h-[2px] w-10 bg-white/70"></div> <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]"> <h1
We are able to carry out our life-changing activities thanks to you. class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] sm:text-[44px] leading-[1.15]"
>
We are able to carry out our life-changing
activities thanks to you.
</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-[820px]"> <p
We couldn&apos;t do what we do without the hard work and dedication of our wonderful volunteers class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[820px]"
and fundraisers. We wouldn&apos;t be where we are without the kindness and generosity of our >
We couldn&apos;t do what we do without the hard
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. sponsors and donors.
</p> </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]"> <p
We understand not everyone is in the position to be able to volunteer but donations are just as class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6] max-w-[820px]"
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. 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> </p>
</div> </div>
</div> </div>
@ -45,13 +71,20 @@ import { navigationItems } from "../lib/navigation";
<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
class="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between"
>
<div> <div>
<h2 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"> <h2
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
>
Donate today! Donate today!
</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]"> <p
Head over to our Just Giving Page to give a one-off donation today. class="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>
</div> </div>
<a <a
@ -60,7 +93,11 @@ import { navigationItems } from "../lib/navigation";
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<img class="w-full h-full object-contain" alt="Donate via JustGiving" src="/Button.webp" /> <img
class="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a> </a>
</div> </div>
</div> </div>
@ -75,7 +112,9 @@ import { navigationItems } from "../lib/navigation";
src="/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp" src="/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp"
/> />
<div class="absolute inset-0 bg-black/35"></div> <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"> <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 Volunteering
</h2> </h2>
</div> </div>
@ -85,57 +124,101 @@ import { navigationItems } from "../lib/navigation";
<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="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2"> <div class="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2">
<div> <div>
<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 class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
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 We welcome all volunteers, you don&apos;t have
activities for the participants and general maintenance. 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>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <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: Volunteering for sessions involves:
</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"> <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>Grooming</li>
<li>Tacking up the ponies</li> <li>Tacking up the ponies</li>
<li>Leading the ponies and/or walking beside the ponies to support the riders</li> <li>
Leading the ponies and/or walking beside the
ponies to support the riders
</li>
<li>Poo picking the fields</li> <li>Poo picking the fields</li>
</ul> </ul>
</div> </div>
<div class="space-y-6"> <div class="space-y-6">
<div> <div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
How much time do I need to commit? How much time do I need to commit?
</h3> </h3>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
If you are keen to work with our participants then you would need to be available during one of class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
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 If you are keen to work with our
flexible options available - especially in summer. 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> </p>
</div> </div>
<div> <div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
How can I apply? How can I apply?
</h3> </h3>
<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]"
>
You can contact us via email or phone by You can contact us via email or phone by
<a class="underline" href="/contact">clicking here</a>. <a class="underline" href="/contact"
>clicking here</a
>.
</p> </p>
</div> </div>
<div> <div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
How old do I need to be and what credentials do I need to have? 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> </h3>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
All volunteers must be 12 or over. There is no upper age limit. We have Public Liability class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
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). 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>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
You will need to provide the names and contact details of 2 referees who are not a relative or class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
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 You will need to provide the names and
because they are volunteering with vulnerable adults and children. 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> </p>
</div> </div>
</div> </div>
@ -152,7 +235,9 @@ import { navigationItems } from "../lib/navigation";
src="/274864973_7295359163837841_5927911936073070889_n-1920w.webp" src="/274864973_7295359163837841_5927911936073070889_n-1920w.webp"
/> />
<div class="absolute inset-0 bg-black/35"></div> <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"> <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 Sponsor a pony
</h2> </h2>
</div> </div>
@ -162,32 +247,54 @@ import { navigationItems } from "../lib/navigation";
<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="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2"> <div class="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2">
<div> <div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
Why sponsor a pony? Why sponsor a pony?
</h3> </h3>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
We currently have a school of ponies which all require care and attention. Our volunteers and class="mt-3 [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 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 We currently have a school of ponies which all
and adults throughout the Highlands. 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> </p>
<h3 class="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
class="mt-6 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
>
How do I pay? How do I pay?
</h3> </h3>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
We are working on a payment method so we thank you for bearing with us. If you would like more 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. information, please get in touch.
</p> </p>
</div> </div>
<div> <div>
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"> <h3
How much does it cost to sponsor a Highland Group RDA pony? 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> </h3>
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
You can sponsor as little or as much as you like but here are some of the things we regularly need class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
to look after our ponies and ensure we can keep running our RDA sessions. >
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> </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"> <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>£34 every 6 weeks for hoof trimming</li>
<li>£35 for a large bale of hay</li> <li>£35 for a large bale of hay</li>
<li>£60 for a vet to visit</li> <li>£60 for a vet to visit</li>
@ -201,26 +308,46 @@ import { navigationItems } from "../lib/navigation";
</div> </div>
</section> </section>
<section class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"> <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="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="mt-4 grid grid-cols-1 gap-6 sm:grid-cols-[320px_1fr] sm:items-start"
>
<div class="relative"> <div class="relative">
<img class="w-full h-[240px] sm:h-[260px] object-cover" alt="Ponies lined up" src="/alineofponies-1920w.webp" /> <img
<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"> 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 Fundraising
</h2> </h2>
</div> </div>
<div> <div>
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
Highland Group RDA is self-funded, as are all RDA groups. We have to self fund coaching fees, the class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
care of our beautiful ponies, riding equipment, insurance and everything else that comes with running >
an RDA group. 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>
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"> <p
One of the ways we raise money for the upkeep of Highland Group RDA is through fundraising. We run a class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
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 One of the ways we raise money for the upkeep of
touch. We&apos;d love to hear from you! 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> </p>
</div> </div>
</div> </div>