<svelte:options runes={true} />

<script lang="ts">
    import pages from '$lib/components/pages.json';
    import Card from "$lib/components/Card.svelte";

    const services = $state(pages.services);
</script>

<title>Services</title>
<meta name="description" content="Overview of Services running on neshweb.net">

<div class="flex flex-row flex-wrap justify-center gap-10 p-8 overflow-auto h-full">
    {#each services as service}
        <Card bind:service />
    {/each}
</div>