diff --git a/components/layout/header.vue b/components/layout/header.vue
index b217419..8412c34 100644
--- a/components/layout/header.vue
+++ b/components/layout/header.vue
@@ -1,6 +1,6 @@
 <template>
   <header
-    class="border-primary fixed left-0 top-0 z-50 flex h-[60px] w-full items-center justify-between p-6 backdrop-blur-sm"
+    class="border-primary sticky left-0 top-0 z-50 flex h-[60px] w-full items-center justify-between p-6 backdrop-blur-sm"
   >
     <nuxt-link to="/">
       <h1 class="text-2xl dark:text-white">.MEMO</h1>
diff --git a/components/modals/sign-modal.vue b/components/modals/sign-modal.vue
index 2a15b7c..82c14c9 100644
--- a/components/modals/sign-modal.vue
+++ b/components/modals/sign-modal.vue
@@ -69,6 +69,7 @@
         :price-error="priceError"
         :deposit-per-item="depositPerItem"
         :deposit-for-collection="depositForCollection"
+        :support-email="supportEmail"
       />
       <span class="flex w-full items-center justify-between gap-2 rounded-lg border border-black bg-yellow-300 p-4">
         <dot-checkbox v-model="codeWroteDown" black />
@@ -128,6 +129,7 @@ const props = defineProps<{
   quantity: number;
   secret: string;
   description?: string;
+  supportEmail?: boolean;
   chain: Prefix;
 }>();
 
