Add SEO descriptions and keywords
This commit is contained in:
Calum Muir
parent
f9ebfc47d8
commit
dbb51210ab
9 changed files with 1357 additions and 856 deletions
|
|
@ -2,11 +2,11 @@
|
|||
import "../styles/global.css";
|
||||
|
||||
const {
|
||||
title = "Home",
|
||||
description =
|
||||
"Highland Group RDA provides horse riding for people with disabilities in the Highlands, offering safe, fun, and therapeutic equestrian activities.",
|
||||
path = "/",
|
||||
image = "/Samantha-and-Connolly-1280.webp",
|
||||
title = "Home",
|
||||
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",
|
||||
path = "/",
|
||||
image = "/Samantha-and-Connolly-1280.webp",
|
||||
} = Astro.props;
|
||||
|
||||
const SITE_NAME = "Highland Group RDA";
|
||||
|
|
@ -15,59 +15,77 @@ const pageTitle = `${SITE_NAME} - ${title}`;
|
|||
const canonical = path === "/" ? BASE_URL : `${BASE_URL}${path}`;
|
||||
const imageUrl = image.startsWith("http") ? image : `${BASE_URL}${image}`;
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{pageTitle}</title>
|
||||
<meta name="description" content={description} />
|
||||
<link rel="canonical" href={canonical} />
|
||||
<meta property="og:title" content={pageTitle} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content={canonical} />
|
||||
<meta property="og:image" content={imageUrl} />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content={pageTitle} />
|
||||
<meta name="twitter:description" content={description} />
|
||||
<meta name="twitter:image" content={imageUrl} />
|
||||
<meta name="theme-color" content="#e2e2e2" />
|
||||
<link 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="shortcut icon" href="/favicon.ico" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@600;700;800&family=Merriweather:wght@700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<slot name="head" />
|
||||
<script src="https://cdn.userway.org/widget.js" data-account="ZdcVJAc6ri"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="snow-banner" role="region" aria-label="Holiday announcement">
|
||||
<div class="snow-banner__snow" aria-hidden="true">
|
||||
<span class="snowflake snowflake-1"></span>
|
||||
<span class="snowflake snowflake-2"></span>
|
||||
<span class="snowflake snowflake-3"></span>
|
||||
<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>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{pageTitle}</title>
|
||||
<meta name="description" content={description} />
|
||||
<meta name="keywords" content={keywords} />
|
||||
<link rel="canonical" href={canonical} />
|
||||
<meta property="og:title" content={pageTitle} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content={canonical} />
|
||||
<meta property="og:image" content={imageUrl} />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content={pageTitle} />
|
||||
<meta name="twitter:description" content={description} />
|
||||
<meta name="twitter:image" content={imageUrl} />
|
||||
<meta name="theme-color" content="#e2e2e2" />
|
||||
<link
|
||||
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="shortcut icon" href="/favicon.ico" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@600;700;800&family=Merriweather:wght@700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<slot name="head" />
|
||||
<script
|
||||
src="https://cdn.userway.org/widget.js"
|
||||
data-account="ZdcVJAc6ri"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div
|
||||
class="snow-banner"
|
||||
role="region"
|
||||
aria-label="Holiday announcement"
|
||||
>
|
||||
<div class="snow-banner__snow" aria-hidden="true">
|
||||
<span class="snowflake snowflake-1"></span>
|
||||
<span class="snowflake snowflake-2"></span>
|
||||
<span class="snowflake snowflake-3"></span>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -3,241 +3,381 @@ import Base from "../layouts/Base.astro";
|
|||
import SiteHeader from "../components/SiteHeader.astro";
|
||||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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
|
||||
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]">
|
||||
<main class="w-full">
|
||||
<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(/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>
|
||||
<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 & how?
|
||||
</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]">
|
||||
Highland Group RDA was established in 1975.
|
||||
</h1>
|
||||
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]">
|
||||
We are located at our own premises just outside Kirkhill, near Inverness. We operate
|
||||
from Spring to Autumn 4 days per week. The majority of our participants are Inverness
|
||||
and Ross-shire based with a reach including Glenurquhart, Dingwall and Inverness.
|
||||
</p>
|
||||
<p 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>
|
||||
<Base {...pageSeo}>
|
||||
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main class="w-full">
|
||||
<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(/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>
|
||||
<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 & how?
|
||||
</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]"
|
||||
>
|
||||
Highland Group RDA was established in 1975.
|
||||
</h1>
|
||||
<p
|
||||
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-white text-base sm:text-lg leading-[1.6]"
|
||||
>
|
||||
We are located at our own premises just outside
|
||||
Kirkhill, near Inverness. We operate from Spring
|
||||
to Autumn 4 days per week. The majority of our
|
||||
participants are Inverness and Ross-shire based
|
||||
with a reach including Glenurquhart, Dingwall
|
||||
and Inverness.
|
||||
</p>
|
||||
<p
|
||||
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">
|
||||
<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">
|
||||
<h2 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Our Star Participants
|
||||
</h2>
|
||||
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/60">
|
||||
Stories and testimonials
|
||||
</p>
|
||||
</div>
|
||||
<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="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
|
||||
</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 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">
|
||||
Featured story
|
||||
</p>
|
||||
<h3 class="mt-2 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
Samantha's Story
|
||||
</h3>
|
||||
<div
|
||||
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);"
|
||||
></div>
|
||||
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Read Samantha's story and find out how her RDA sessions have not only improved her
|
||||
physical and mental wellbeing, but helped her to overcome her prognosis of never being
|
||||
able to walk.
|
||||
</p>
|
||||
<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="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1.05fr_0.95fr]"
|
||||
>
|
||||
<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"
|
||||
>
|
||||
Featured story
|
||||
</p>
|
||||
<h3
|
||||
class="mt-2 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
|
||||
>
|
||||
Samantha's Story
|
||||
</h3>
|
||||
<div
|
||||
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);"
|
||||
>
|
||||
</div>
|
||||
<p
|
||||
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
|
||||
>
|
||||
Read Samantha's story and find out how her
|
||||
RDA sessions have not only improved her physical
|
||||
and mental wellbeing, but helped her to overcome
|
||||
her prognosis of never being able to walk.
|
||||
</p>
|
||||
<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">
|
||||
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-xs uppercase tracking-[0.2em] text-black/70">
|
||||
Testimonials
|
||||
</p>
|
||||
<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">
|
||||
<span class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20">“</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 'able-bodied' as everyone else on the back of a horse.
|
||||
</p>
|
||||
</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">“</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'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="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"
|
||||
>
|
||||
Testimonials
|
||||
</p>
|
||||
<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"
|
||||
>
|
||||
<span
|
||||
class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
|
||||
>“</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 'able-bodied' as
|
||||
everyone else on the back of a horse.
|
||||
</p>
|
||||
</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"
|
||||
>“</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'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">
|
||||
<blockquote 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">“</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'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>
|
||||
</blockquote>
|
||||
<blockquote 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">“</span>
|
||||
<p class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
RDA's gentle, calm and serene atmosphere coupled with the warm sentient creature that
|
||||
she can bond with and enjoy without needing words. I think it helps her to feel calm and
|
||||
grounded and gives a huge sense of achievement. RDA is such an important part of our
|
||||
lives and each of my children take something different away.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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"
|
||||
>
|
||||
<span
|
||||
class="absolute -left-2 -top-7 text-[96px] leading-none text-black/20"
|
||||
>“</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'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>
|
||||
</blockquote>
|
||||
<blockquote
|
||||
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"
|
||||
>“</span
|
||||
>
|
||||
<p
|
||||
class="[font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
|
||||
>
|
||||
RDA's gentle, calm and serene atmosphere
|
||||
coupled with the warm sentient creature that she
|
||||
can bond with and enjoy without needing words. I
|
||||
think it helps her to feel calm and grounded and
|
||||
gives a huge sense of achievement. RDA is such
|
||||
an important part of our lives and each of my
|
||||
children take something different away.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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="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">
|
||||
Meet the ponies
|
||||
</h2>
|
||||
<div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3">
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Breagh</h3>
|
||||
<div
|
||||
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);"
|
||||
></div>
|
||||
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
13.2hh · Mare · 15 yo
|
||||
<br />
|
||||
She is very willing and independent
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Connolly</h3>
|
||||
<div
|
||||
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);"
|
||||
></div>
|
||||
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
14.2hh · Gelding · 16 yo
|
||||
<br />
|
||||
A true gentleman and everyone's friend
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Harley</h3>
|
||||
<div
|
||||
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);"
|
||||
></div>
|
||||
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
15.3hh · Gelding · 15 yo
|
||||
<br />
|
||||
He is the boss but very obliging
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl">Puzzle</h3>
|
||||
<div
|
||||
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);"
|
||||
></div>
|
||||
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]">
|
||||
15.3hh · Mare · 14 yo
|
||||
<br />
|
||||
She is very sensitive and gentle
|
||||
</p>
|
||||
</div>
|
||||
<div 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 pt-0"
|
||||
>
|
||||
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<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"
|
||||
>
|
||||
Meet the ponies
|
||||
</h2>
|
||||
<div class="mt-6 grid grid-cols-1 gap-6 sm:grid-cols-3">
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3
|
||||
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
|
||||
>
|
||||
Breagh
|
||||
</h3>
|
||||
<div
|
||||
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);"
|
||||
>
|
||||
</div>
|
||||
<p
|
||||
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
|
||||
>
|
||||
13.2hh · Mare · 15 yo
|
||||
<br />
|
||||
She is very willing and independent
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3
|
||||
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
|
||||
>
|
||||
Connolly
|
||||
</h3>
|
||||
<div
|
||||
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);"
|
||||
>
|
||||
</div>
|
||||
<p
|
||||
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
|
||||
>
|
||||
14.2hh · Gelding · 16 yo
|
||||
<br />
|
||||
A true gentleman and everyone's friend
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3
|
||||
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
|
||||
>
|
||||
Harley
|
||||
</h3>
|
||||
<div
|
||||
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);"
|
||||
>
|
||||
</div>
|
||||
<p
|
||||
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
|
||||
>
|
||||
15.3hh · Gelding · 15 yo
|
||||
<br />
|
||||
He is the boss but very obliging
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-white/70 px-5 py-5">
|
||||
<h3
|
||||
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-xl"
|
||||
>
|
||||
Puzzle
|
||||
</h3>
|
||||
<div
|
||||
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);"
|
||||
>
|
||||
</div>
|
||||
<p
|
||||
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base leading-[1.6]"
|
||||
>
|
||||
15.3hh · Mare · 14 yo
|
||||
<br />
|
||||
She is very sensitive and gentle
|
||||
</p>
|
||||
</div>
|
||||
<div 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">
|
||||
<div class="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<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">
|
||||
Apple foraging video
|
||||
</h2>
|
||||
<div class="mt-6 overflow-hidden rounded-[7px] bg-black">
|
||||
<video
|
||||
class="w-full h-auto"
|
||||
src="/dbcdc995-6d2c-499f-b6a3-01a19b2b9886.mp4"
|
||||
controls
|
||||
preload="metadata"
|
||||
></video>
|
||||
</div>
|
||||
</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="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"
|
||||
>
|
||||
Apple foraging video
|
||||
</h2>
|
||||
<div class="mt-6 overflow-hidden rounded-[7px] bg-black">
|
||||
<video
|
||||
class="w-full h-auto"
|
||||
src="/dbcdc995-6d2c-499f-b6a3-01a19b2b9886.mp4"
|
||||
controls
|
||||
preload="metadata"></video>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
</Base>
|
||||
|
|
|
|||
|
|
@ -3,13 +3,18 @@ import Base from "../layouts/Base.astro";
|
|||
import SiteHeader from "../components/SiteHeader.astro";
|
||||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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
|
||||
title="Accessibility"
|
||||
path="/accessibility"
|
||||
description="Accessibility statement for Highland Group RDA and our commitment to inclusive access."
|
||||
>
|
||||
<Base {...pageSeo}>
|
||||
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main class="w-full">
|
||||
<section
|
||||
|
|
|
|||
|
|
@ -4,14 +4,19 @@ import SiteHeader from "../components/SiteHeader.astro";
|
|||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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 ?? "";
|
||||
---
|
||||
|
||||
<Base
|
||||
title="Contact"
|
||||
path="/contact"
|
||||
description="Contact Highland Group RDA for sessions, volunteering, and support."
|
||||
>
|
||||
<Base {...pageSeo}>
|
||||
{
|
||||
turnstileSiteKey && (
|
||||
<Fragment slot="head">
|
||||
|
|
|
|||
|
|
@ -4,85 +4,113 @@ import SiteHeader from "../../components/SiteHeader.astro";
|
|||
import SiteFooter from "../../components/SiteFooter.astro";
|
||||
import { navigationItems } from "../../lib/navigation";
|
||||
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
|
||||
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]">
|
||||
<main class="w-full">
|
||||
<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}`}
|
||||
<Base {...pageSeo}>
|
||||
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main class="w-full">
|
||||
<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="flex flex-col gap-4">
|
||||
{item.image ? (
|
||||
<div
|
||||
class="h-[160px] rounded-[7px] bg-cover bg-[50%_35%]"
|
||||
style={`background-image: url(${item.image});`}
|
||||
></div>
|
||||
) : 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"></div>
|
||||
<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>
|
||||
<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">
|
||||
{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>
|
||||
|
|
|
|||
|
|
@ -4,79 +4,101 @@ import SiteHeader from "../components/SiteHeader.astro";
|
|||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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 =
|
||||
"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
|
||||
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]">
|
||||
<main class="w-full">
|
||||
<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(/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w-1.webp);"
|
||||
>
|
||||
<div class="absolute inset-0 bg-black/45"></div>
|
||||
<SiteHeader
|
||||
navigationItems={navigationItems}
|
||||
theme="dark"
|
||||
className="px-6 sm:px-4"
|
||||
facebookHref={facebookPageUrl}
|
||||
/>
|
||||
<div class="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 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">
|
||||
Social
|
||||
</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]">
|
||||
Facebook updates
|
||||
</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]">
|
||||
Follow our latest news, events, and photos on Facebook.
|
||||
</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>
|
||||
<Base {...pageSeo}>
|
||||
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main class="w-full">
|
||||
<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(/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w-1.webp);"
|
||||
>
|
||||
<div class="absolute inset-0 bg-black/45"></div>
|
||||
<SiteHeader
|
||||
navigationItems={navigationItems}
|
||||
theme="dark"
|
||||
className="px-6 sm:px-4"
|
||||
facebookHref={facebookPageUrl}
|
||||
/>
|
||||
<div
|
||||
class="relative px-6 sm:px-8 pb-32 pt-6 sm:pb-24 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"
|
||||
>
|
||||
Social
|
||||
</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]"
|
||||
>
|
||||
Facebook updates
|
||||
</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]"
|
||||
>
|
||||
Follow our latest news, events, and photos on
|
||||
Facebook.
|
||||
</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="mt-6 w-full max-w-[500px] mx-auto">
|
||||
<iframe
|
||||
title="Highland Group RDA Facebook feed"
|
||||
src={facebookEmbedUrl}
|
||||
width="500"
|
||||
height="900"
|
||||
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"
|
||||
loading="lazy"
|
||||
></iframe>
|
||||
</div>
|
||||
<a
|
||||
class="mt-6 inline-flex [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline"
|
||||
href={facebookPageUrl}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Visit our Facebook page
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
<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-6 w-full max-w-[500px] mx-auto">
|
||||
<iframe
|
||||
title="Highland Group RDA Facebook feed"
|
||||
src={facebookEmbedUrl}
|
||||
width="500"
|
||||
height="900"
|
||||
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"
|
||||
loading="lazy"></iframe>
|
||||
</div>
|
||||
<a
|
||||
class="mt-6 inline-flex [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg underline"
|
||||
href={facebookPageUrl}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Visit our Facebook page
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
</Base>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,15 @@ import SiteHeader from "../components/SiteHeader.astro";
|
|||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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 = [
|
||||
{
|
||||
title: "About Us",
|
||||
|
|
@ -26,7 +35,7 @@ const cardData = [
|
|||
];
|
||||
---
|
||||
|
||||
<Base title="Home" path="/">
|
||||
<Base {...pageSeo}>
|
||||
<Fragment slot="head">
|
||||
<link
|
||||
rel="preload"
|
||||
|
|
|
|||
|
|
@ -3,205 +3,352 @@ import Base from "../layouts/Base.astro";
|
|||
import SiteHeader from "../components/SiteHeader.astro";
|
||||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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
|
||||
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]">
|
||||
<main class="w-full">
|
||||
<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 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
|
||||
</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>
|
||||
<Base {...pageSeo}>
|
||||
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main class="w-full">
|
||||
<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 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
|
||||
</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">
|
||||
Who we are
|
||||
</h2>
|
||||
<p 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.
|
||||
</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>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"
|
||||
>
|
||||
Who we are
|
||||
</h2>
|
||||
<p
|
||||
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.
|
||||
</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>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">
|
||||
What information we collect
|
||||
</h2>
|
||||
<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:
|
||||
</p>
|
||||
<h3 class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl">
|
||||
Information you provide directly
|
||||
</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">
|
||||
<li>Name</li>
|
||||
<li>Email address</li>
|
||||
<li>Telephone number</li>
|
||||
<li>Information submitted through contact or enquiry forms</li>
|
||||
</ul>
|
||||
<p class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
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.
|
||||
</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"
|
||||
>
|
||||
What information we collect
|
||||
</h2>
|
||||
<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:
|
||||
</p>
|
||||
<h3
|
||||
class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-xl sm:text-2xl"
|
||||
>
|
||||
Information you provide directly
|
||||
</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"
|
||||
>
|
||||
<li>Name</li>
|
||||
<li>Email address</li>
|
||||
<li>Telephone number</li>
|
||||
<li>
|
||||
Information submitted through contact or enquiry
|
||||
forms
|
||||
</li>
|
||||
</ul>
|
||||
<p
|
||||
class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
|
||||
>
|
||||
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.
|
||||
</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">
|
||||
How we use your information
|
||||
</h2>
|
||||
<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:
|
||||
</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>Respond to enquiries</li>
|
||||
<li>Manage participation in RDA activities</li>
|
||||
<li>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"
|
||||
>
|
||||
How we use your information
|
||||
</h2>
|
||||
<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:
|
||||
</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>Respond to enquiries</li>
|
||||
<li>Manage participation in RDA activities</li>
|
||||
<li>
|
||||
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">
|
||||
Sensitive personal data
|
||||
</h2>
|
||||
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Some information we collect (for example, health or disability details) is classed as special category
|
||||
data under UK GDPR.
|
||||
</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"
|
||||
>
|
||||
Sensitive personal data
|
||||
</h2>
|
||||
<p
|
||||
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
|
||||
>
|
||||
Some information we collect (for example, health or
|
||||
disability details) is classed as special category data
|
||||
under UK GDPR.
|
||||
</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">
|
||||
Cookies
|
||||
</h2>
|
||||
<p 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 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"
|
||||
>
|
||||
Cookies
|
||||
</h2>
|
||||
<p
|
||||
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
|
||||
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">
|
||||
Website hosting and processors
|
||||
</h2>
|
||||
<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, secure infrastructure. This may involve trusted
|
||||
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"
|
||||
>
|
||||
Website hosting and processors
|
||||
</h2>
|
||||
<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,
|
||||
secure infrastructure. This may involve trusted
|
||||
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">
|
||||
How long we keep your data
|
||||
</h2>
|
||||
<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:
|
||||
</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>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"
|
||||
>
|
||||
How long we keep your data
|
||||
</h2>
|
||||
<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:
|
||||
</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>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">
|
||||
Sharing your information
|
||||
</h2>
|
||||
<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.
|
||||
</p>
|
||||
<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:
|
||||
</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>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"
|
||||
>
|
||||
Sharing your information
|
||||
</h2>
|
||||
<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.
|
||||
</p>
|
||||
<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:
|
||||
</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>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">
|
||||
Your rights
|
||||
</h2>
|
||||
<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:
|
||||
</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>Access the personal data we hold about you</li>
|
||||
<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"
|
||||
>
|
||||
Your rights
|
||||
</h2>
|
||||
<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:
|
||||
</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>Access the personal data we hold about you</li>
|
||||
<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">
|
||||
Keeping your data safe
|
||||
</h2>
|
||||
<p class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
We take appropriate technical and organisational steps 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"
|
||||
>
|
||||
Keeping your data safe
|
||||
</h2>
|
||||
<p
|
||||
class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
|
||||
>
|
||||
We take appropriate technical and organisational steps
|
||||
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">
|
||||
Changes to this policy
|
||||
</h2>
|
||||
<p 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 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>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
<h2
|
||||
class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
|
||||
>
|
||||
Changes to this policy
|
||||
</h2>
|
||||
<p
|
||||
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
|
||||
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>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
</Base>
|
||||
|
|
|
|||
|
|
@ -3,230 +3,357 @@ import Base from "../layouts/Base.astro";
|
|||
import SiteHeader from "../components/SiteHeader.astro";
|
||||
import SiteFooter from "../components/SiteFooter.astro";
|
||||
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
|
||||
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]">
|
||||
<main class="w-full">
|
||||
<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(/Kenneth.jpg);"
|
||||
>
|
||||
<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-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
|
||||
</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]">
|
||||
We are able to carry out our life-changing activities thanks to you.
|
||||
</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]">
|
||||
We couldn't do what we do without the hard work and dedication of our wonderful volunteers
|
||||
and fundraisers. We wouldn't be where we are without the kindness and generosity of our
|
||||
sponsors and donors.
|
||||
</p>
|
||||
<p 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>
|
||||
<Base {...pageSeo}>
|
||||
<div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main class="w-full">
|
||||
<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(/Kenneth.jpg);"
|
||||
>
|
||||
<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-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
|
||||
</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]"
|
||||
>
|
||||
We are able to carry out our life-changing
|
||||
activities thanks to you.
|
||||
</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]"
|
||||
>
|
||||
We couldn't do what we do without the hard
|
||||
work and dedication of our wonderful volunteers
|
||||
and fundraisers. We wouldn't be where we
|
||||
are without the kindness and generosity of our
|
||||
sponsors and donors.
|
||||
</p>
|
||||
<p
|
||||
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">
|
||||
<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>
|
||||
<h2 class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Donate today!
|
||||
</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]">
|
||||
Head over to our Just Giving Page to give a 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"
|
||||
<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="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between"
|
||||
>
|
||||
<div>
|
||||
<h2
|
||||
class="[font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
|
||||
>
|
||||
Donate today!
|
||||
</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]"
|
||||
>
|
||||
Head over to our Just Giving Page to give a
|
||||
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'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'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" />
|
||||
</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'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'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'd love to hear from you!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
<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'd
|
||||
love to hear from you!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
</Base>
|
||||
|
|
|
|||
Loading…
Reference in a new issue