diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..0929c1e
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,101 @@
+<script lang="ts">
+	import 'iconify-icon';
+	import Header from '$lib/components/header/index.svelte';
+	import Footer from '$lib/components/footer/index.svelte';
+	import '$root/styles/styles.pcss';
+	import Analytics from '$lib/components/analytics/index.svelte';
+	import SEO from '$lib/components/SEO.svelte';
+
+	const dev = process.env.NODE_ENV !== 'production';
+</script>
+
+{#if !dev}
+	<Analytics />
+{/if}
+
+<SEO />
+
+<div class="wrapper">
+	<Header />
+	<main>
+		<slot />
+	</main>
+	<Footer />
+</div>
+
+<style lang="postcss">
+	.loading {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		z-index: 101;
+		display: grid;
+		place-items: center;
+		gap: 1rem;
+
+		h3 {
+			color: white;
+		}
+	}
+
+	.background {
+		background: black;
+		opacity: 0.8;
+		cursor: none;
+		inset: 0;
+		position: fixed;
+		z-index: 100;
+	}
+
+	.wrapper {
+		display: grid;
+		grid-template-rows: auto 1fr auto;
+		min-height: 100vh;
+	}
+
+	main {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		margin: 0 auto;
+		padding: 2rem 0rem;
+		max-width: 85vw;
+
+		@media (min-width: 1600px) {
+			max-width: 70vw;
+		}
+
+		box-sizing: border-box;
+	}
+
+	footer {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		padding: 40px;
+	}
+
+	footer a {
+		font-weight: bold;
+	}
+
+	@media (min-width: 480px) {
+		footer {
+			padding: 40px 0;
+		}
+	}
+
+  :global(p) {
+    word-wrap: normal;
+    font-size: var(--bodyTextSize);
+    color: var(--lightShade);
+  }
+
+	:global(li) {
+    word-wrap: normal;
+    font-size: var(--bodyTextSize);
+    color: var(--lightShade);
+	}
+</style>
\ No newline at end of file
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
deleted file mode 100644
index 0408a89..0000000
--- a/src/routes/+layout.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-<script lang="ts">export const prerender = true;</script>;
-
-export const load: PageLoad = async () => {};