@@ -201,6 +203,7 @@ watch(status, async (status) => {
           mint: toMint.value,
           name: props.name,
           image: imageCid.value,
+          supportEmail: props.supportEmail,
           expiresAt: DateTime.fromJSDate(props.endDate).toSQL(),
           createdAt: DateTime.fromJSDate(props.startDate).toSQL(),
         } as CreateMemoDTO,
diff --git a/components/redirect-message.vue b/components/redirect-message.vue
new file mode 100644
index 0000000..3d41535
--- /dev/null
+++ b/components/redirect-message.vue
@@ -0,0 +1,36 @@
+<template>
+  <div v-if="message" class="relative flex h-24 items-center justify-center bg-k-primary md:h-32">
+    <h1 class="px-7 text-center text-lg !text-black md:text-2xl">{{ message }}</h1>
+
+    <button class="absolute right-0 top-0 p-5" @click="hideMessage">
+      <Icon name="mdi:close" size="32" class="!text-black" />
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+const route = useRoute();
+const { t } = useI18n();
+
+function hideMessage() {
+  useRouter().push({
+    query: {
+      ...Object.fromEntries(Object.entries(route.query).filter(([key]) => key !== "action")),
+    },
+  });
+}
+
+const message = computed(() => {
+  if (route.query.action) {
+    if (route.query.action === "verify_email") {
+      return t("redirectMessages.verifyEmail");
+    }
+
+    if (route.query.action === "verify_email_error") {
+      return t("redirectMessages.verifyEmailError");
+    }
+  }
+
+  return null;
+});
+</script>
diff --git a/components/signing/detail.vue b/components/signing/detail.vue
index 4e5d591..b207dfd 100644
--- a/components/signing/detail.vue
+++ b/components/signing/detail.vue
@@ -37,6 +37,13 @@
     </span>
     <p class="text-sm text-text-color">{{ $t("create.dialog.amount") }}</p>
     <p class="text-right text-sm font-bold text-text-color/70">{{ props.quantity }}</p>
+
+    <template v-if="props.supportEmail">
+      <p class="text-sm text-text-color">{{ t("create.dialog.supportEmail") }}</p>
+      <p class="text-right text-sm font-bold text-text-color/70">
+        {{ props.supportEmail ? t("common.yes") : t("common.no") }}
+      </p>
+    </template>
   </div>
 
   <hr class="-mx-6 my-3" />
@@ -78,6 +85,7 @@ const props = defineProps<{
   startDate: Date;
   endDate: Date;
   quantity: number;
+  supportEmail?: boolean;
   secret: string;
   description?: string;
   chain: Prefix;
@@ -89,6 +97,8 @@ const props = defineProps<{
   depositForCollection: number;
 }>();
 
+const { t } = useI18n();
+
 const showBreakdown = ref(false);
 const displaySecret = ref(false);
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 2d172fc..725eecc 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,7 @@
 <template>
-  <div id="app-base" class="relative flex min-h-screen flex-col bg-background-color pt-10">
+  <div id="app-base" class="relative flex min-h-screen flex-col bg-background-color">
+    <redirect-message />
+
     <layout-header />
     <main class="h-full p-4 pb-20">
       <slot />
diff --git a/layouts/landing.vue b/layouts/landing.vue
index a9b708c..78a1d5f 100644
--- a/layouts/landing.vue
+++ b/layouts/landing.vue
@@ -1,5 +1,7 @@
 <template>
   <div id="app-base" class="relative min-h-screen bg-bg-persistent">
+    <redirect-message />
+
     <main class="h-full pb-20">
       <slot />
     </main>
diff --git a/locales/en-US.json b/locales/en-US.json
index fdfbc66..e513f84 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -16,7 +16,10 @@
     "back": "Back",
     "address": "Address",
     "account": "Account",
-    "error": "Error"
+    "error": "Error",
+    "yes": "Yes",
+    "no": "No",
+    "email": "E-mail"
   },
   "landing": {
     "quote1": "Your memories,",
@@ -44,11 +47,13 @@
     "enterCode": "Enter MEMO Code",
     "howThisWorks": "How this works?",
     "success": "MEMO claimed successfully",
+    "reservationSuccess": "MEMO claimed successfully. Check your inbox",
     "cantLoad": "Couldn't load MEMO",
     "tryDifferent": "Try a different MEMO?",
     "enterAddress": "Enter address",
     "connectWallet": "Connect Wallet",
     "enterDOTAddress": "Enter DOT address",
+    "enterEmailAddress": "Enter E-mail address",
     "alreadyClaimed": "You already claimed this MEMO",
     "claimFree": "Claim for free",
     "seeInGallery": "See {name} in gallery",
@@ -58,7 +63,8 @@
     "claiming": "Claiming MEMO...",
     "claim": "Claim MEMO",
     "loading": "Loading info...",
-    "remaining": "Remaining claims: {free} / {total}"
+    "remaining": "Remaining claims: {free} / {total}",
+    "email": "E-mail"
   },
   "create": {
     "title": ".create",
@@ -77,7 +83,8 @@
       "quantity": "Quantity",
       "quantityHint": "This is the total number of MEMO pieces that will be available for claiming.",
       "secret": "Secret code",
-      "secretHint": "This is a secret code that will be used to claim the MEMO. It should be shared with the attendees."
+      "secretHint": "This is a secret code that will be used to claim the MEMO. It should be shared with the attendees.",
+      "supportEmail": "Support mail"
     },
     "dialog": {
       "confirm": "Confirm creation",
@@ -96,7 +103,8 @@
       "canceled": "Transaction was canceled. Please try again.",
       "settingUp": "Setting up your MEMO",
       "txProgress": "Transaction in progress. (Status: {status})",
-      "rememberCode": "I have written down the MEMO secret code and understand that it is required to claim my MEMO."
+      "rememberCode": "I have written down the MEMO secret code and understand that it is required to claim my MEMO.",
+      "supportEmail": "Claim by mail"
     },
     "success": {
       "title": "Purchased",
@@ -298,5 +306,9 @@
       "chooseArtwork": "Drop your artwork",
       "chooseDifferent": "Choose a different artwork"
     }
+  },
+  "redirectMessages": {
+    "verifyEmail": "Your E-mail was successfuly verified",
+    "verifyEmailError": "E-mail verification was not successful"
   }
 }
diff --git a/pages/claim/[code].vue b/pages/claim/[code].vue
index 5d47979..5d9e510 100644
--- a/pages/claim/[code].vue
+++ b/pages/claim/[code].vue
@@ -3,6 +3,10 @@
     {{ t("claim.success") }} 🥳
   </h1>
 
