feat: base layout

src/components/Pricing.astro

@@ -73,7 +73,7 @@ const { tiers } = Astro.props;
         Foundation Sponsor
       </h4>
       <span class="mt-7 font-bold text-5xl text-gray-800 dark:text-neutral-200">
-        $250,000+
+        $500,000+
       </span>
       <p class="mt-2 text-sm text-gray-500 dark:text-neutral-500">
         Become a foundation sponsor and enable us to grow and exist long into

src/pages/mahi/kura-kaiako.astro

@@ -1,7 +1,61 @@
 ---
 import Layout from "@layouts/Layout.astro";
+import SmallHero from "@components/SmallHero.astro";
+import Contact from "@components/Contact.astro";
+import FAQs from "@components/FAQs.astro";
 
-const title = "What We Do";
+import featureImage from "@images/hero.avif";
+
+const title = "Kura and Kaiako Support";
 ---
 
-<Layout meta={{ title }} />
+<Layout meta={{ title }}>
+  <SmallHero
+    title="Kura and Kaiako Support"
+    featureImage={featureImage}
+    description="In person after school sessions at schools, libraries and community centers. These are for years 5 (age 9) to years 13 (age 18) with trained mentors."
+  />
+  <FAQs
+    title="What does this look like?"
+    faqs={[
+      {
+        question: "What ages do you work with?",
+        answer: "We work with rangatahi from years 5-13",
+      },
+      {
+        question: "Do you cover school curriculm?",
+        answer:
+          "We do not cover any areas of the school curriculm and instead cover topics outside of school curriculm.",
+      },
+      {
+        question: "What is the cost?",
+        answer: "Our sessions are free of charge to all rangatahi and whanau.",
+      },
+      {
+        question: "What do I need to bring?",
+        answer:
+          "We can provide everything needed including laptops however if you do have a laptop it would be great to bring it.",
+      },
+      {
+        question: "Do I need prior knwoledge?",
+        answer:
+          "No prior knowledge is needed with rangatahi with no knowledge to those who are experts in the sessions.",
+      },
+      {
+        question: "What do we cover?",
+        answer:
+          "We cover topic from introduction to programming, cybersecurity, Artificual Intellegence and Machine Learning, robotics and anything else you could be interested in.",
+      },
+    ]}
+  />
+  <Contact
+    title="Sponsor Us"
+    contactImage={featureImage}
+    email="contact@tuhuratech.org.nz"
+    phone="0211990711"
+    description={[
+      "Interested in sponsoring us to enable us to grow and expand our mahi?",
+      "Want to donate some equipment or have some staff who can volunteer?",
+    ]}
+  />
+</Layout>

src/pages/mahi/sessions.astro

@@ -1,7 +1,5 @@
 ---
 import Layout from "@layouts/Layout.astro";
-import heroImage from "@images/hero.avif";
-import Contact from "@components/Contact.astro";
 import SmallHero from "@components/SmallHero.astro";
 import FAQs from "@components/FAQs.astro";
 import { sessions } from "../../data";
@@ -16,7 +14,7 @@ const title = "Sessions";
   <SmallHero
     title="Sessions"
     featureImage={featureImage}
-    description="In person sessions to explore areas of technology. These are both after school and during school enrichment."
+    description="In person after school sessions at schools, libraries and community centers. These are for years 5 (age 9) to years 13 (age 18) with trained mentors."
   />
   <FAQs
     title="What does this look like?"
@@ -26,9 +24,9 @@ const title = "Sessions";
         answer: "We work with rangatahi from years 5-13",
       },
       {
-        question: "Do you cover curriculm?",
+        question: "Do you cover school curriculm?",
         answer:
-          "We do not cover any areas of curriculm and instead cover topics outside of school curriculm.",
+          "We do not cover any areas of the school curriculm and instead cover topics outside of school curriculm.",
       },
       {
         question: "What is the cost?",
@@ -41,12 +39,14 @@ const title = "Sessions";
       },
       {
         question: "Do I need prior knwoledge?",
-        answer: "No prior knowledge is needed with rangatahi with no knowledge to those who are experts in the sessions."
+        answer:
+          "No prior knowledge is needed with rangatahi with no knowledge to those who are experts in the sessions.",
       },
       {
         question: "What do we cover?",
-        answer: "We cover topic from introduction to programming, cybersecurity, Artificual Intellegence and Machine Learning, robotics and anything else you could be interested in."
-      }
+        answer:
+          "We cover topic from introduction to programming, cybersecurity, Artificual Intellegence and Machine Learning, robotics and anything else you could be interested in.",
+      },
     ]}
   />
   <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14" id="sessions">
@@ -60,14 +60,5 @@ const title = "Sessions";
     sessions.map((location) => (
       <IconCards cards={location.sessions} location={location.location} />
     ))
-  }
-  <Contact
-    title="Contact Us"
-    contactImage={heroImage}
-    email="contact@tuhuratech.org.nz"
-    phone="0211990711"
-    description={[
-      "Are you in an area where we don't have any sessions or have a location we can run sessions at?",
-    ]}
-  /></Layout
+  }</Layout
 >

src/pages/mahi/workshops.astro

@@ -1,7 +1,62 @@
 ---
 import Layout from "@layouts/Layout.astro";
+import SmallHero from "@components/SmallHero.astro";
+import Contact from "@components/Contact.astro";
+import FAQs from "@components/FAQs.astro";
 
