diff --git a/client/public/223152689_6028821187158318_7901235528269673744_n-1920w-1.webp b/client/public/223152689_6028821187158318_7901235528269673744_n-1920w-1.webp new file mode 100644 index 0000000..e606cf1 Binary files /dev/null and b/client/public/223152689_6028821187158318_7901235528269673744_n-1920w-1.webp differ diff --git a/client/public/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp b/client/public/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp new file mode 100644 index 0000000..d282774 Binary files /dev/null and b/client/public/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp differ diff --git a/client/public/Button.png b/client/public/Button.png new file mode 100644 index 0000000..5021254 Binary files /dev/null and b/client/public/Button.png differ diff --git a/client/public/Samantha-and-Connolly.jpg b/client/public/Samantha-and-Connolly.jpg new file mode 100644 index 0000000..9a8bed0 Binary files /dev/null and b/client/public/Samantha-and-Connolly.jpg differ diff --git a/client/public/Wispa-2880w-906x1536.avif b/client/public/Wispa-2880w-906x1536.avif new file mode 100644 index 0000000..96e662c Binary files /dev/null and b/client/public/Wispa-2880w-906x1536.avif differ diff --git a/client/public/small-mono.png b/client/public/small-mono.png new file mode 100644 index 0000000..29cc6d8 Binary files /dev/null and b/client/public/small-mono.png differ diff --git a/client/src/App.tsx b/client/src/App.tsx index e2c7368..2b98bf8 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -6,27 +6,29 @@ import { TooltipProvider } from "@/components/ui/tooltip"; import NotFound from "@/pages/not-found"; import { Desktop } from "@/pages/Desktop"; +import { About } from "@/pages/About"; function Router() { - return ( - - {/* Add pages below */} - - {/* Fallback to 404 */} - - - ); + return ( + + {/* Add pages below */} + + + {/* Fallback to 404 */} + + + ); } function App() { - return ( - - - - - - - ); + return ( + + + + + + + ); } export default App; diff --git a/client/src/pages/About.tsx b/client/src/pages/About.tsx new file mode 100644 index 0000000..d917902 --- /dev/null +++ b/client/src/pages/About.tsx @@ -0,0 +1,137 @@ +import React from "react"; + +const navigationItems = [ + { label: "Home", href: "/" }, + { label: "About", href: "/about" }, + { label: "News", href: "#" }, + { label: "Support Us", href: "#" }, + { label: "Contact", href: "#" }, +]; + +export const About = (): JSX.Element => { + return ( +
+
+
+ Rdalogo + +
+
+ +
+
+
+

+ About Highland Group RDA +

+

+ Enriching lives through horses in the Highlands since + 1975. +

+

+ Highland Group RDA is a member of the National Riding for + the Disabled Association (RDA), and of the Grampian and + Highland Regional RDA. We provide safe, supportive + sessions that help riders build confidence, strength, and + connection through equine activities. +

+
+
+
+
+
+
+ +
+
+
+

+ Our Mission +

+

+ Our mission is to bring about meaningful and positive + changes in the health and well-being of people with + physical or mental disabilities through activities with + our horses and ponies. +

+
+
+

+ What We Do +

+
    +
  • Inclusive riding sessions for all abilities.
    • +
  • Supportive, qualified volunteers and coaches.
    • +
  • Community events and family engagement.
    • +
  • Opportunities to grow confidence and independence.
    • +
+
+
+
+ +
+
+
+
+

+ Support the Work +

+

+ Your support helps us keep sessions accessible and + safe. Donations go directly towards horse care, + equipment, and volunteer training. +

+
+ + Donate via JustGiving + +
+
+
+ + +
+ ); +}; diff --git a/client/src/pages/Desktop.tsx b/client/src/pages/Desktop.tsx index f65bd96..30517ff 100644 --- a/client/src/pages/Desktop.tsx +++ b/client/src/pages/Desktop.tsx @@ -1,127 +1,264 @@ -import React from "react"; -import { Button } from "@/components/ui/button"; +import React, { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; -const navigationItems = ["about", "home", "contact", "news"]; +const navigationItems = [ + { label: "Home", href: "/" }, + { label: "About", href: "/about" }, + { label: "News", href: "#" }, + { label: "Support Us", href: "#" }, + { label: "Contact", href: "#" }, +]; const cardData = [ - { - title: "About Us", - backgroundImage: "bg-cover bg-[50%_50%]", - }, - { - title: "Support Us", - backgroundImage: "bg-cover bg-[50%_50%]", - }, - { - title: "Contact", - backgroundImage: "bg-cover bg-[50%_50%]", - }, + { + title: "About Us", + backgroundImage: "bg-cover bg-[50%_50%]", + imageUrl: "/Wispa-2880w-906x1536.avif", + }, + { + title: "Support Us", + backgroundImage: "bg-cover bg-[50%_50%]", + imageUrl: + "/223152689_6028821187158318_7901235528269673744_n-1920w-1.webp", + }, + { + title: "Contact", + backgroundImage: "bg-cover bg-[50%_50%]", + imageUrl: + "/320711306_865749364475187_6152104707200224701_n-1d6b6ac8-1920w.webp", + }, ]; export const Desktop = (): JSX.Element => { - return ( -
-
-
- Rdalogo - -
-
- -
-
-

- - Enriching lives through horses in the{" "} - - Highlands - - {" "} - since{" "} - - 1975 - - . - -

-
- -
-
-
- -
-
-
-
- "Our mission is to bring about meaningful and positive changes - in the health and well-being of people with physical or mental - disabilities through activities with our horses and ponies." -
-
-
- -
-
-
- Highland Group RDA is a member of the National Riding for the - Disabled Association (RDA), and of the Grampian and Highland - Regional RDA. -
-
- We are a registered Scottish Charitable Incorporated Organisation - (SC007357). -
- Small mono -
-
- -
-

- Find out more about who we are, what we do and how you can support us - to help make a difference. -

-
- -
-
- {cardData.map((card, index) => ( - - -
-

- {card.title} -

+ const [menuOpen, setMenuOpen] = useState(false); + return ( +
+ {menuOpen && ( + - - - ))} + )} + +
+
+
+
+
+ Rdalogo +
+ + + + Donate via JustGiving + +
+
+
+
+
+

+ + Enriching lives through horses in the{" "} + + Highlands + + {" "} + since{" "} + + 1975 + + . + +

+
+
+
+
+
+
+ "Our mission is to bring about meaningful + and positive changes in the health and + well-being of people with physical or mental + disabilities through activities with our horses + and ponies." +
+
+
+
+
+ +
+
+
+
+

+ Find out more about who we are, what we do and + how you can support us to help make a + difference. +

+
+
+ +
+
+ {cardData.map((card, index) => ( + + +
+
+

+ {card.title} +

+
+ + + ))} +
+
+ +
+
+
+ Highland Group RDA is a member of the + National Riding for the Disabled Association + (RDA), and of the Grampian and Highland + Regional RDA. +
+
+ We are a registered Scottish Charitable + Incorporated Organisation (SC007357). +
+ 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 + +

+
+
+
+
-
- -
- - -
- ); + ); };