diff --git a/src/routes/new/compose/+page.svelte b/src/routes/new/compose/+page.svelte
new file mode 100644
index 0000000..a137d32
--- /dev/null
+++ b/src/routes/new/compose/+page.svelte
@@ -0,0 +1,14 @@
+<script lang='ts'>
+  import Preview from "$lib/components/Preview.svelte";
+  import { parser } from "$lib/parser";
+  import { Heading } from "flowbite-svelte";
+
+  
+</script>
+
+<div class='w-full flex justify-center'>
+  <main class='main-leather flex flex-col space-y-4 max-w-2xl w-full mt-4 mb-4'>
+    <Heading tag='h1' class='h-leather mb-2'>Compose</Heading>
+    <Preview rootIndexId={$parser.getRootIndexId()} allowEditing={true} />
+  </main>
+</div>