---
import Layout from "../layouts/Layout.astro";
import Social from "../components/core/Social.astro";
import JoinTitle from "../components/join/JoinTitle.astro";
import Resources from "../components/join/Resources.jsx";
import Questions from "../components/core/Questions.astro";
import Involvements from "../components/join/Involvements.astro";
import Findus from "../components/join/Findus.astro";
import { Image } from "astro:assets";
import join from "../images/join.webp";
import faq from "../data/faq.json";
---

<Layout>
    <Image
        src={join}
        alt="JOIN US"
        class="absolute left-[1vw] md:w-[4vw] w-[10vw] md:top-[60vh] top-[70vw]"
    />
    <Image
        src={join}
        alt="JOIN US"
        class="absolute right-[1vw] md:w-[4vw] w-[10vw] md:top-[60vh] top-[70vw]"
    />
    <JoinTitle />
    <Involvements />
    <Social />
    <Questions faq={faq} />
    <Resources />
    <Findus />
</Layout>
