<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>

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

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