diff --git a/src/components/AboutSubheader.vue b/src/components/AboutSubheader.vue
deleted file mode 100644
index aa6598e7ac49..000000000000
--- a/src/components/AboutSubheader.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <h2
-    class="relative ml-[50px] mt-[96px] font-space text-lg font-bold tracking-wide text-white"
-  >
-    <div
-      class="absolute -left-[50px] top-[12px] -ml-[5px] h-2 w-2 rounded-full bg-white"
-    />
-    <slot />
-  </h2>
-</template>
diff --git a/src/components/BaseComboboxMultiple.vue b/src/components/BaseComboboxMultiple.vue
deleted file mode 100644
index 9e42bb8e9c64..000000000000
--- a/src/components/BaseComboboxMultiple.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script setup lang="ts">
-import {
-  Combobox,
-  ComboboxInput,
-  ComboboxOptions,
-  ComboboxOption,
-  ComboboxLabel,
-  ComboboxButton
-} from '@headlessui/vue';
-
-const props = defineProps<{
-  label: string;
-  items: { id: number | string; name: string }[];
-  selectedIds?: (number | string)[];
-  information?: string;
-}>();
-
-const emit = defineEmits(['select', 'search']);
-
-const selectedItems = ref<{ id: number | string; name: string }[]>([
-  props.items[0]
-]);
-
-watch(selectedItems, () => emit('select', selectedItems.value));
-
-watch(
-  () => props.selectedIds,
-  () => {
-    const selected = props.items.filter(item =>
-      props.selectedIds?.includes(item.id)
-    );
-    selectedItems.value = selected ? selected : [props.items[0]];
-  },
-  { immediate: true }
-);
-</script>
-
-<template>
-  <Combobox v-model="selectedItems" multiple as="div" class="w-full">
-    <ComboboxLabel v-if="label" class="block">
-      <LabelInput :information="information">{{ label }}</LabelInput>
-    </ComboboxLabel>
-    <div class="relative">
-      <ComboboxButton class="w-full">
-        <ComboboxInput
-          class="s-input w-full py-2 !pr-[30px] pl-3 focus:outline-none"
-          spellcheck="false"
-          :display-value="(item: any) => item.name"
-          @change="emit('search', $event.target.value)"
-        />
-      </ComboboxButton>
-      <ComboboxButton
-        class="absolute inset-y-0 right-1 flex items-center px-2 focus:outline-none"
-      >
-        <i-ho-chevron-down class="text-[14px] text-skin-text" />
-      </ComboboxButton>
-      <ComboboxOptions
-        v-if="items.length > 0"
-        class="absolute z-40 mt-1 w-full overflow-hidden rounded-md border border-skin-border bg-skin-bg text-base shadow-lg focus:outline-none sm:text-sm"
-      >
-        <div class="max-h-[180px] overflow-y-auto">
-          <ComboboxOption
-            v-for="item in items"
-            v-slot="{ active, selected, disabled }"
-            :key="item.id"
-            as="template"
-            :value="item"
-          >
-            <li
-              :class="[
-                { 'bg-skin-border': active },
-                'relative cursor-default select-none truncate py-2 pl-3 pr-[50px]'
-              ]"
-            >
-              <span
-                :class="[
-                  selected ? 'font-semibold text-skin-link' : 'font-normal',
-                  { 'text-skin-border': disabled },
-                  'flex w-full items-center truncate'
-                ]"
-              >
-                <slot v-if="$slots.item" name="item" :item="item" />
-                <span v-else>
-                  {{ item.name }}
-                </span>
-              </span>
-
-              <span
-                v-if="selected"
-                :class="['absolute inset-y-0 right-0 flex items-center pr-3']"
-              >
-                <i-ho-check class="text-green" />
-              </span>
-            </li>
-          </ComboboxOption>
-        </div>
-      </ComboboxOptions>
-    </div>
-  </Combobox>
-</template>
diff --git a/src/components/BaseListboxMultiple.vue b/src/components/BaseListboxMultiple.vue
deleted file mode 100644
index bf8d615c72ec..000000000000
--- a/src/components/BaseListboxMultiple.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<script setup lang="ts">
-import {
-  Listbox,
-  ListboxButton,
-  ListboxOptions,
-  ListboxOption,
-  ListboxLabel
-} from '@headlessui/vue';
-
-type ListboxItem = {
-  value: any;
-  title?: string;
-  extras?: Record<string, any>;
-};
-
-const props = defineProps<{
-  items: ListboxItem[];
-  label?: string;
-  placeholder?: string;
-  modelValue?: string[];
-  limit?: number;
-  isDisabled?: boolean;
-  definition?: any;
-  information?: string;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-
-const selectedItems = computed({
-  get: () =>
-    props.items.filter(item => props.modelValue?.includes(item.value)) || [],
-  set: newVal =>
-    emit(
-      'update:modelValue',
-      newVal.map(item => item.value)
-    )
-});
-
-function isItemDisabled(item: string) {
-  if (!props.limit) return false;
-  if (selectedItems.value.length < props.limit) return false;
-  return !selectedItems.value.some(selectedItem => selectedItem.value === item);
-}
-</script>
-
-<template>
-  <Listbox v-model="selectedItems" as="div" :disabled="isDisabled" multiple>
-    <ListboxLabel v-if="label || definition?.title">
-      <LabelInput :information="information || definition?.description">
-        {{ label || definition?.title }}
-      </LabelInput>
-    </ListboxLabel>
-    <div class="relative">
-      <ListboxButton
-        v-tippy="{
-          content: selectedItems
-            .map(item => item?.title || item.value)
-            .join(', ')
-        }"
-        class="relative h-[42px] w-full truncate rounded-full border border-skin-border pl-3 pr-[40px] text-left text-skin-link hover:border-skin-text"
-        :class="{ 'cursor-not-allowed !border-skin-border': isDisabled }"
-      >
-        <span v-if="selectedItems.length < 1" class="text-skin-text opacity-60">
-          {{ placeholder }}
-        </span>
-
-        <slot
-          v-else-if="$slots.selected"
-          name="selected"
-          :selectedItems="selectedItems"
-        />
-
-        <span v-else>
-          {{ selectedItems.map(item => item?.title || item.value).join(', ') }}
-        </span>
-        <span
-          class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-[12px]"
-        >
-          <i-ho-chevron-down class="text-[14px] text-skin-text" />
-        </span>
-      </ListboxButton>
-      <transition
-        enter-active-class="transition duration-100 ease-out"
-        enter-from-class="transform -translate-y-2 scale-95 opacity-0"
-        enter-to-class="transform scale-100 opacity-100"
-        leave-active-class="transition duration-75 ease-out"
-        leave-from-class="transform scale-100 opacity-100"
-        leave-to-class="transform scale-95 opacity-0"
-      >
-        <ListboxOptions
-          class="absolute z-40 mt-1 w-full overflow-hidden rounded-md border border-skin-border bg-skin-bg text-base shadow-lg focus:outline-none sm:text-sm"
-        >
-          <div class="max-h-[180px] overflow-y-auto">
-            <ListboxOption
-              v-for="(item, i) in items"
-              :key="i"
-              v-slot="{ active, selected, disabled }"
-              as="template"
-              :value="item"
-              :disabled="isItemDisabled(item.value)"
-            >
-              <li
-                :class="[
-                  { 'bg-skin-border': active },
-                  'relative cursor-default select-none py-2 pl-3 pr-[50px]'
-                ]"
-              >
-                <span
-                  :class="[
-                    selected ? 'font-semibold text-skin-link' : 'font-normal',
-                    { 'text-skin-border': disabled },
-                    'block truncate'
-                  ]"
-                >
-                  <slot v-if="$slots.item" name="item" :item="item" />
-                  <span v-else>
-                    {{ item?.title || item.value }}
-                  </span>
-                </span>
-
-                <span
-                  v-if="selected"
-                  :class="['absolute inset-y-0 right-0 flex items-center pr-3']"
-                >
-                  <i-ho-check class="text-green" />
-                </span>
-              </li>
-            </ListboxOption>
-          </div>
-        </ListboxOptions>
-      </transition>
-    </div>
-  </Listbox>
-</template>
diff --git a/src/components/FormArray.vue b/src/components/FormArray.vue
deleted file mode 100644
index b8c1831ea0b5..000000000000
--- a/src/components/FormArray.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<script setup lang="ts">
-import { FormError } from '@/helpers/interfaces';
-
-import FormObject from '@/components/FormObject.vue';
-import InputString from '@/components/InputString.vue';
-import InputNumber from '@/components/InputNumber.vue';
-import InputSwitch from '@/components/InputSwitch.vue';
-
-const props = defineProps<{
-  modelValue?: any[];
-  definition?: any;
-  error?: FormError;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-
-const input = ref(props.modelValue || props.definition?.default || []);
-
-const getComponent = (type: string) => {
-  switch (type) {
-    case 'object':
-      return FormObject;
-    case 'string':
-      return InputString;
-    case 'number':
-      return InputNumber;
-    case 'boolean':
-      return InputSwitch;
-    default:
-      return null;
-  }
-};
-
-watch(input, () => emit('update:modelValue', input.value), { deep: true });
-</script>
-
-<template>
-  <BaseListboxMultiple
-    v-if="definition?.items?.anyOf"
-    v-model="input"
-    :items="
-      definition.items.anyOf.map(item => ({
-        value: item.const,
-        title: item.title
-      }))
-    "
-    :definition="definition"
-  />
-
-  <div v-else class="space-y-2">
-    <div v-for="(property, i) in input" :key="i">
-      <component
-        :is="getComponent(definition?.items?.type || 'string')"
-        v-model="input[i]"
-        :definition="definition.items"
-        :error="error"
-      />
-    </div>
-    <BaseButton class="w-full" @click="input.push(definition?.items?.default)">
-      {{ $t('add') }}
-    </BaseButton>
-  </div>
-</template>
diff --git a/src/components/FormObject.vue b/src/components/FormObject.vue
deleted file mode 100644
index f914b928e740..000000000000
--- a/src/components/FormObject.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import * as FormObject from '@/components/FormObject.vue';
-import FormArray from '@/components/FormArray.vue';
-import InputString from '@/components/InputString.vue';
-import InputNumber from '@/components/InputNumber.vue';
-import InputSwitch from '@/components/InputSwitch.vue';
-
-const props = defineProps<{
-  modelValue: Record<string, any>;
-  definition: any;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-
-const input = ref(props.modelValue || props.definition.default || {});
-
-const getComponent = (type: string) => {
-  switch (type) {
-    case 'object':
-      return FormObject;
-    case 'array':
-      return FormArray;
-    case 'string':
-      return InputString;
-    case 'number':
-      return InputNumber;
-    case 'boolean':
-      return InputSwitch;
-    default:
-      return null;
-  }
-};
-
-watch(input, () => emit('update:modelValue', input.value), { deep: true });
-
-const { modelValue } = toRefs(props);
-const { getValidationMessage } = useFormValidation(
-  props.definition,
-  modelValue
-);
-</script>
-
-<template>
-  <div class="space-y-2">
-    <component
-      :is="getComponent(property.type)"
-      v-for="(property, key) in (definition.properties as Record<string, any>)"
-      :key="key"
-      v-model="input[key]"
-      :definition="property"
-      :error="{ message: getValidationMessage(key) }"
-    />
-  </div>
-</template>
diff --git a/src/components/IconSocial.vue b/src/components/IconSocial.vue
deleted file mode 100644
index da3d6ea2b57c..000000000000
--- a/src/components/IconSocial.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup lang="ts">
-interface SocialProps {
-  social: {
-    icon: string;
-    link: string;
-  };
-  size?: string;
-}
-
-withDefaults(defineProps<SocialProps>(), {
-  size: '24'
-});
-</script>
-
-<template>
-  <BaseLink :link="social.link" hide-external-icon :disabled="!social.link">
-    <BaseIcon
-      :size="size"
-      :name="social.icon"
-      :class="social.link ? 'text-skin-text hover:opacity-80' : 'opacity-10'"
-    />
-  </BaseLink>
-</template>
diff --git a/src/components/InputNumber.vue b/src/components/InputNumber.vue
deleted file mode 100644
index 123e9f6db46f..000000000000
--- a/src/components/InputNumber.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import { FormError } from '@/helpers/interfaces';
-
-defineProps<{
-  modelValue?: number | string;
-  definition?: any;
-  error?: FormError;
-  placeholder?: string;
-  information?: string;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-</script>
-
-<template>
-  <BaseInput
-    :model-value="modelValue || definition?.default"
-    :definition="definition"
-    :error="error"
-    :placeholder="placeholder"
-    :information="information"
-    type="number"
-    @update:model-value="emit('update:modelValue', Number($event))"
-  />
-</template>
diff --git a/src/components/InputRadio.vue b/src/components/InputRadio.vue
deleted file mode 100644
index 45c330e1cf65..000000000000
--- a/src/components/InputRadio.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  modelValue: boolean;
-  name: string;
-  label: string;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-</script>
-
-<template>
-  <div class="flex items-center gap-[12px]">
-    <input
-      :checked="modelValue"
-      :name="name"
-      type="radio"
-      class="form-radio h-[19px] w-[19px] rounded-full border-skin-text bg-skin-bg text-primary !outline-none !ring-0"
-      @input="
-        emit('update:modelValue', ($event.target as HTMLInputElement).checked)
-      "
-    />
-    <div class="text-skin-text">
-      {{ label }}
-    </div>
-  </div>
-</template>
diff --git a/src/components/InputSocial.vue b/src/components/InputSocial.vue
deleted file mode 100644
index 0b225ee7a707..000000000000
--- a/src/components/InputSocial.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  modelValue?: string;
-  error?: { message: string; push: boolean };
-  placeholder?: string;
-  maxLength?: number;
-  title?: string;
-  icon?: 'twitter' | 'github' | 'earth' | 'coingecko';
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-</script>
-
-<template>
-  <BaseInput
-    :title="title"
-    :model-value="modelValue"
-    :error="error"
-    :placeholder="placeholder"
-    :max-length="maxLength"
-    class="!pl-[40px]"
-    @update:model-value="value => emit('update:modelValue', value)"
-  >
-    <template #before>
-      <i-s-twitter v-if="icon === 'twitter'" class="text-[16px]" />
-      <i-s-github v-if="icon === 'github'" class="text-[16px]" />
-      <i-ho-globe-alt v-if="icon === 'earth'" class="text-[16px]" />
-      <i-s-coingecko v-if="icon === 'coingecko'" class="text-[16px]" />
-    </template>
-  </BaseInput>
-</template>
diff --git a/src/components/InputString.vue b/src/components/InputString.vue
deleted file mode 100644
index df0bf4c14d46..000000000000
--- a/src/components/InputString.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script setup lang="ts">
-import { FormError } from '@/helpers/interfaces';
-
-defineProps<{
-  modelValue?: string;
-  definition?: any;
-  error?: FormError;
-  placeholder?: string;
-  information?: string;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-</script>
-
-<template>
-  <BaseListbox
-    v-if="definition.anyOf"
-    :definition="definition"
-    :model-value="modelValue || definition?.default"
-    :items="
-      definition.anyOf.map(e => ({
-        value: e.const,
-        title: e.title
-      }))
-    "
-    @update:model-value="emit('update:modelValue', $event)"
-  />
-  <BaseInput
-    v-else
-    :model-value="modelValue || definition?.default"
-    :definition="definition"
-    :error="error"
-    :placeholder="placeholder"
-    :information="information"
-    @update:model-value="emit('update:modelValue', $event)"
-  />
-</template>
diff --git a/src/components/InputUploadImage.vue b/src/components/InputUploadImage.vue
deleted file mode 100644
index 0b3b643fb14e..000000000000
--- a/src/components/InputUploadImage.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<script setup>
-import { upload as pin } from '@snapshot-labs/pineapple';
-
-const emit = defineEmits(['loading', 'input']);
-
-const loading = ref(false);
-
-async function handleFileChange(e) {
-  loading.value = true;
-  emit('loading', loading.value);
-  const file = e.target.files[0];
-  const formData = new FormData();
-  if (!['image/jpeg', 'image/jpg', 'image/png'].includes(file.type)) {
-    console.log('File type not supported');
-    loading.value = false;
-    return;
-  }
-  if (file.size > 1024 * 1024) {
-    console.log('File size exceeds 1MB');
-    loading.value = false;
-    return;
-  }
-  formData.append('file', file);
-  try {
-    const receipt = await pin(formData, import.meta.env.VITE_PINEAPPLE_URL);
-    emit('input', `ipfs://${receipt.cid}`);
-    loading.value = false;
-    emit('loading', loading.value);
-  } catch (error) {
-    loading.value = false;
-    emit('loading', loading.value);
-    console.log(error);
-  }
-}
-</script>
-
-<template>
-  <LoadingSpinner v-if="loading" />
-  <label v-else class="file-select">
-    <input
-      type="file"
-      accept="image/jpg, image/jpeg, image/png"
-      @change="handleFileChange"
-    />
-    <slot />
-  </label>
-</template>
-
-<style lang="scss" scoped>
-.file-select > input[type='file'] {
-  display: none;
-  font-weight: normal;
-}
-label {
-  all: initial;
-  all: unset;
-
-  &:hover {
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/src/components/InputUrl.vue b/src/components/InputUrl.vue
deleted file mode 100644
index 0efdd18dcd13..000000000000
--- a/src/components/InputUrl.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-const props = defineProps<{
-  modelValue?: string;
-  placeholder?: string;
-  title?: string;
-  error?: { message: string; push: boolean };
-  information?: string;
-  isDisabled?: boolean;
-}>();
-
-const emit = defineEmits(['update:modelValue']);
-</script>
-
-<template>
-  <div>
-    <BaseInput
-      v-bind="props"
-      :model-value="modelValue"
-      :error="error"
-      :information="information"
-      :is-disabled="isDisabled"
-      class="!pl-[40px]"
-      @update:model-value="input => emit('update:modelValue', input)"
-    >
-      <template #before>
-        <i-ho-globe-alt class="text-xs" />
-      </template>
-    </BaseInput>
-  </div>
-</template>
diff --git a/src/components/ModalReceipt.vue b/src/components/ModalReceipt.vue
deleted file mode 100644
index 8bdd08ab79b8..000000000000
--- a/src/components/ModalReceipt.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { getIpfsUrl } from '@/helpers/utils';
-
-defineProps<{
-  open: boolean;
-  authorIpfsHash: string;
-  relayerIpfsHash?: string;
-}>();
-defineEmits(['close']);
-</script>
-
-<template>
-  <BaseModal :open="open" @close="$emit('close')">
-    <template #header>
-      <h3>{{ $t('receipt') }}</h3>
-    </template>
-    <div class="m-4 space-y-4">
-      <BaseBlock slim class="p-4 text-skin-link">
-        <div class="flex">
-          <span class="mr-1 flex-auto text-skin-text" v-text="$t('author')" />
-          <BaseLink :link="getIpfsUrl(authorIpfsHash)" class="text-skin-link">
-            #{{ authorIpfsHash.slice(0, 7) }}
-          </BaseLink>
-        </div>
-        <div v-if="relayerIpfsHash" class="flex">
-          <span class="mr-1 flex-auto text-skin-text" v-text="$t('relayer')" />
-          <BaseLink :link="getIpfsUrl(relayerIpfsHash)" class="text-skin-link">
-            #{{ relayerIpfsHash.slice(0, 7) }}
-          </BaseLink>
-        </div>
-      </BaseBlock>
-      <BaseLink
-        :link="`https://signator.io/view?ipfs=${authorIpfsHash}`"
-        class="mb-2 block"
-        hide-external-icon
-      >
-        <BaseButton tabindex="-1" class="w-full">
-          {{ $t('verifyOnSignatorio') }}
-          <i-ho-external-link class="mb-[2px] ml-1 inline-block text-xs" />
-        </BaseButton>
-      </BaseLink>
-    </div>
-  </BaseModal>
-</template>
diff --git a/src/components/SpaceWarningFlagged.vue b/src/components/SpaceWarningFlagged.vue
deleted file mode 100644
index 97af1f4c5792..000000000000
--- a/src/components/SpaceWarningFlagged.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <BaseContainer class="mb-4 !px-0 md:!px-4">
-    <BaseMessageBlock is-responsive level="warning-red">
-      {{ $t('warningSpace') }}
-      <BaseLink link="https://docs.snapshot.org/spaces/badges-and-warnings">{{
-        $t('learnMore')
-      }}</BaseLink>
-    </BaseMessageBlock>
-  </BaseContainer>
-</template>
diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
deleted file mode 100644
index b40c67fd338d..000000000000
--- a/src/components/TheHeader.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import { useStorage } from '@vueuse/core';
-
-const { env } = useApp();
-
-const visible = useStorage('snapshot.showHomeHeader', true);
-</script>
-
-<template>
-  <BaseContainer v-if="visible && env === 'develop'" class="mb-4">
-    <div class="relative w-full rounded-xl border border-skin-border p-4">
-      <h3 class="mt-0 pr-6 font-space text-[29px]">
-        {{ $t('header.title') }}
-      </h3>
-      <p class="mt-3 max-w-[500px]">
-        {{ $t('header.description') }}
-      </p>
-      <div
-        class="mt-4 flex flex-col space-y-2 sm:flex-row sm:space-x-3 sm:space-y-0"
-      >
-        <BaseButton
-          class="w-full md:w-auto"
-          primary
-          @click="$router.push({ name: 'setup' })"
-        >
-          {{ $t('createASpace') }}
-        </BaseButton>
-        <BaseButton
-          class="w-full md:w-auto"
-          @click="$router.push({ name: 'about' })"
-        >
-          {{ $t('learnMore') }}
-        </BaseButton>
-      </div>
-      <BaseButtonIcon class="absolute right-3 top-3" @click="visible = false">
-        <i-ho-x class="text-base" />
-      </BaseButtonIcon>
-    </div>
-  </BaseContainer>
-</template>