<script lang="ts">
	import Header from "$lib/components/Header.svelte";
	import Footer from "$lib/components/Footer.svelte";
	import favicon from "$lib/assets/favicon.svg";
	import "$lib/styles/global.css";

	let { children } = $props();
</script>

<svelte:head>
	<link rel="icon" href={favicon} />
</svelte:head>

<Header title="Berke Güzel" description="Super. Bad. Code." />

<main class="container">
	{@render children()}
</main>

<Footer />