-const title = "What We Do";
+
+import featureImage from "@images/hero.avif";
+
+const title = "Workshops";
 ---
 
-<Layout meta={{ title }} />
+<Layout meta={{ title }}>
+  <SmallHero
+    title="Workshops"
+    featureImage={featureImage}
+    description="Workshops and coaching for specialist areas, competitions and other events to support our rangatahi."
+  />
+  <FAQs
+    title="What does this look like?"
+    faqs={[
+      {
+        question: "What ages do you work with?",
+        answer: "We work with rangatahi from years 5-13",
+      },
+      {
+        question: "Do you cover school curriculm?",
+        answer:
+          "We do not cover any areas of the school curriculm and instead cover topics outside of school curriculm.",
+      },
+      {
+        question: "What is the cost?",
+        answer: "Our sessions are free of charge to all rangatahi and whanau.",
+      },
+      {
+        question: "What do I need to bring?",
+        answer:
+          "We can provide everything needed including laptops however if you do have a laptop it would be great to bring it.",
+      },
+      {
+        question: "Do I need prior knwoledge?",
+        answer:
+          "No prior knowledge is needed with rangatahi with no knowledge to those who are experts in the sessions.",
+      },
+      {
+        question: "What do we cover?",
+        answer:
+          "We cover topic from introduction to programming, cybersecurity, Artificual Intellegence and Machine Learning, robotics and anything else you could be interested in.",
+      },
+    ]}
+  />
+  <Contact
+    title="Sponsor Us"
+    contactImage={featureImage}
+    email="contact@tuhuratech.org.nz"
+    phone="0211990711"
+    description={[
+      "Interested in sponsoring us to enable us to grow and expand our mahi?",
+      "Want to donate some equipment or have some staff who can volunteer?",
+    ]}
+  />
+</Layout>

src/pages/what-we-do.astro

@@ -54,78 +54,43 @@ const title = "What We Do";
         </figcaption>
       </figure>
 
-      <p class="text-lg text-gray-800 dark:text-neutral-200">
-        As we've grown, we've seen how Preline has helped companies such as
-        Spotify, Microsoft, Airbnb, Facebook, and Intercom bring their designers
-        closer together to create amazing things. We've also learned that when
-        the culture of sharing is brought in earlier, the better teams adapt and
-        communicate with one another.
-      </p>
-
-      <p class="text-lg text-gray-800 dark:text-neutral-200">
-        That's why we are excited to share that we now have a <a
-          class="text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500"
-          href="#">free version of Preline</a
-        >, which will allow individual designers, startups and other small teams
-        a chance to create a culture of openness early on.
-      </p>
-
       <blockquote class="text-center p-4 sm:px-7">
         <p
           class="text-xl font-medium text-gray-800 md:text-2xl md:leading-normal xl:text-2xl xl:leading-normal dark:text-neutral-200"
         >
-          Our focus is on growing their interest and curiosity and fostering
-          that to allow them to explore all areas of technology.
+          Our focus is on growing their interest and curiosity to allow them to
+          explore all areas of technology.
         </p>
         <p class="mt-5 text-gray-800 dark:text-neutral-200">
           Leon Bowie - Head of Operations
         </p>
       </blockquote>
 
+      <div class="space-y-3">
+        <h3 class="text-2xl font-semibold dark:text-white">Resources</h3>
+
+        <p class="text-lg text-gray-800 dark:text-neutral-200">
+          Free, public, creative commons, resources designed for Rangatahi to
+          help them learn and explore the world of technology.
+        </p>
+      </div>
+
       <div class="space-y-3">
         <h3 class="text-2xl font-semibold dark:text-white">Workshops</h3>
 
-        <p class="text-lg text-gray-800 dark:text-neutral-200">Lorem ipsum</p>
+        <p class="text-lg text-gray-800 dark:text-neutral-200">
+          Workshops and coaching for specialist areas, competitions and other
+          events to support our rangatahi.
+        </p>
       </div>
 
       <div class="space-y-3">
         <h3 class="text-2xl font-semibold dark:text-white">
-          Teacher Workshops
+          Kura and Kaiako Support
         </h3>
 
         <p class="text-lg text-gray-800 dark:text-neutral-200">Lorem ipsum</p>
       </div>
-
-      <ul
-        class="list-disc list-outside space-y-5 ps-5 text-lg text-gray-800 dark:text-neutral-200"
-      >
-        <li class="ps-2">
-          Preline allows us to collaborate in real time and is a really great
-          way for leadership on the team to stay up-to-date with what everybody
-          is working on," <a
-            class="text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500"
-            href="#">said</a
-          > Stewart Scott-Curran, Intercom's Director of Brand Design.
-        </li>
-        <li class="ps-2">
-          Preline opened a new way of sharing. It's a persistent way for
-          everyone to see and absorb each other's work," said David Scott,
-          Creative Director at <a
-            class="text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500"
-            href="#">Eventbrite</a
-          >.
-        </li>
-      </ul>
-
-      <p class="text-lg text-gray-800 dark:text-neutral-200">
-        Small teams and individual designers need a space where they can watch
-        the design process unfold, both for themselves and for the people they
-        work with – no matter if it's a fellow designer, product manager,
-        developer or client. Preline allows you to invite more people into the
-        process, creating a central place for conversation around design. As
-        those teams grow, transparency and collaboration becomes integrated in
-        how they communicate and work together.
-      </p>
     </div>
     <!-- End Content -->
   </div>