feat: update info about volunteer groups and include registrationg form

src/components/VolunteerForm.astro

@@ -1,7 +1,7 @@
 <div class="w-full">
   <iframe
-    src="https://docs.google.com/forms/d/e/1FAIpQLSfY76qsM77dKL3b85a3Pdud_vCVYM6-0h0pi3bFatHA4EgoRQ/viewform?embedded=true"
-    class="h-[3700px] max-w-full sm:h-[3400px] md:h-[3350px]"
+    src="https://docs.google.com/forms/d/e/1FAIpQLScQNLC3XX6GbhKdr9AsX12_V0_8ilaWXsJIOknxZEGCyX49nQ/viewform?embedded=true"
+    class="h-[4000px] max-w-full sm:h-[3400px] md:h-[3350px]"
     width="100%"
     height="100%">Laster…</iframe
   >

src/content/frivillig/bar.mdx → src/content/frivillig/bar-og-servering.mdx

@@ -1,7 +1,7 @@
 ---
 layout: ../../layouts/VolunteerGroupLayout.astro
-title: Bar
-id: bar
+title: Bar og servering
+id: bar-og-servering
 imagePath: /src/images/frivillig/agathe-tapper-ol.jpg
 imageAlt: Tapping av øl fra tappetårn
 ---

src/content/frivillig/mat-og-hygge.mdx

@@ -0,0 +1,18 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Mat og hygge
+id: mat-og-hygge
+imagePath: /src/images/frivillig/morgenmote-folk-rekker-opp-handa.jpg
+imageAlt: Morgenmøte og folk rekker opp hender
+---
+
+Denne gjengen sørger for at det er hyggelig å være både frivillig og publikum på mandaljazz. Det innebærer blant annet å lage mat til de frivillige, særlig i sjaueuka før festivalen, og arrangere hyggelige sosiale aktiviteter for de frivillige!
+
+Du kan også være med å lage maten som serveres under festivalen, til både publikum, frivillige og artister. I «Mat og hygge»-gruppa er det alltid veldig god stemning!
+
+<img
+  alt="Festivalkomiteen"
+  class="w-full max-w-xl rounded-lg shadow-lg"
+  src="/src/images/frivillig/tonje-lager-crepe.jpg"
+  alt="En kokk lager crepe"
+/>

src/pages/frivillig.astro

@@ -2,7 +2,7 @@
 import { Image } from "astro:assets";
 import ImageWithCaption from "../components/ImageWithCaption.astro";
 import Link from "../components/Link.astro";
-// import VolunteerForm from "../components/VolunteerForm.astro";
+import VolunteerForm from "../components/VolunteerForm.astro";
 import Layout from "../layouts/Layout.astro";
 import { imagePathToSrc } from "../utils/images";
 
@@ -78,13 +78,11 @@ const groups = await Astro.glob("../content/frivillig/*.mdx");
           />
         </div>
       </div>
-      <!-- <Link
-        href="#registreringsskjema"
-        title="Til registreingsskjema"
-        class="mx-auto"
-      >
-        Til registreringsskjema
-      </Link> -->
+      <div class="flex justify-center">
+        <Link href="#registreringsskjema" title="Til registreingsskjema">
+          Til registreringsskjema
+        </Link>
+      </div>
       <div class="space-y-8">
         <h2 class="text-2xl md:text-3xl">Les litt om de ulike gruppene</h2>
         <div class="gap-2 md:grid md:grid-cols-5">
@@ -127,14 +125,14 @@ const groups = await Astro.glob("../content/frivillig/*.mdx");
       </div>
       <p class="mx-auto max-w-2xl">
         Puh, det var mye greier! Men hvis du har lest helt ned hit, så er du
-        kanskje interessert i å bli med som frivillig på mandaljazz? Vi kommer
-        snart med et skjema hvor du kan melde deg på!
+        kanskje interessert i å bli med som frivillig på mandaljazz? Da kan du
+        melde deg på i skjemaet nedenfor.
       </p>
-      <!-- <div class="space-y-4">
+      <div class="space-y-4">
         <div class="invisible -translate-y-16" id="registreringsskjema"></div>
         <h2 class="text-3xl">Registrering</h2>
         <VolunteerForm />
-      </div> -->
+      </div>
       <!-- <Image
         src={imagePathToSrc("/src/images/profil/frimerke-dans.png")}
         class="mx-auto max-w-72 md:max-w-96"