diff --git a/layouts/embed.vue b/layouts/embed.vue
new file mode 100644
index 0000000..cbb5628
--- /dev/null
+++ b/layouts/embed.vue
@@ -0,0 +1,24 @@
+<template>
+    <div class="embed-main text-gray-300">
+        <nuxt />
+    </div>
+</template>
+
+<script>
+
+// import '@fontsource/inter/latin-100.css'
+// import '@fontsource/inter/latin-400.css'
+// import '@fontsource/inter/latin-700.css'
+
+import '@fontsource/inter/variable.css'
+
+export default {}
+
+</script>
+
+<style>
+    /* Clear out background color */
+    html {
+        background: transparent;
+    }
+</style>
diff --git a/pages/embed-subscribe.vue b/pages/embed-subscribe.vue
new file mode 100644
index 0000000..27d1e7c
--- /dev/null
+++ b/pages/embed-subscribe.vue
@@ -0,0 +1,36 @@
+<template>
+    <AllUpdatesSubscribe
+        class="w-100 h-100 absolute inset-0 flex justify-center items-center"
+    />
+</template>
+
+<script>
+
+import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
+
+export default {
+    layout: 'embed',
+
+    components: {
+        AllUpdatesSubscribe
+    },
+
+    data: function () {
+        return {}
+    },
+
+    head() {
+        return {
+            title: 'Subscribe',
+            // meta: [
+            //     // hid is used as unique identifier. Do not use `vmid` for it as it will not work
+            //     {
+            //         hid: 'description',
+            //         name: 'description',
+            //         content: 'My custom description'
+            //     }
+            // ]
+        }
+    }
+}
+</script>