+  <h1 v-if="reserved" class="!dark:text-white my-10 w-full text-center text-4xl text-k-primary">
+    {{ t("claim.reservationSuccess") }} 🥳
+  </h1>
+
   <div class="mx-auto mt-10 flex max-w-xl flex-col items-center gap-y-5 p-4 md:mt-24">
     <image-preview :src="data?.image" />
 
@@ -44,49 +48,69 @@
     </template>
 
     <div v-if="!error" class="flex flex-col space-y-3 self-stretch">
-      <template v-if="!claimed">
+      <template v-if="!claimed && !reserved">
         <template v-if="!allClaimed && !tooLate">
-          <div class="mb-6 flex rounded-full border-2 border-border-color p-2 shadow-text-color">
+          <div
+            class="mb-6 flex flex-col rounded-[28px] border-2 border-border-color p-2 shadow-text-color md:flex-row md:rounded-full"
+          >
             <button
               class="flex-1 rounded-full py-2 text-text-color"
               :class="{
-                'bg-background-color-inverse text-text-color-inverse': showAddressInput,
+                'bg-background-color-inverse text-text-color-inverse': inputMode === 'manual-address',
               }"
-              @click="showAddressInput = true"
+              @click="inputMode = 'manual-address'"
             >
               {{ t("claim.enterAddress") }}
             </button>
             <button
               class="flex-1 rounded-full py-2 text-text-color"
               :class="{
-                'bg-background-color-inverse text-text-color-inverse': !showAddressInput,
+                'bg-background-color-inverse text-text-color-inverse': inputMode === 'wallet',
               }"
-              @click="showAddressInput = false"
+              @click="inputMode = 'wallet'"
             >
               {{ t("claim.connectWallet") }}
             </button>
+            <button
+              v-if="data?.supportMail && !reservation"
+              class="flex-1 rounded-full py-2 text-text-color"
+              :class="{
+                'bg-background-color-inverse text-text-color-inverse': inputMode === 'email',
+              }"
+              @click="inputMode = 'email'"
+            >
+              {{ t("claim.email") }}
+            </button>
           </div>
 
-          <dot-label v-if="showAddressInput" :text="t('claim.enterDOTAddress')">
-            <form class="flex space-x-4" @submit.prevent="onSubmit()">
-              <dot-text-input v-model="manualAddress" :error="addressError" :placeholder="t('common.address')" />
-              <div>
-                <dot-button variant="tertiary" size="large" @click="open()">
-                  <template #icon>
-                    <icon name="mdi:qrcode" size="24" />
-                  </template>
-                </dot-button>
-              </div>
-            </form>
-          </dot-label>
+          <div class="min-h-28">
+            <dot-label v-if="inputMode === 'manual-address'" :text="t('claim.enterDOTAddress')">
+              <form class="flex space-x-4" @submit.prevent="onSubmit()">
+                <dot-text-input v-model="manualAddress" :error="addressError" :placeholder="t('common.address')" />
+                <div>
+                  <dot-button variant="tertiary" size="large" @click="open()">
+                    <template #icon>
+                      <icon name="mdi:qrcode" size="24" />
+                    </template>
+                  </dot-button>
+                </div>
+              </form>
+            </dot-label>
+
+            <client-only v-if="inputMode === 'wallet'">
+              <dot-label :text="t('common.account')">
+                <dot-connect />
+              </dot-label>
+            </client-only>
 
-          <client-only v-if="!showAddressInput">
-            <dot-label :text="t('common.account')">
-              <dot-connect />
+            <dot-label v-if="inputMode === 'email'" :text="t('claim.enterEmailAddress')">
+              <dot-text-input v-model="emailAddress" :error="addressError" :placeholder="t('common.address')" />
             </dot-label>
-          </client-only>
+          </div>
 
