diff --git a/frontend/layouts/Default.vue b/frontend/layouts/Default.vue
new file mode 100644
index 0000000..131be3e
--- /dev/null
+++ b/frontend/layouts/Default.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+// queries
+
+// const { data: content, suspense } = useGetContent();
+//
+// await useAsyncData(async () => {
+//     if (!content.value) {
+//         await suspense();
+//     }
+// });
+
+</script>
+
+<template>
+    <div
+        class="w-full font-dmsans"
+        dir="rtl"
+    >
+        <main class="w-full overflow-x-hidden">
+            <slot />
+        </main>
+    </div>
+</template>