---
import Layout from "../layouts/Layout.astro";
import Social from "../components/core/Social.astro";
import Findus from "../components/join/Findus.astro";
import FindTitle from "../components/find/FindTitle.astro";
import { Image } from "astro:assets";
import event from "../../public/event.jpg";
import contactbroder from "../../public/contactbroder.png"
---

<Layout>
    <Image src={contactbroder} alt="JOIN US" class="absolute left-[1vw] w-[4vw] top-[60vh]" />
    <Image src={contactbroder} alt="JOIN US" class="absolute right-[1vw] w-[4vw] top-[60vh]" />
    <FindTitle />
    <div class="w-full flex justify-center">
        <Image
            src={event}
            alt="board group photos"
            class="w-3/4 rounded-full"
        />
    </div>
    <Findus />
    <Social />
</Layout>