diff --git a/src/components/IconCards.astro b/src/components/IconCards.astro new file mode 100644 index 00000000..2cdeab8c --- /dev/null +++ b/src/components/IconCards.astro @@ -0,0 +1,71 @@ +--- +import { Icon } from "astro-icon/components"; + +interface Props { + cards: { + title: string; + description: string; + ages?: string; + date?: string; + type: string; + signupLink?: string; + }[]; +} +const { cards } = Astro.props; +--- + + +
+
+ + { + cards.map((card) => ( + + + +
+
+

+ {card.title} +

+

+ {card.description} +

+
+
    +
  • When: Every {card.date}
    • +
  • Age Range: School years {card.ages}
    • +
+
+ {card.signupLink && ( +

+ Sign Up + + + +

+ )} +
+ + )) + } +
+
+ diff --git a/src/data.ts b/src/data.ts index b0fdcceb..7b7ffd50 100644 --- a/src/data.ts +++ b/src/data.ts @@ -285,3 +285,112 @@ export const faqs: FAQ[] = [ "We are a group of volunteers, kaiako and industry professionals who all care about technology and want to support rangatahi.", }, ]; + +export const sessions = [ + { + location: "Wellington", + sessions: [ + { + title: "Wellington Girls College", + ages: "9 - 13", + day: "Monday", + time: "3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + }, + { + title: "Wellington High School", + ages: "9 - 13", + day: "Tuesday", + time: "3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + }, + { + title: "Te Tūhunga Rau Community Centre", + ages: "5 - 8", + day: "Monday", + time: "3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + signupLink: "https://forms.gle/uCXEsoksTq3tSEBfA", + }, + { + title: "Wellington College", + ages: "9 - 13", + day: "Wednesday", + time: "3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + }, + + { + title: "Te Whare Pukapuka o Te Māhanga - Karori Library", + ages: "5 - 8", + day: "Wednesday", + time: "3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + signupLink: "https://forms.gle/PqwLGaTZJPuT4tLc6", + }, + { + title: "Ruakawa Community Centre", + ages: "5 - 8", + day: "Thursday", + time: "3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + signupLink: "https://forms.gle/yxiPE7ccqQ6SZ5DZ9", + }, + { + title: "South Wellington Intermediate School", + ages: "7 - 8", + day: "Friday", + time: "Schooltime", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "During School Enrichment", + }, + ], + }, + { + location: "Lower Hutt", + sessions: [ + { + title: "Naenae Community Centre", + ages: "5 - 8", + date: "Monday from 3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + }, + ], + }, + { + location: "Porirua", + sessions: [ + { + title: "Ūpane", + ages: "9 - 13", + date: "Monday from 3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + }, + { + title: "Ūpane", + ages: "5 - 8", + date: "Tuesday from 3:30pm to 5:30pm", + description: + "After school every Monday from 3:30pm to 5:30pm for students in years 9 to 13;", + type: "After School", + }, + ], + }, +]; diff --git a/src/pages/what-we-do.astro b/src/pages/what-we-do.astro index cec5a454..1dc21d7c 100644 --- a/src/pages/what-we-do.astro +++ b/src/pages/what-we-do.astro @@ -1,7 +1,41 @@ --- import Layout from "@layouts/Layout.astro"; - +import IconCards from "@components/IconCards.astro"; +import featureImage from "@images/hero.avif"; +import { Image } from "astro:assets"; +import { sessions } from "../data"; const title = "What We Do"; --- - + + +
+ +
+
+

+ What We Do +

+

+ We Do a Lot +

+
+ + +
+ Group of rangatahi +
+ +
+ +
+ + + {sessions.map((location) => )} +