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

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

<svelte:head>
  <link rel="icon" href="/favicon.svg" />
  <meta name="color-scheme" content="light dark" />
</svelte:head>

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

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

<Footer />