-          <p v-if="claimFailed" class="w-full text-center !text-red-500">{{ t("claim.alreadyClaimed") }}</p>
+          <p v-if="claimFailed" class="w-full text-center !text-red-500">
+            {{ t("claim.alreadyClaimed") }}
+          </p>
         </template>
         <div class="relative flex w-full flex-col gap-2">
           <dot-button
@@ -132,30 +156,36 @@
       </template>
 
       <template v-else>
-        <a :href="claimed" class="block w-full">
-          <dot-button class="w-full" variant="primary" size="large">
-            {{
-              t("claim.seeInGallery", {
-                name: data?.name ?? "MEMO",
-              })
-            }}
-          </dot-button>
-        </a>
-        <div class="flex w-full flex-col items-center gap-2">
-          <small class="dark:text-white">{{ t("claim.wantToShare") }}</small>
-          <span class="mb-10 flex gap-2">
-            <div class="flex cursor-pointer items-center gap-2" @click="shareOnTelegram(SHARE_MESSAGE, claimed)">
-              <div class="overflow-hidden rounded-full border border-white">
-                <img src="/socials/telegram.webp" alt="Telegram" class="size-10" />
+        <template v-if="claimed">
+          <a :href="claimed" class="block w-full">
+            <dot-button class="w-full" variant="primary" size="large">
+              {{
+                t("claim.seeInGallery", {
+                  name: data?.name ?? "MEMO",
+                })
+              }}
+            </dot-button>
+          </a>
+          <div class="flex w-full flex-col items-center gap-2">
+            <small class="dark:text-white">{{ t("claim.wantToShare") }}</small>
+            <span class="mb-10 flex gap-2">
+              <div class="flex cursor-pointer items-center gap-2" @click="shareOnTelegram(SHARE_MESSAGE, claimed)">
+                <div class="overflow-hidden rounded-full border border-white">
+                  <img src="/socials/telegram.webp" alt="Telegram" class="size-10" />
+                </div>
               </div>
-            </div>
-            <div class="flex cursor-pointer items-center gap-2" @click="shareOnX(SHARE_MESSAGE, claimed)">
-              <div class="overflow-hidden rounded-full border border-white">
-                <img src="/socials/x.webp" alt="X" class="size-10" />
+              <div class="flex cursor-pointer items-center gap-2" @click="shareOnX(SHARE_MESSAGE, claimed)">
+                <div class="overflow-hidden rounded-full border border-white">
+                  <img src="/socials/x.webp" alt="X" class="size-10" />
+                </div>
               </div>
-            </div>
-          </span>
-        </div>
+            </span>
+          </div>
+        </template>
+
+        <template v-if="reserved">
+          <!-- TODO make successful reservation specific UI ? -->
+        </template>
       </template>
     </div>
   </div>
@@ -166,6 +196,7 @@ import { DateTime } from "luxon";
 import { useModal } from "vue-final-modal";
 import type { Prefix } from "@kodadot1/static";
 import { getFreeMints } from "~/utils/sdk/query";
+import type { NuxtError } from "#app";
 
 const { shareOnTelegram, shareOnX } = useSocials();
 
@@ -173,17 +204,29 @@ const route = useRoute();
 const router = useRouter();
 const accountStore = useAccountStore();
 const manualAddress = ref("");
-const showAddressInput = ref(true);
+const emailAddress = ref("");
+
+const inputMode = ref<"email" | "manual-address" | "wallet">("manual-address");
+const showAddressInput = computed(() => inputMode.value === "manual-address");
 
 const { t } = useI18n();
 
 watch(showAddressInput, (show) => {
   if (!show) {
     claimFailed.value = false;
+    addressError.value = "";
   }
 });
 
