diff --git a/client/public/222957077_6028824210491349_4146132303877993139_n-1920w.webp b/client/public/222957077_6028824210491349_4146132303877993139_n-1920w.webp new file mode 100644 index 0000000..8fc0545 Binary files /dev/null and b/client/public/222957077_6028824210491349_4146132303877993139_n-1920w.webp differ diff --git a/client/public/Breagh-bc8e70e8-2880w.webp b/client/public/Breagh-bc8e70e8-2880w.webp new file mode 100644 index 0000000..543b6c9 Binary files /dev/null and b/client/public/Breagh-bc8e70e8-2880w.webp differ diff --git a/client/public/Harley-6ece9eca-2880w.webp b/client/public/Harley-6ece9eca-2880w.webp new file mode 100644 index 0000000..dd19852 Binary files /dev/null and b/client/public/Harley-6ece9eca-2880w.webp differ diff --git a/client/public/Samantha-sStory-2880w.webp b/client/public/Samantha-sStory-2880w.webp new file mode 100644 index 0000000..41fe709 Binary files /dev/null and b/client/public/Samantha-sStory-2880w.webp differ diff --git a/client/public/Star-Participants-Samantha-s-story.pdf b/client/public/Star-Participants-Samantha-s-story.pdf new file mode 100644 index 0000000..427f97d Binary files /dev/null and b/client/public/Star-Participants-Samantha-s-story.pdf differ diff --git a/client/public/Suede-2880w.webp b/client/public/Suede-2880w.webp new file mode 100644 index 0000000..c4a00ae Binary files /dev/null and b/client/public/Suede-2880w.webp differ diff --git a/client/public/Wispa-2880w.webp b/client/public/Wispa-2880w.webp new file mode 100644 index 0000000..24bfc04 Binary files /dev/null and b/client/public/Wispa-2880w.webp differ diff --git a/client/public/connolly-73f3e69f-2880w-2.webp b/client/public/connolly-73f3e69f-2880w-2.webp new file mode 100644 index 0000000..db36034 Binary files /dev/null and b/client/public/connolly-73f3e69f-2880w-2.webp differ diff --git a/client/public/puzzle-5de6e325-2880w.webp b/client/public/puzzle-5de6e325-2880w.webp new file mode 100644 index 0000000..d40926f Binary files /dev/null and b/client/public/puzzle-5de6e325-2880w.webp differ diff --git a/client/src/components/SiteFooter.tsx b/client/src/components/SiteFooter.tsx new file mode 100644 index 0000000..bf32ef0 --- /dev/null +++ b/client/src/components/SiteFooter.tsx @@ -0,0 +1,66 @@ +import React from "react"; + +export const SiteFooter = (): JSX.Element => { + return ( + + ); +}; diff --git a/client/src/components/SiteHeader.tsx b/client/src/components/SiteHeader.tsx new file mode 100644 index 0000000..3ad6366 --- /dev/null +++ b/client/src/components/SiteHeader.tsx @@ -0,0 +1,119 @@ +import React, { useState } from "react"; + +type NavItem = { + label: string; + href: string; +}; + +type SiteHeaderProps = { + navigationItems: NavItem[]; + theme?: "dark" | "light"; + className?: string; +}; + +export const SiteHeader = ({ + navigationItems, + theme = "light", + className = "", +}: SiteHeaderProps): JSX.Element => { + const [menuOpen, setMenuOpen] = useState(false); + const isDark = theme === "dark"; + const textClass = isDark ? "text-white" : "text-black"; + const borderClass = isDark ? "border-white/40" : "border-black/20"; + const lineClass = isDark ? "bg-white" : "bg-black"; + + return ( + <> + {menuOpen && ( + + )} +
+
+ + Rdalogo + +
+ + +
+
+
+ + ); +}; diff --git a/client/src/pages/About.tsx b/client/src/pages/About.tsx index bf7ecf6..04adea8 100644 --- a/client/src/pages/About.tsx +++ b/client/src/pages/About.tsx @@ -1,4 +1,6 @@ import React from "react"; +import { SiteHeader } from "@/components/SiteHeader"; +import { SiteFooter } from "@/components/SiteFooter"; const navigationItems = [ { label: "Home", href: "/" }, @@ -11,79 +13,89 @@ const navigationItems = [ export const About = (): JSX.Element => { return (
-
-
- Rdalogo - -
-
-
-
-
-
-

- Who, why, where, when & how? -

-

- Highland Group RDA was established in 1975. -

-

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

-

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

+
+
+
+ +
+
+

+ Who, why, where, when & how? +

+
+

+ Highland Group RDA was established in 1975. +

+

+ 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. +

+

+ 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. +

+
-
-
-
+ Donate via JustGiving +
-
+
-

- Our Star Participants -

-
+
+

+ Our Star Participants +

+

+ Stories and testimonials +

+
+ +
-

+

+ Featured story +

+

Samantha's Story

+

Read Samantha's story and find out how her RDA sessions have not only improved her @@ -91,55 +103,93 @@ export const About = (): JSX.Element => { her to overcome her prognosis of never being able to walk.

-

- Full Story here... -

+ + Full story (PDF) +
+
-

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

-

- 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. +

+ Testimonials

+
+
+ + “ + +

+ 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. +

+
+
+ + “ + +

+ 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. +

+
+
-
-

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

-

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

+ +
+
+ + “ + +

+ 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. +

+
+
+ + “ + +

+ 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. +

+
-
+
-

+
+

Meet the ponies

@@ -147,6 +197,13 @@ export const About = (): JSX.Element => {

Breagh

+

13.2hh · Mare · 15 yo
@@ -157,6 +214,13 @@ export const About = (): JSX.Element => {

Connolly

+

14.2hh · Gelding · 16 yo
A true gentleman and everyone's @@ -167,6 +231,13 @@ export const About = (): JSX.Element => {

Harley

+

15.3hh · Gelding · 15 yo
@@ -177,6 +248,13 @@ export const About = (): JSX.Element => {

Puzzle

+

15.3hh · Mare · 14 yo
@@ -187,6 +265,13 @@ export const About = (): JSX.Element => {

Lady Suede

+

13hh · Mare · 23 yo
@@ -197,6 +282,13 @@ export const About = (): JSX.Element => {

Wispa

+

14.2hh · Gelding · 15 yo
@@ -207,26 +299,7 @@ export const About = (): JSX.Element => {

-
-
-

- Highland Group RDA is a registered charity in -
- Scotland SCIO 2342343 -

-

- Site designed by{" "} - - Calum Muir - -

-
-
+
); diff --git a/client/src/pages/Contact.tsx b/client/src/pages/Contact.tsx index 022a537..48dd046 100644 --- a/client/src/pages/Contact.tsx +++ b/client/src/pages/Contact.tsx @@ -1,4 +1,6 @@ import React from "react"; +import { SiteHeader } from "@/components/SiteHeader"; +import { SiteFooter } from "@/components/SiteFooter"; const navigationItems = [ { label: "Home", href: "/" }, @@ -11,29 +13,10 @@ const navigationItems = [ export const Contact = (): JSX.Element => { return (
-
-
- Rdalogo - -
-
+
@@ -125,6 +108,7 @@ export const Contact = (): JSX.Element => {
+ ); diff --git a/client/src/pages/Desktop.tsx b/client/src/pages/Desktop.tsx index 4ea40d3..697f850 100644 --- a/client/src/pages/Desktop.tsx +++ b/client/src/pages/Desktop.tsx @@ -1,5 +1,7 @@ -import React, { useState } from "react"; +import React from "react"; import { Card, CardContent } from "@/components/ui/card"; +import { SiteHeader } from "@/components/SiteHeader"; +import { SiteFooter } from "@/components/SiteFooter"; const navigationItems = [ { label: "Home", href: "/" }, @@ -14,64 +16,27 @@ const cardData = [ title: "About Us", backgroundImage: "bg-cover bg-[50%_50%]", imageUrl: "/Wispa-2880w-906x1536.avif", + href: "/about", }, { title: "Support Us", backgroundImage: "bg-cover bg-[50%_50%]", imageUrl: "/223152689_6028821187158318_7901235528269673744_n-1920w-1.webp", + href: "/support", }, { title: "Contact", backgroundImage: "bg-cover bg-[50%_50%]", imageUrl: "/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp", + href: "/contact", }, ]; export const Desktop = (): JSX.Element => { - const [menuOpen, setMenuOpen] = useState(false); return (
- {menuOpen && ( - - )} -
{ backgroundImage: "url(/Samantha-and-Connolly.jpg)", }} > -
-
-
- Rdalogo -
- - -
-
-
-
-
-

+
+ +
+
+

Enriching lives through horses in the{" "} @@ -141,9 +71,8 @@ export const Desktop = (): JSX.Element => {

-
-
-
+
+
"Our mission is to bring about meaningful and positive changes in the health and well-being of people with @@ -186,26 +115,31 @@ export const Desktop = (): JSX.Element => { key={index} className="w-full h-[220px] sm:h-[273px] overflow-hidden border-0 shadow-none bg-transparent" > - -
-
-

- {card.title} -

-
- + +
+
+

+ {card.title} +

+
+ + ))}
-
+
Highland Group RDA is a member of the National Riding for the Disabled @@ -216,54 +150,25 @@ export const Desktop = (): JSX.Element => { We are a registered Scottish Charitable Incorporated Organisation (SC007357).
- Small mono + + Small mono +
-
-
-
-

- Highland Group RDA is a registered charity - in -
- Scotland SCIO 2342343 -

-
-

- The Highland Group RDA, Culloden, - Inverness, IV2 -

-

- Tel: 01463 000 000 · Email: - info@highlandrda.org.uk -

-
-

- Privacy Policy · Safeguarding · - Accessibility -

-

- Site designed by{" "} - - Calum Muir - -

-
-
-
+

diff --git a/client/src/pages/News.tsx b/client/src/pages/News.tsx index 2fe140c..1431583 100644 --- a/client/src/pages/News.tsx +++ b/client/src/pages/News.tsx @@ -1,4 +1,6 @@ import React from "react"; +import { SiteHeader } from "@/components/SiteHeader"; +import { SiteFooter } from "@/components/SiteFooter"; const navigationItems = [ { label: "Home", href: "/" }, @@ -32,29 +34,10 @@ const newsItems = [ export const News = (): JSX.Element => { return (
-
-
- Rdalogo - -
-
+
@@ -94,6 +77,7 @@ export const News = (): JSX.Element => { ))}
+ ); diff --git a/client/src/pages/SupportUs.tsx b/client/src/pages/SupportUs.tsx index a8a6e5a..eb2ce8f 100644 --- a/client/src/pages/SupportUs.tsx +++ b/client/src/pages/SupportUs.tsx @@ -1,4 +1,6 @@ import React from "react"; +import { SiteHeader } from "@/components/SiteHeader"; +import { SiteFooter } from "@/components/SiteFooter"; const navigationItems = [ { label: "Home", href: "/" }, @@ -11,29 +13,10 @@ const navigationItems = [ export const SupportUs = (): JSX.Element => { return (
-
-
- Rdalogo - -
-
+
@@ -238,6 +221,7 @@ export const SupportUs = (): JSX.Element => {

+ );