1 files changed, 32 insertions, 0 deletions
diff --git a/src/lib/Page.svelte b/src/lib/Page.svelte
new file mode 100644
index 0000000..92cd92a
--- /dev/null
+++ b/src/lib/Page.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  import { S } from '$lib';
+  import type { Snippet } from 'svelte';
+
+  let {
+    children,
+    sidepanel,
+    title,
+    description = 'No Description Specified',
+    class: classes,
+  }: {
+    children: Snippet;
+    sidepanel?: Snippet;
+    title: string;
+    description?: string;
+    class?: string;
+  } = $props();
+</script>
+
+<svelte:head>
+  <title>{title}</title>
+  <meta name="description" content={description} />
+</svelte:head>
+
+<div class="{S.window} {S.shadow_large} relative max-w-[100%]">
+  {#if sidepanel}
+    <div class={S.window_sidepanel}>
+      {@render sidepanel()}
+    </div>
+  {/if}
+  {@render children()}
+</div>