-const address = computed(() => (showAddressInput.value ? manualAddress.value : accountStore.selected?.address));
+const address = computed(() => {
+  if (inputMode.value === "manual-address") {
+    return manualAddress.value;
+  } else if (inputMode.value === "wallet") {
+    return accountStore.selected?.address;
+  } else {
+    return emailAddress.value;
+  }
+});
 
 const addressError = ref("");
 watch(address, (address) => {
@@ -192,12 +235,29 @@ watch(address, (address) => {
     addressError.value = "Address is required";
     return;
   }
-  addressError.value = isValidSubstrateAddress(address ?? "") ? "" : "Invalid address";
+
+  if (inputMode.value === "email") {
+    addressError.value = isValidEmail(emailAddress.value ?? "") ? "" : "Invalid E-mail address";
+  } else {
+    addressError.value = isValidSubstrateAddress(address ?? "") ? "" : "Invalid address";
+  }
 });
 
-const canClaim = computed(
-  () => address.value && !addressError.value && !isClaiming.value && !allClaimed.value && !tooLate.value,
-);
+const canClaim = computed(() => {
+  if (inputMode.value !== "email") {
+    return address.value && !addressError.value && !isClaiming.value && !allClaimed.value && !tooLate.value;
+  }
+
+  return true;
+});
+
+const { data: reservation, status: reservationStatus } = await useFetch("/api/reservation", {
+  query: {
+    code: route.params.code,
+    reservation: route.query.reservation_id,
+  },
+  watch: false,
+});
 
 const { data, status, error } = await useFetch("/api/code", {
   query: { code: route.params.code },
@@ -215,10 +275,24 @@ watch(
     if (data) {
       loadingLimitInfo.value = true;
       const api = await apiInstanceByPrefix(data.chain);
-      const { maxTokens, mintedTokens, remainingMints } = await getFreeMints(api, data.collection);
+      const [freeMints, reservationsCount] = await Promise.all([
+        getFreeMints(api, data.collection),
+        $fetch<{ count: number }>(`/api/reservations-count`, {
+          query: { code: route.params.code },
+        }),
+      ]);
+
+      const { maxTokens, mintedTokens, remainingMints } = freeMints;
+      const { count } = reservationsCount;
+
       maxMints.value = maxTokens;
       minted.value = mintedTokens;
-      remaining.value = remainingMints;
+      remaining.value = remainingMints - count;
+
+      if (reservationStatus.value === "success" && reservation) {
+        remaining.value += 1;
+      }
+
       loadingLimitInfo.value = false;
     }
   },
@@ -235,6 +309,8 @@ const claimFailed = ref(false);
 const claimed = ref<null | string>(null);
 const isClaiming = ref(false);
 
+const reserved = ref(false);
+
 const claimButtonLabel = computed(() => {
   if (loadingLimitInfo.value) return t("claim.loading");
   if (allClaimed.value) return t("claim.allClaimed");
@@ -259,27 +335,51 @@ const SHARE_MESSAGE = "I just claimed a new MEMO on dotmemo.xyz! 🎉";
 const claim = async () => {
   if (!address.value) return;
   if (!canClaim.value) return;
+  if (addressError.value && !isValidEmail(emailAddress.value)) return;
 
   try {
     claimFailed.value = false;
-    isClaiming.value = true;
-
-    const data = await $fetch("/api/claim", {
-      method: "POST",
-      body: {
-        code: route.params.code,
-        address: address.value,
-      },
-    });
-
-    setTimeout(() => {
-      const url = `https://kodadot.xyz/${data.chain}/gallery/${data.collection}-${data.sn}`;
-      claimed.value = url;
-      isClaiming.value = false;
-    }, 60_000);
+    reserved.value = false;
+
+    if (inputMode.value === "email") {
+      const _data = await $fetch("/api/reserve", {
+        method: "POST",
+        body: {
+          code: route.params.code,
+          email: address.value,
+        },
+      });
+
+      reserved.value = true;
+      remaining.value = Math.max(0, remaining.value - 1);
+    } else {
+      isClaiming.value = true;
+      const data = await $fetch("/api/claim", {
+        method: "POST",
+        body: {
+          code: route.params.code,
+          address: address.value,
+        },
+      });
+
+      setTimeout(() => {
+        const url = `https://kodadot.xyz/${data.chain}/gallery/${data.collection}-${data.sn}`;
+        claimed.value = url;
+        isClaiming.value = false;
+      }, 60_000);
+    }
   } catch (error) {
-    claimFailed.value = true;
+    if (inputMode.value === "email") {
+      const reservationError = error as NuxtError;
+
+      if (reservationError?.statusMessage) {
+        addressError.value = String(reservationError?.statusMessage);
+      }
+      return;
+    }
+
     isClaiming.value = false;
+    claimFailed.value = true;
   }
 };
 </script>
diff --git a/pages/create/index.vue b/pages/create/index.vue
index c1b8ea6..1ea6fc7 100644
--- a/pages/create/index.vue
+++ b/pages/create/index.vue
@@ -91,6 +91,9 @@
         </dot-text-input>
       </dot-label>
     </div>
+    <dot-label vertical :text="t('create.memo.supportEmail')">
+      <dot-checkbox v-model="supportEmail" />
+    </dot-label>
     <dot-button :disabled="!isSubmittable" size="large" submit variant="primary" class="w-full"> Create </dot-button>
   </form>
 </template>
@@ -126,6 +129,7 @@ const validationSchema = toTypedSchema(
       .string({ message: "Secret is required" })
       .min(5, { message: "Must be at least 5 characters" })
       .regex(/^[a-z_.\-\d]+$/, "Please use only lowercase letters, numbers, and these symbols: '-', '_', or '.'"),
+    supportEmail: zod.boolean().optional(),
   }),
 );
 
@@ -146,6 +150,7 @@ const { value: endDate, errorMessage: endDateError } = useField<Date>("endDate")
 const localEndDateError = ref<string>("");
 const { value: quantity, errorMessage: quantityError } = useField<number>("quantity");
 const { value: secret, errorMessage: secretError } = useField<string>("secret");
+const { value: supportEmail } = useField<boolean>("supportEmail");
 
 const {
   status,
@@ -195,65 +200,69 @@ watch([startDate, endDate], ([startDate, endDate]) => {
 
 const logger = createLogger("CreatePage");
 
-const onSubmit = handleSubmit(({ description, endDate, image, quantity, startDate, name, externalUrl, secret }) => {
-  if (localStartDateError.value || localEndDateError.value || existingCodeError.value) {
-    return;
-  }
-
-  logger.success({
-    description,
-    endDate,
-    quantity,
-    startDate,
-    image,
-    name,
-    externalUrl,
-  });
+const onSubmit = handleSubmit(
+  ({ description, endDate, image, quantity, startDate, name, externalUrl, secret, supportEmail }) => {
+    if (localStartDateError.value || localEndDateError.value || existingCodeError.value) {
+      return;
+    }
 
-  const { open, close: closeSignModal } = useModal({
-    component: SignModal,
-    attrs: {
-      name,
-      startDate,
+    logger.success({
+      description,
       endDate,
       quantity,
+      startDate,
       image,
-      secret,
-      description,
-      chain: preferredChain.value,
-      onError(err) {
-        closeSignModal();
-        const { open: openErrorModal } = useModal({
-          component: SignErrorModal,
-          attrs: {
-            signError: err,
-          },
-        });
+      name,
+      externalUrl,
+      supportEmail,
+    });
 
-        openErrorModal();
-      },
-      onSuccess({ txHash }) {
-        const { open: openSuccessModal } = useModal({
-          component: SuccessModal,
-          attrs: {
-            chain: preferredChain.value,
-            quantity,
-            name,
-            secret,
-            image,
-            tx: txHash,
-          },
-        });
+    const { open, close: closeSignModal } = useModal({
+      component: SignModal,
+      attrs: {
+        name,
+        startDate,
+        endDate,
+        quantity,
+        image,
+        secret,
+        description,
+        supportEmail,
+        chain: preferredChain.value,
+        onError(err) {
+          closeSignModal();
+          const { open: openErrorModal } = useModal({
+            component: SignErrorModal,
+            attrs: {
+              signError: err,
+            },
+          });
+
+          openErrorModal();
+        },
+        onSuccess({ txHash }) {
+          const { open: openSuccessModal } = useModal({
+            component: SuccessModal,
+            attrs: {
+              chain: preferredChain.value,
+              quantity,
+              name,
+              secret,
+              image,
+              tx: txHash,
+            },
+          });
 
-        openSuccessModal();
+          openSuccessModal();
+        },
       },
-    },
-  });
+    });
 
-  open();
+    open();
 
-  return;
-});
+    return;
+  },
+);
 
 const isSubmittable = computed(
   () =>
diff --git a/server/api/claim.post.ts b/server/api/claim.post.ts
index ec9620a..6ae0096 100644
--- a/server/api/claim.post.ts
+++ b/server/api/claim.post.ts
@@ -16,7 +16,7 @@ export default defineEventHandler(async (event) => {
 
   if (err) {
     console.error(err);
-    throw new Error("An unknown error has occoured");
+    throw createError({ statusMessage: "An unknown error has occoured" });
   }
 
   return data;
diff --git a/server/api/code.get.ts b/server/api/code.get.ts
index 6d32326..9fe81ed 100644
--- a/server/api/code.get.ts
+++ b/server/api/code.get.ts
@@ -34,6 +34,7 @@ export default defineEventHandler(async (event) => {
     description: rawData.description,
     image,
     mint: rawData.mint,
+    supportMail: Boolean(rawData.support_mail),
     createdAt: rawData.created_at,
     expiresAt: rawData.expires_at,
   };
diff --git a/server/api/create.post.ts b/server/api/create.post.ts
index a1a66be..07f5cd8 100644
--- a/server/api/create.post.ts
+++ b/server/api/create.post.ts
@@ -6,7 +6,8 @@ export default defineEventHandler(async (event) => {
   // const { image, name, description, externalUrl, startDate, endDate, quantity, secret, chain, collection } =
   //   await readBody(event);
 
-  const { secret, mint, collection, chain, name, image, expiresAt, createdAt } = await readBody<CreateMemoDTO>(event);
+  const { secret, mint, collection, chain, name, image, expiresAt, createdAt, supportEmail } =
+    await readBody<CreateMemoDTO>(event);
 
   const [data, err] = await $fetch(`${RUNTIME_CONFIG.apiUrl}/poaps`, {
     method: "POST",
@@ -18,6 +19,7 @@ export default defineEventHandler(async (event) => {
       mint,
       name,
       image,
+      support_mail: Number(supportEmail ?? false),
       expires_at: expiresAt,
       created_at: createdAt,
     },
diff --git a/server/api/reservation.get.ts b/server/api/reservation.get.ts
new file mode 100644
index 0000000..37677ec
--- /dev/null
+++ b/server/api/reservation.get.ts
@@ -0,0 +1,28 @@
+import type { MemoDTO, ReservationDTO } from "~/types/memo";
+
+const RUNTIME_CONFIG = useRuntimeConfig();
+
+type Reservation = {
+  poap: MemoDTO;
+  reservation: ReservationDTO;
+};
+
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event);
+
+  const [rawData, err] = await $fetch<Reservation>(
+    `${RUNTIME_CONFIG.apiUrl}/poaps/${query.code}/reservation/${query.reservation}`,
+  )
+    .then((r) => [r, null] as const)
+    .catch((r) => [null, r] as const);
+
+  if (err) {
+    throw createError("An unknown error has occoured");
+  }
+
+  if (!rawData) {
+    throw createError("Not found");
+  }
+
+  return rawData?.reservation;
+});
diff --git a/server/api/reservations-count.get.ts b/server/api/reservations-count.get.ts
new file mode 100644
index 0000000..8e8c724
--- /dev/null
+++ b/server/api/reservations-count.get.ts
@@ -0,0 +1,29 @@
+import type { MemoDTO, ReservationDTO } from "~/types/memo";
+
+const RUNTIME_CONFIG = useRuntimeConfig();
+
+type Reservations = {
+  poap: MemoDTO;
+  reservations: ReservationDTO[];
+};
+
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event);
+
+  const [rawData, err] = await $fetch<Reservations>(`${RUNTIME_CONFIG.apiUrl}/poaps/${query.code}/reservation`)
+    .then((r) => [r, null] as const)
+    .catch((r) => [null, r] as const);
+
+  if (err) {
+    throw createError({ statusMessage: "An unknown error has occoured" });
+  }
+
+  if (!rawData) {
+    throw createError({
+      statusCode: 404,
+      statusMessage: "Memo not found",
+    });
+  }
+
+  return { count: rawData?.reservations.length };
+});
diff --git a/server/api/reserve.post.ts b/server/api/reserve.post.ts
new file mode 100644
index 0000000..16a39b9
--- /dev/null
+++ b/server/api/reserve.post.ts
@@ -0,0 +1,39 @@
+const RUNTIME_CONFIG = useRuntimeConfig();
+
+export default defineEventHandler(async (event) => {
+  const { code, email } = await readBody(event);
+
+  const [data, err] = await $fetch(`${RUNTIME_CONFIG.apiUrl}/poaps/${code}/reservation`, {
+    method: "POST",
+    body: {
+      email,
+    },
+  })
+    .then((r) => [r, null])
+    .catch((r) => [null, r]);
+
+  if (!err) {
+    return data;
+  }
+
+  console.error(err);
+
+  if (err?.response?.status === 401) {
+    const [_verificationData, verificationErr] = await $fetch(`${RUNTIME_CONFIG.apiUrl}/verifications`, {
+      method: "POST",
+      body: {
+        email,
+      },
+    })
+      .then((r) => [r, null])
+      .catch((r) => [null, r]);
+
+    if (!verificationErr) {
+      throw createError({ statusMessage: "E-mail not verified, check your inbox" });
+    }
+
+    throw createError({ statusMessage: verificationErr.data });
+  }
+
+  throw createError({ statusMessage: err.data });
+});
diff --git a/server/api/verify.get.ts b/server/api/verify.get.ts
new file mode 100644
index 0000000..0a4f118
--- /dev/null
+++ b/server/api/verify.get.ts
@@ -0,0 +1,17 @@
+const RUNTIME_CONFIG = useRuntimeConfig();
+
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event);
+
+  const [_data, err] = await $fetch(`${RUNTIME_CONFIG.apiUrl}/verifications/${query.verification_id}`, {
+    method: "POST",
+  })
+    .then((r) => [r, null] as const)
+    .catch((r) => [null, r] as const);
+
+  if (err) {
+    return sendRedirect(event, `${RUNTIME_CONFIG.app.baseURL}?action=verify_email_error`, 302);
+  }
+
+  return sendRedirect(event, `${RUNTIME_CONFIG.app.baseURL}?action=verify_email`, 302);
+});
diff --git a/types/memo.ts b/types/memo.ts
index da471b8..8dca794 100644
--- a/types/memo.ts
+++ b/types/memo.ts
@@ -14,6 +14,12 @@ export type MemoDTO = {
   expires_at: string;
 };
 
+export type ReservationDTO = {
+  id: string;
+  memo_id: string;
+  email: string;
+};
+
 export type Memo = {
   /**
    * Code of the memo
@@ -43,6 +49,10 @@ export type Memo = {
    * IPFS Mint of the memo
    */
   mint: string;
+  /**
+   * Created at
+   */
+  supportMail: boolean;
   /**
    * Created at
    */
@@ -78,6 +88,10 @@ export type CreateMemoDTO = {
    * Image URL
    */
   image: string;
+  /**
+   * Support E-mail
+   */
+  supportEmail: boolean;
   /**
    * Expires at
    */
diff --git a/utils/email.ts b/utils/email.ts
new file mode 100644
index 0000000..780026c
--- /dev/null
+++ b/utils/email.ts
@@ -0,0 +1 @@
+export const isValidEmail = (email: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);