---
import Layout from "../layouts/Layout.astro";
import ProjectsIsland from "../components/ProjectsIsland.astro";
import ProjectsLoader from "../components/ProjectsLoader.astro";

export const prerender = false;
---

<Layout>
    <div class="w-full p-4 sm:p-8">
        <h1
            class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
        >
            Projects
        </h1>

        <ProjectsIsland server:defer>
            <ProjectsLoader slot="fallback" />
        </ProjectsIsland>
    </div>
</Layout>