diff --git a/components/ui/ModerationChecklist.vue b/components/ui/ModerationChecklist.vue
new file mode 100644
index 0000000000..800784f51f
--- /dev/null
+++ b/components/ui/ModerationChecklist.vue
@@ -0,0 +1,1033 @@
+<template>
+  <div class="card moderation-checklist">
+    <h1>Moderation checklist</h1>
+    <div v-if="done">
+      <p>You are done moderating this project! There are {{ futureProjects.length }} left.</p>
+    </div>
+    <div v-else-if="generatedMessage">
+      <p>
+        Enter your moderation message here. Remember to check the Moderation tab to answer any
+        questions an author might have!
+      </p>
+      <div class="markdown-editor-spacing">
+        <MarkdownEditor v-model="message" :placeholder="'Enter moderation message'" />
+      </div>
+    </div>
+    <div v-else-if="steps[currentStepIndex].id === 'modpack-permissions'">
+      <h2 v-if="modPackData">
+        Modpack permissions
+        <template v-if="modPackIndex + 1 <= modPackData.length">
+          ({{ modPackIndex + 1 }} / {{ modPackData.length }})
+        </template>
+      </h2>
+      <div v-if="!modPackData">Loading data...</div>
+      <div v-else-if="modPackData.length === 0">
+        <p>All permissions obtained. You may skip this step!</p>
+      </div>
+      <div v-else-if="!modPackData[modPackIndex]">
+        <p>All permission checks complete!</p>
+        <div class="input-group modpack-buttons">
+          <button class="btn" @click="modPackIndex -= 1">
+            <LeftArrowIcon />
+            Previous
+          </button>
+        </div>
+      </div>
+      <div v-else>
+        <div v-if="modPackData[modPackIndex].type === 'unknown'">
+          <p>What is the approval type of {{ modPackData[modPackIndex].file_name }}?</p>
+          <div class="input-group">
+            <button
+              v-for="(option, index) in fileApprovalTypes"
+              :key="index"
+              class="btn"
+              :class="{
+                'option-selected': modPackData[modPackIndex].status === option.id,
+              }"
+              @click="modPackData[modPackIndex].status = option.id"
+            >
+              {{ option.name }}
+            </button>
+          </div>
+          <template v-if="modPackData[modPackIndex].status !== 'unidentified'">
+            <div class="universal-labels"></div>
+            <label for="proof">
+              <span class="label__title">Proof</span>
+            </label>
+            <input
+              id="proof"
+              v-model="modPackData[modPackIndex].proof"
+              type="text"
+              autocomplete="off"
+              placeholder="Enter proof of status..."
+            />
+            <label for="link">
+              <span class="label__title">Link</span>
+            </label>
+            <input
+              id="link"
+              v-model="modPackData[modPackIndex].url"
+              type="text"
+              autocomplete="off"
+              placeholder="Enter link of project..."
+            />
+            <label for="title">
+              <span class="label__title">Title</span>
+            </label>
+            <input
+              id="title"
+              v-model="modPackData[modPackIndex].title"
+              type="text"
+              autocomplete="off"
+              placeholder="Enter title of project..."
+            />
+          </template>
+        </div>
+        <div v-else-if="modPackData[modPackIndex].type === 'flame'">
+          <p>
+            What is the approval type of {{ modPackData[modPackIndex].title }} (<a
+              :href="modPackData[modPackIndex].url"
+              target="_blank"
+              class="text-link"
+              >{{ modPackData[modPackIndex].url }}</a
+            >?
+          </p>
+          <div class="input-group">
+            <button
+              v-for="(option, index) in fileApprovalTypes"
+              :key="index"
+              class="btn"
+              :class="{
+                'option-selected': modPackData[modPackIndex].status === option.id,
+              }"
+              @click="modPackData[modPackIndex].status = option.id"
+            >
+              {{ option.name }}
+            </button>
+          </div>
+        </div>
+        <div
+          v-if="
+            ['unidentified', 'no', 'with-attribution'].includes(modPackData[modPackIndex].status)
+          "
+        >
+          <p v-if="modPackData[modPackIndex].status === 'unidentified'">
+            Does this project provide identification and permission for
+            <strong>{{ modPackData[modPackIndex].file_name }}</strong
+            >?
+          </p>
+          <p v-else-if="modPackData[modPackIndex].status === 'with-attribution'">
+            Does this project provide attribution for
+            <strong>{{ modPackData[modPackIndex].file_name }}</strong
+            >?
+          </p>
+          <p v-else>
+            Does this project provide proof of permission for
+            <strong>{{ modPackData[modPackIndex].file_name }}</strong
+            >?
+          </p>
+          <div class="input-group">
+            <button
+              v-for="(option, index) in filePermissionTypes"
+              :key="index"
+              class="btn"
+              :class="{
+                'option-selected': modPackData[modPackIndex].approved === option.id,
+              }"
+              @click="modPackData[modPackIndex].approved = option.id"
+            >
+              {{ option.name }}
+            </button>
+          </div>
+        </div>
+        <div class="input-group modpack-buttons">
+          <button class="btn" :disabled="modPackIndex <= 0" @click="modPackIndex -= 1">
+            <LeftArrowIcon />
+            Previous
+          </button>
+          <button
+            class="btn btn-blue"
+            :disabled="!modPackData[modPackIndex].status"
+            @click="modPackIndex += 1"
+          >
+            <RightArrowIcon />
+            Next project
+          </button>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <h2>{{ steps[currentStepIndex].question }}</h2>
+      <template v-if="steps[currentStepIndex].rules && steps[currentStepIndex].rules.length > 0">
+        <strong>Rules guidance:</strong>
+        <ul>
+          <li v-for="(rule, index) in steps[currentStepIndex].rules" :key="index">
+            {{ rule }}
+          </li>
+        </ul>
+      </template>
+      <template
+        v-if="steps[currentStepIndex].examples && steps[currentStepIndex].examples.length > 0"
+      >
+        <strong>Examples of what to reject:</strong>
+        <ul>
+          <li v-for="(example, index) in steps[currentStepIndex].examples" :key="index">
+            {{ example }}
+          </li>
+        </ul>
+      </template>
+      <template
+        v-if="steps[currentStepIndex].exceptions && steps[currentStepIndex].exceptions.length > 0"
+      >
+        <strong>Exceptions:</strong>
+        <ul>
+          <li v-for="(exception, index) in steps[currentStepIndex].exceptions" :key="index">
+            {{ exception }}
+          </li>
+        </ul>
+      </template>
+      <p v-if="steps[currentStepIndex].id === 'title'">
+        <strong>Title:</strong> {{ project.title }}
+      </p>
+      <p v-if="steps[currentStepIndex].id === 'slug'"><strong>Slug:</strong> {{ project.slug }}</p>
+      <p v-if="steps[currentStepIndex].id === 'summary'">
+        <strong>Summary:</strong> {{ project.description }}
+      </p>
+      <p v-if="steps[currentStepIndex].id === 'links'">
+        <template v-if="project.issues_url">
+          <strong>Issues: </strong>
+          <a class="text-link" :href="project.issues_url">{{ project.issues_url }}</a> <br />
+        </template>
+        <template v-if="project.source_url">
+          <strong>Source: </strong>
+          <a class="text-link" :href="project.source_url">{{ project.source_url }}</a> <br />
+        </template>
+        <template v-if="project.wiki_url">
+          <strong>Wiki: </strong>
+          <a class="text-link" :href="project.wiki_url">{{ project.wiki_url }}</a> <br />
+        </template>
+        <template v-if="project.discord_url">
+          <strong>Discord: </strong>
+          <a class="text-link" :href="project.discord_url">{{ project.discord_url }}</a>
+          <br />
+        </template>
+        <template v-for="(donation, index) in project.donation_urls" :key="index">
+          <strong>{{ donation.platform }}: </strong>
+          <a class="text-link" :href="donation.url">{{ donation.url }}</a>
+          <br />
+        </template>
+      </p>
+      <p v-if="steps[currentStepIndex].id === 'categories'">
+        <strong>Categories:</strong>
+        <Categories
+          :categories="project.categories.concat(project.additional_categories)"
+          :type="project.actualProjectType"
+          class="categories"
+        />
+      </p>
+      <p v-if="steps[currentStepIndex].id === 'side-types'">
+        <strong>Client side:</strong> {{ project.client_side }} <br />
+        <strong>Server side:</strong> {{ project.server_side }}
+      </p>
+      <div class="options input-group">
+        <button
+          v-for="(option, index) in steps[currentStepIndex].options"
+          :key="index"
+          class="btn"
+          :class="{
+            'option-selected':
+              selectedOptions[steps[currentStepIndex].id] &&
+              selectedOptions[steps[currentStepIndex].id].find((x) => x.name === option.name),
+          }"
+          @click="toggleOption(steps[currentStepIndex].id, option)"
+        >
+          {{ option.name }}
+        </button>
+      </div>
+      <div
+        v-if="
+          selectedOptions[steps[currentStepIndex].id] &&
+          selectedOptions[steps[currentStepIndex].id].length > 0
+        "
+        class="inputs universal-labels"
+      >
+        <div
+          v-for="(option, index) in selectedOptions[steps[currentStepIndex].id].filter(
+            (x) => x.fillers && x.fillers.length > 0
+          )"
+          :key="index"
+        >
+          <div v-for="(filler, idx) in option.fillers" :key="idx">
+            <label :for="filler.id">
+              <span class="label__title">
+                {{ filler.question }}
+                <span v-if="filler.required" class="required">*</span>
+              </span>
+            </label>
+            <div v-if="filler.large" class="markdown-editor-spacing">
+              <MarkdownEditor v-model="filler.value" :placeholder="'Enter moderation message'" />
+            </div>
+            <input v-else :id="filler.id" v-model="filler.value" type="text" autocomplete="off" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="input-group modpack-buttons">
+      <button v-if="!done" class="btn skip-btn" @click="goToNextProject">
+        <ExitIcon />
+        Skip
+      </button>
+      <button v-if="currentStepIndex > 0" class="btn" @click="previousPage() && !done">
+        <LeftArrowIcon /> Previous
+      </button>
+      <button
+        v-if="currentStepIndex < steps.length - 1 && !done"
+        class="btn btn-primary"
+        @click="nextPage()"
+      >
+        <RightArrowIcon /> Next
+      </button>
+      <button
+        v-else-if="!generatedMessage"
+        class="btn btn-primary"
+        :disabled="loadingMessage"
+        @click="generateMessage"
+      >
+        <UpdatedIcon /> Generate message
+      </button>
+      <template v-if="generatedMessage && !done">
+        <button class="btn btn-green" @click="sendMessage(project.requested_status ?? 'approved')">
+          <CheckIcon /> Approve
+        </button>
+        <div class="joined-buttons">
+          <button class="btn btn-danger" @click="sendMessage('rejected')">
+            <CrossIcon /> Reject
+          </button>
+          <OverflowMenu
+            class="btn btn-danger btn-dropdown-animation icon-only"
+            position="top"
+            direction="left"
+            :options="[
+              {
+                id: 'withhold',
+                color: 'danger',
+                action: () => sendMessage('withheld'),
+                hoverFilled: true,
+              },
+            ]"
+          >
+            <DropdownIcon style="rotate: 180deg" />
+            <template #withhold> <EyeOffIcon /> Withhold </template>
+          </OverflowMenu>
+        </div>
+      </template>
+      <button v-if="done" class="btn btn-primary next-project" @click="goToNextProject">
+        Next project
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {
+  LeftArrowIcon,
+  MarkdownEditor,
+  RightArrowIcon,
+  UpdatedIcon,
+  CheckIcon,
+  OverflowMenu,
+  DropdownIcon,
+  XIcon as CrossIcon,
+  EyeOffIcon,
+  ExitIcon,
+} from 'omorphia'
+import Categories from '~/components/ui/search/Categories.vue'
+
+const props = defineProps({
+  project: {
+    type: Object,
+    default: null,
+  },
+  resetProject: {
+    type: Function,
+    required: true,
+    default: () => {},
+  },
+})
+
+const steps = computed(() =>
+  [
+    {
+      id: 'title',
+      question: 'Is this title free of useless information?',
+      shown: true,
+      rules: [
+        'No unnecessary data (mod loaders, game versions, etc)',
+        'No emojis / useless text decorators',
+      ],
+      examples: [
+        '✅ NoobMod [1.8+] • Kill all noobs in your world!',
+        '[FABRIC] My Optimization Pack',
+        '[1.17-1.20.4] LagFixer ⚡️ Best Performance Solution! ⭕ Well optimized ✅ Folia supported! (BETA)',
+      ],
+      exceptions: [
+        'Loaders and/or game versions allowed if this project is a port of another mod. (ex: Gravestones for 1.20)',
+        'Loaders allowed if they choose to separate their project into Forge and Fabric variants (discouraged)',
+      ],
+      options: [
+        {
+          name: 'Contains useless info',
+          resultingMessage: `## Misuse of Title
+Per section 5.2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) we ask that you limit the title to just the name of your project. Additional information, such as themes, tags, supported versions or loaders, etc. should be saved for the Summary or Description. When changing your project title, remember to also ensure that your project slug (URL) matches and accurately represents your project.`,
+        },
+      ],
+    },
+    {
+      id: 'slug',
+      question: 'Is the slug accurate and appropriate?',
+      shown: true,
+      rules: ['Matches title / not misleading (acronyms are OK)'],
+      options: [
+        {
+          name: 'Misused',
+          resultingMessage: `## Misuse of Slug
+Per section 5.2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) your project slug (URL) must accurately represent your project. `,
+        },
+      ],
+    },
+    {
+      id: 'summary',
+      question: `Is the project's summary sufficient?`,
+      shown: true,
+      rules: [
+        'The summary should provide a brief overview of your project that informs and entices users.',
+        `Should not be the exact same as the project's title`,
+        'Should not include any markdown formatting.',
+      ],
+      options: [
+        {
+          name: 'Insufficient',
+          resultingMessage: `## Insufficient Summary
+Per section 5.3 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) Your project summary should provide a brief overview of your project that informs and entices users.
+This is the first thing most people will see about your mod other than the Logo, so it's important it be accurate, reasonably detailed, and exciting.`,
+        },
+        {
+          name: 'Repeat of title',
+          resultingMessage: `## Insufficient Summary
+Per section 5.3 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) your Summary can not be the same as your project's Title. Your project summary should provide a brief overview of your project that informs and entices users.
+This is the first thing most people will see about your mod other than the Logo, so it's important it be accurate, reasonably detailed, and exciting.`,
+        },
+        {
+          name: 'Formatting',
+          resultingMessage: `## Insufficient Summary
+Per section 5.3 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) your Summary can not include any extra formatting such as lists, or links. Your project summary should provide a brief overview of your project that informs and entices users.
+This is the first thing most people will see about your mod other than the Logo, so it's important it be accurate, reasonably detailed, and exciting.`,
+        },
+      ],
+    },
+    {
+      id: 'description',
+      question: `Is the project's description sufficient?`,
+      navigate: `/${props.project.project_type}/${props.project.slug}`,
+      shown: true,
+      rules: [
+        'Should answer what the project specifically does or adds ',
+        'Should answer why someone should want to download the project ',
+        'Should indicate any other critical information the user must know before downloading',
+        'Should be accessible (no fancy characters / non-standard text, no image-only descriptions, must have English component, etc)',
+      ],
+      exceptions: [
+        'Modpacks generally have a more lax requirement to qualify as a sufficient description. Generally, a mod list and a short explainer is approvable.',
+      ],
+      options: [
+        {
+          name: 'Insufficient',
+          resultingMessage: `## Insufficient Description
+Per section 2.1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#general-expectations) your project's Description should clearly inform the reader of the content, purpose, and appeal of your project.
+Currently, it looks like there are some missing details.
+%EXPLAINER%`,
+          fillers: [
+            {
+              id: 'EXPLAINER',
+              question: 'Please elaborate on how the author can improve their description.',
+              large: true,
+            },
+          ],
+        },
+        {
+          name: 'Non-english',
+          resultingMessage: `## No English Description
+Per section 2.2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#accessibility) a project's Summary and Description must be in English, unless meant exclusively for non-English use, such as translations.  You may include your non-English Description if you would like but we ask that you also add an English translation of the Description to your Description page, if you would like to use an online translator to do this, we recommend [DeepL](https://www.deepl.com/translator).`,
+        },
+        {
+          name: 'Unfinished',
+          resultingMessage: `## Unfinished Description
+It looks like your project Description is still a WIP seeing as %REASON%. Please remember to submit only when ready, as it is important your project meets the requirements of Section 2.1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#general-expectations), if you have any questions on this feel free to reach out!`,
+        },
+        {
+          name: 'Headers as body text',
+          resultingMessage: `## Description Accessibility
+In accordance with section 2.2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules) we request that \`# header\`s not be used as body text. Headers are interpreted differently by screen-readers and thus should generally only be used for things like separating sections of your Description. If you would like to emphasize a particular sentence or paragraph, instead consider using \`**bold**\` text using the **B** button above the text editor.`,
+        },
+        {
+          name: 'Image-only',
+          resultingMessage: `## Image Descriptions
+In accordance with section 2.2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules) we ask that you provide a text alternative to your current Description. It is important that your Description contains enough detail about your project that a user can have a full understanding of it from text alone. A text-based transcription allows for those using screen readers, and users with slow internet connections unable to load images to be able to access the contents of your Description. This also acts as a backup in case the image in your Description ever goes offline for some reason.
+We appreciate how much effort you put into your Description, but accessibility is important to us at Modrinth, if you would like you could put the transcription of your Description entirely in a \`details\` tag, so as to not spoil the visuals of your Description.`,
+        },
+        {
+          name: 'Non-standard text',
+          resultingMessage: `## Description Accessibility
+Per section 2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#clear-and-honest-function) your description must be plainly readable and accessible. Using non-standard text characters like Zalgo or "fancy text" in place of text anywhere in your project, including the Description, Summary, or Title can make your project pages inaccessible. This is important for users who rely on Screen Readers and for search engines in order to provide relevant results to users. Please remove any instances of this type of text.`,
+        },
+      ],
+    },
+    {
+      id: 'links',
+      question: `Are the project's links accessible and not misleading?`,
+      shown:
+        props.project.issues_url ||
+        props.project.source_url ||
+        props.project.wiki_url ||
+        props.project.discord_url ||
+        props.project.donation_urls.length > 0,
+      rules: [
+        `All links must be accessible.`,
+        `All links must correspond correctly with a label (ex: Discord link should not go to a YouTube channel)`,
+      ],
+      options: [
+        {
+          name: 'Links are misused',
+          resultingMessage: `## Misuse of External Resources
+Per section 5.4 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) all links must lead to correctly labeled publicly available resources that are directly related to your project.`,
+        },
+        {
+          name: 'Not accessible (source)',
+          resultingMessage: `## Unreachable Links
+Per section 5.4 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) all links must lead to correctly labeled publicly available resources that are directly related to your project.
+Currently, your Source link directs to a Page Not Found error, likely because your repository is private, make sure to make your repository public before resubmitting your project!`,
+        },
+        {
+          name: 'Not accessible (other)',
+          resultingMessage: `## Unreachable Links
+Per section 5.4 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) all links must lead to correctly labeled publicly available resources that are directly related to your project.
+Currently, your %LINK% link is inaccessible!`,
+          fillers: [
+            {
+              id: 'LINK',
+              question: 'Please specify the link type that is inaccessible.',
+            },
+          ],
+        },
+      ],
+    },
+    {
+      id: 'categories',
+      question: `Are the project's tags/categories accurate?`,
+      shown: props.project.categories.length > 0 || props.project.additional_categories.length > 0,
+      options: [
+        {
+          name: 'Inaccurate',
+          resultingMessage: `## Misuse of Tags
+Per section 5.1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous), it is important that the metadata of your projects is accurate. Including that selected tags honestly represent your project.`,
+        },
+      ],
+    },
+    {
+      id: 'side-types',
+      question: `Is the project's environment information accurate?`,
+      shown: ['mod', 'modpack'].includes(props.project.project_type),
+      options: [
+        {
+          name: 'Inaccurate (modpack)',
+          resultingMessage: `## Incorrect Environment Information
+Per section 5.1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous), it is important that the metadata of your projects is accurate, including whether the project runs on the client or server side.
+For a brief rundown of how this works:
+Some modpacks can be client-side, usually aimed at providing utility and optimization while allowing the player to join an unmodded server, for instance, [Fabulously Optimized](https://modrinth.com/modpack/fabulously-optimized).
+Most other modpacks that change how the game is played are going to be required on both the client and server, like the modpack [Dying Light](https://modrinth.com/modpack/dying-light).
+When in doubt, test for yourself or check the requirements of the mods in your pack.`,
+        },
+        {
+          name: 'Inaccurate (mod)',
+          resultingMessage: `## Environment Information
+Per section 5.1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous), it is important that the metadata of your projects is accurate, including whether the project runs on the client or server side.
+For a brief rundown of how this works:
+**Client side** refers to a mod that is only required by the client, like [Sodium](https://modrinth.com/mod/sodium).
+**Server side** mods change the behavior of the server without the client needing the mod, like Datapacks, recipes, or server-side behaviors, like [Falling Tree](https://modrinth.com/mod/fallingtree).
+A mod that adds features, entities, or new blocks and items, generally will be required on **both** the server and the client, for example [Cobblemon](https://modrinth.com/mod/cobblemon).
+However, it looks like your project falls into the latter category and should be *required* on **both** the client and server sides.
+This has been changed accordingly for your convenience. In the future, you can edit your project's environment information on its settings page under "Client-side" and "Server-side".
+0`,
+        },
+      ],
+    },
+    {
+      id: 'gallery',
+      navigate: `/${props.project.project_type}/${props.project.slug}/gallery`,
+      question: `Are the project's gallery images relevant?`,
+      shown: props.project.gallery.length > 0,
+      options: [
+        {
+          name: 'Not relevant',
+          resultingMessage: `## Unrelated Gallery Images
+Per section 5.5 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) any images in your project's Gallery must be relevant to the project and also include a Title.`,
+        },
+      ],
+    },
+    {
+      id: 'versions',
+      navigate: `/${props.project.project_type}/${props.project.slug}/versions`,
+      question: `Are these project's files correct?`,
+      shown: !['modpack'].includes(props.project.project_type),
+      rules: [
+        'A multi-loader project should not use additional files for more loaders',
+        'Modpacks must be uploaded as MRPACK files. Be sure to check the project type is modpack (if not their file is malformed)',
+      ],
+      options: [
+        {
+          name: 'Incorrect additional files',
+          resultingMessage: `## Incorrect Use of Additional Files
+It looks like you've uploaded multiple \`mod.jar\` files to one Version as Additional Files. Per section 5.7 of [Modrinth's Content Rules](https://modrinth.com/legal/rules#miscellaneous) each Version of your project must include only one \`mod.jar\` that corresponds to its respective Minecraft and loader versions. This allows users to easily find and download the file they need for the version they're on with ease. The Additional Files feature can be used for things like a \`Sources.jar\`.
+Please upload each version of your mod separately, thank you.`,
+        },
+        {
+          name: 'Invalid file type (modpacks)',
+          resultingMessage: `## Modpacks on Modrinth
+It looks like you've uploaded your Modpack as a \`.zip\`, unfortunately, this is invalid and is why your project type is "Mod". I recommend taking a look at our support page about [Modrinth Modpacks](https://support.modrinth.com/en/articles/8802250-modpacks-on-modrinth), and once you're ready feel free to resubmit your project as a \`.mrpack\`. Don't forget to delete the old files from your Versions!`,
+        },
+      ],
+    },
+    {
+      id: 'copyright',
+      question: `Does the author have proper permissions to post this project?`,
+      shown: true,
+      rules: [
+        `Perform a quick search to make sure someone is not reuploading content.`,
+        `If the authors don't align or it seems like a re-post, reject and ask the user for proof they have permission.`,
+      ],
+      options: [
+        {
+          name: 'Re-upload',
+          resultingMessage: `## Reuploads are forbidden
+This project appears to contain content from %ORIGINAL_PROJECT% by %ORIGINAL_AUTHOR%.
+Per section 4 of [Modrinth's Content Rules](https://modrinth.com/legal/rules) this is strictly forbidden.
+If you believe this is an error, or you can verify you are the creator and rightful owner of this content please let us know. Otherwise, we ask that you **do not resubmit this project**.`,
+          fillers: [
+            {
+              id: 'ORIGINAL_PROJECT',
+              question: 'What is the title of the original project?',
+              required: true,
+            },
+            {
+              id: 'ORIGINAL_AUTHOR',
+              question: 'What is the author of the original project?',
+              required: true,
+            },
+          ],
+        },
+      ],
+    },
+    {
+      id: 'rule-following',
+      question: `Does this project follow our content rules?`,
+      navigate: `/${props.project.project_type}/${props.project.slug}`,
+      shown: true,
+      rules: [
+        'Should not be a cheat/hack (without a server-side opt-out)',
+        'Should not contain sexually explicit / inappropriate content',
+        'Should not be excessively profane',
+        'Should not promote any illegal activity (including illicit drugs + substances)',
+        'Anything else infringing of our content rules (see 1.1-12, 3.1-3)',
+      ],
+      options: [
+        {
+          name: 'No',
+          resultingMessage: `%MESSAGE%`,
+          fillers: [
+            {
+              id: 'MESSAGE',
+              question: 'Please explain to the user how it infringes on our content rules.',
+              large: true,
+            },
+          ],
+        },
+      ],
+    },
+    {
+      id: 'modpack-permissions',
+      question: 'Modpack permissions',
+      shown: ['modpack'].includes(props.project.project_type),
+      options: [],
+    },
+    {
+      id: 'private-server',
+      question: `Is this pack for a private server?`,
+      shown: ['modpack'].includes(props.project.project_type),
+      rules: [
+        'Select this if you are withholding this pack since it is for a private server (for circumstances you would normally reject for).',
+      ],
+      options: [
+        {
+          name: 'Private server (withhold)',
+          resultingMessage: `## Private Server
+Under normal circumstances, your project would be rejected due to the issues listed above. However, since your project is intended for a specific server and not for general use, these requirements will be waived and your project will be withheld. This means it will be unlisted and accessible only through a direct link, without appearing in public search results. If you're fine with this, no further action is needed. Otherwise, feel free to resubmit once all issues have been addressed. `,
+        },
+      ],
+    },
+  ].filter((x) => x.shown)
+)
+
+const currentStepIndex = ref(0)
+const selectedOptions = ref({})
+
+function toggleOption(stepId, option) {
+  if (!selectedOptions.value[stepId]) {
+    selectedOptions.value[stepId] = []
+  }
+
+  const index = selectedOptions.value[stepId].findIndex((x) => x.name === option.name)
+  if (index === -1) {
+    selectedOptions.value[stepId].push(option)
+  } else {
+    selectedOptions.value[stepId].splice(index, 1)
+  }
+
+  const instance = getCurrentInstance()
+  instance?.proxy?.$forceUpdate()
+}
+
+function previousPage() {
+  currentStepIndex.value -= 1
+  generatedMessage.value = false
+
+  if (steps.value[currentStepIndex.value].navigate) {
+    navigateTo(steps.value[currentStepIndex.value].navigate)
+  }
+}
+
+async function nextPage() {
+  currentStepIndex.value += 1
+
+  if (steps.value[currentStepIndex.value].navigate) {
+    navigateTo(steps.value[currentStepIndex.value].navigate)
+  }
+
+  if (steps.value[currentStepIndex.value].id === 'modpack-permissions') {
+    await initializeModPackData()
+  }
+}
+
+async function initializeModPackData() {
+  startLoading()
+  try {
+    const raw = await useBaseFetch(`moderation/project/${props.project.id}`, { internal: true })
+    const projects = []
+
+    for (const [hash, fileName] of Object.entries(raw.unknown_files)) {
+      projects.push({
+        type: 'unknown',
+        hash,
+        file_name: fileName,
+        status: null,
+        approved: null,
+      })
+    }
+
+    for (const [hash, file] of Object.entries(raw.flame_files)) {
+      projects.push({
+        type: 'flame',
+        hash,
+        file_name: file.file_name,
+        status: null,
+        title: file.title,
+        id: file.id,
+        url: file.url,
+        approved: null,
+      })
+    }
+
+    for (const [hash, file] of Object.entries(raw.identified)) {
+      if (file.status !== 'yes' && file.status !== 'with-attribution-and-source') {
+        projects.push({
+          type: 'identified',
+          hash,
+          file_name: file.file_name,
+          status: file.status,
+          approved: null,
+        })
+      }
+    }
+
+    modPackData.value = projects
+  } catch (err) {
+    const app = useNuxtApp()
+    app.$notify({
+      group: 'main',
+      title: 'An error occurred',
+      text: err.data ? err.data.description : err,
+      type: 'error',
+    })
+  }
+  stopLoading()
+}
+
+const modPackData = ref(null)
+const modPackIndex = ref(0)
+
+const fileApprovalTypes = ref([
+  {
+    id: 'yes',
+    name: 'Yes',
+  },
+  {
+    id: 'with-attribution-and-source',
+    name: 'With attribution and source',
+  },
+  {
+    id: 'with-attribution',
+    name: 'With attribution',
+  },
+  {
+    id: 'no',
+    name: 'No',
+  },
+  {
+    id: 'permanent-no',
+    name: 'Permanent no',
+  },
+  {
+    id: 'unidentified',
+    name: 'Unidentified',
+  },
+])
+const filePermissionTypes = ref([
+  {
+    id: true,
+    name: 'Yes',
+  },
+  {
+    id: false,
+    name: 'No',
+  },
+])
+
+const message = ref('')
+const generatedMessage = ref(false)
+const loadingMessage = ref(false)
+async function generateMessage() {
+  message.value = ''
+  loadingMessage.value = true
+  function printMods(mods, msg) {
+    if (mods.length === 0) {
+      return
+    }
+
+    message.value += msg
+    message.value += '\n\n'
+
+    for (const mod of mods) {
+      message.value += `- ${mod}\n`
+    }
+  }
+
+  if (modPackData.value && modPackData.value.length > 0) {
+    const updateProjects = {}
+
+    const attributeMods = []
+    const noMods = []
+    const permanentNoMods = []
+    const unidentifiedMods = []
+
+    for (const project of modPackData.value) {
+      if (project.type === 'unknown') {
+        updateProjects[project.hash] = {
+          type: 'unknown',
+          status: project.status,
+          proof: project.proof,
+          title: project.title,
+          link: project.url,
+        }
+      }
+
+      if (project.type === 'flame') {
+        updateProjects[project.hash] = {
+          type: 'flame',
+          status: project.status,
+          id: project.id,
+          link: project.url,
+          title: project.title,
+        }
+      }
+
+      if (project.status === 'with-attribution' && !project.approved) {
+        attributeMods.push(project.file_name)
+      } else if (project.status === 'unidentified' && !project.approved) {
+        unidentifiedMods.push(project.file_name)
+      } else if (project.status === 'no' && !project.approved) {
+        noMods.push(project.file_name)
+      } else if (project.status === 'permanent-no') {
+        permanentNoMods.push(project.file_name)
+      }
+    }
+
+    if (updateProjects) {
+      try {
+        await useBaseFetch(`moderation/project`, {
+          internal: true,
+          method: 'POST',
+          body: updateProjects,
+        })
+      } catch (err) {
+        const app = useNuxtApp()
+        app.$notify({
+          group: 'main',
+          title: 'An error occurred',
+          text: err.data ? err.data.description : err,
+          type: 'error',
+        })
+      }
+    }
+
+    if (
+      attributeMods.length > 0 ||
+      noMods.length > 0 ||
+      permanentNoMods.length > 0 ||
+      unidentifiedMods.length > 0
+    ) {
+      message.value += '## Copyrighted Content \n'
+
+      printMods(
+        attributeMods,
+        "The following content has attribution requirements, meaning that you must link back to the page where you originally found this content in your modpack description or version changelog (e.g. linking a mod's CurseForge page if you got it from CurseForge):"
+      )
+      printMods(
+        noMods,
+        'The following content is not allowed in Modrinth modpacks due to licensing restrictions. Please contact the author(s) directly for permission or remove the content from your modpack:'
+      )
+      printMods(
+        permanentNoMods,
+        "The following content is not allowed in Modrinth modpacks, regardless of permission obtained. This may be because it breaks Modrinth's content rules or because the authors, upon being contacted for permission, have declined. Please remove the content from your modpack:"
+      )
+      printMods(
+        unidentifiedMods,
+        'The following content could not be identified. Please provide proof of its origin along with proof that you have permission to include it:'
+      )
+
+      message.value += '\n\n'
+    }
+  }
+
+  for (const options of Object.values(selectedOptions.value)) {
+    for (const option of options) {
+      let addonMessage = option.resultingMessage
+
+      if (option.fillers && option.fillers.length > 0) {
+        for (const filler of option.fillers) {
+          addonMessage = addonMessage.replace(new RegExp(`%${filler.id}%`, 'g'), filler.value ?? '')
+        }
+      }
+
+      message.value += addonMessage
+      message.value += '\n\n'
+    }
+  }
+  generatedMessage.value = true
+  loadingMessage.value = false
+  currentStepIndex.value += 1
+  await navigateTo(`/${props.project.project_type}/${props.project.slug}/moderation`)
+}
+
+const done = ref(false)
+async function sendMessage(status) {
+  startLoading()
+  try {
+    await useBaseFetch(`project/${props.project.id}`, {
+      method: 'PATCH',
+      body: {
+        status,
+      },
+    })
+
+    if (message.value) {
+      await useBaseFetch(`thread/${props.project.thread_id}`, {
+        method: 'POST',
+        body: {
+          body: {
+            type: 'text',
+            body: message.value,
+          },
+        },
+      })
+    }
+
+    await props.resetProject()
+    done.value = true
+  } catch (err) {
+    const app = useNuxtApp()
+    app.$notify({
+      group: 'main',
+      title: 'An error occurred',
+      text: err.data ? err.data.description : err,
+      type: 'error',
+    })
+  }
+  stopLoading()
+}
+
+const futureProjects = ref([])
+
+if (process.client && history && history.state && history.state.projects) {
+  futureProjects.value = history.state.projects
+}
+
+async function goToNextProject() {
+  const router = useRouter()
+
+  const project = futureProjects.value[0]
+
+  if (!project) {
+    await navigateTo('/moderation/review')
+  }
+
+  await router.push({
+    name: 'type-id',
+    params: {
+      type: 'project',
+      id: project,
+    },
+    state: {
+      showChecklist: true,
+      projects: futureProjects.value.slice(1),
+    },
+  })
+}
+</script>
+
+<style scoped lang="scss">
+.moderation-checklist {
+  position: sticky;
+  bottom: 0;
+  left: 100vw;
+  z-index: 100;
+  border: 1px solid var(--color-bg-inverted);
+  width: 600px;
+
+  .skip-btn {
+    margin-right: auto;
+  }
+
+  .next-project {
+    margin-left: auto;
+  }
+
+  .modpack-buttons {
+    margin-top: 1rem;
+  }
+
+  .option-selected {
+    color: var(--color-contrast);
+    background-color: var(--color-brand-highlight);
+    box-shadow: inset 0 0 0 transparent, 0 0 0 2px var(--color-brand);
+  }
+}
+</style>
diff --git a/composables/date.js b/composables/date.js
index 69bccfb45e..2641317789 100644
--- a/composables/date.js
+++ b/composables/date.js
@@ -1,7 +1,6 @@
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 
-// eslint-disable-next-line import/no-named-as-default-member
 dayjs.extend(relativeTime)
 
 export const useCurrentDate = () => useState('currentDate', () => Date.now())
diff --git a/helpers/teams.js b/helpers/teams.js
index 132f59fc36..eedddc16f8 100644
--- a/helpers/teams.js
+++ b/helpers/teams.js
@@ -6,7 +6,7 @@ export const acceptTeamInvite = async (teamId) => {
 }
 export const removeSelfFromTeam = async (teamId) => {
   const auth = await useAuth()
-  await removeTeamMember(teamId, auth.user.id)
+  await removeTeamMember(teamId, auth.value.user.id)
 }
 export const removeTeamMember = async (teamId, userId) => {
   await useBaseFetch(`team/${teamId}/members/${userId}`, {
diff --git a/layouts/default.vue b/layouts/default.vue
index 236c58ae62..4f0df3a8aa 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -5,14 +5,16 @@
       class="email-nag"
     >
       <template v-if="auth.user.email">
-        <span>For security purposes, please verify your email address on Modrinth.</span>
-        <button class="btn" @click="resendVerifyEmail">Re-send verification email</button>
+        <span>{{ formatMessage(verifyEmailBannerMessages.title) }}</span>
+        <button class="btn" @click="resendVerifyEmail">
+          {{ formatMessage(verifyEmailBannerMessages.action) }}
+        </button>
       </template>
       <template v-else>
-        <span>For security purposes, please enter your email on Modrinth.</span>
+        <span>{{ formatMessage(addEmailBannerMessages.title) }}</span>
         <nuxt-link class="btn" to="/settings/account">
           <SettingsIcon />
-          Visit account settings
+          {{ formatMessage(addEmailBannerMessages.action) }}
         </nuxt-link>
       </template>
     </div>
@@ -25,12 +27,10 @@
     >
       <div class="site-banner__title">
         <IssuesIcon />
-        <span> You’re viewing Modrinth’s staging environment </span>
+        <span>{{ formatMessage(stagingBannerMessages.title) }}</span>
       </div>
       <div class="site-banner__description">
-        The staging environment is running on a copy of the production Modrinth database. This is
-        used for testing and debugging purposes, and may be running in-development versions of the
-        Modrinth backend or frontend newer than the production instance.
+        {{ formatMessage(stagingBannerMessages.description) }}
       </div>
       <div class="site-banner__actions">
         <Button transparent icon-only :action="hideStagingBanner"><XIcon /></Button>
@@ -53,13 +53,13 @@
                 v-if="auth.user"
                 to="/dashboard/notifications"
                 class="control-button button-transparent"
-                title="Notifications"
+                :title="formatMessage(commonMessages.notificationsLabel)"
               >
                 <NotificationIcon aria-hidden="true" />
               </nuxt-link>
               <button
                 class="control-button button-transparent"
-                title="Switch theme"
+                :title="formatMessage(messages.changeTheme)"
                 @click="changeTheme"
               >
                 <MoonIcon v-if="$colorMode.value === 'light'" aria-hidden="true" />
@@ -78,7 +78,7 @@
                   <Avatar
                     :src="auth.user.avatar_url"
                     class="user-icon"
-                    alt="Your avatar"
+                    :alt="formatMessage(messages.yourAvatarAlt)"
                     aria-hidden="true"
                     circle
                   />
@@ -88,13 +88,15 @@
                   <NuxtLink class="item button-transparent" :to="`/user/${auth.user.username}`">
                     <div class="title profile-link">
                       <div class="username">@{{ auth.user.username }}</div>
-                      <div class="prompt">Visit your profile</div>
+                      <div class="prompt">{{ formatMessage(messages.visitYourProfile) }}</div>
                     </div>
                   </NuxtLink>
                   <hr class="divider" />
                   <button class="item button-transparent" @click="$refs.modal_creation.show()">
                     <PlusIcon class="icon" />
-                    <span class="title">Create a project</span>
+                    <span class="title">
+                      {{ formatMessage(commonMessages.createAProjectButton) }}
+                    </span>
                   </button>
                   <hr class="divider" />
                   <NuxtLink class="item button-transparent" to="/dashboard/collections">
@@ -103,15 +105,17 @@
                   </NuxtLink>
                   <NuxtLink class="item button-transparent" to="/dashboard/notifications">
                     <NotificationIcon class="icon" />
-                    <span class="title">Notifications</span>
+                    <span class="title">{{
+                      formatMessage(commonMessages.notificationsLabel)
+                    }}</span>
                   </NuxtLink>
                   <NuxtLink class="item button-transparent" to="/dashboard">
                     <ChartIcon class="icon" />
-                    <span class="title">Dashboard</span>
+                    <span class="title">{{ formatMessage(commonMessages.dashboardLabel) }}</span>
                   </NuxtLink>
                   <NuxtLink class="item button-transparent" to="/settings">
                     <SettingsIcon class="icon" />
-                    <span class="title">Settings</span>
+                    <span class="title">{{ formatMessage(commonMessages.settingsLabel) }}</span>
                   </NuxtLink>
                   <NuxtLink
                     v-if="tags.staffRoles.includes(auth.user.role)"
@@ -119,7 +123,7 @@
                     to="/moderation"
                   >
                     <ModerationIcon class="icon" />
-                    <span class="title">Moderation</span>
+                    <span class="title">{{ formatMessage(commonMessages.moderationLabel) }}</span>
                   </NuxtLink>
                   <NuxtLink
                     v-if="!cosmetics.hideModrinthAppPromos"
@@ -127,25 +131,29 @@
                     to="/app"
                   >
                     <DownloadIcon class="icon" />
-                    <span class="title">Get Modrinth App</span>
+                    <span class="title">
+                      {{ formatMessage(messages.getModrinthApp) }}
+                    </span>
                   </NuxtLink>
                   <hr class="divider" />
                   <button class="item button-transparent" @click="logoutUser()">
                     <LogOutIcon class="icon" />
-                    <span class="dropdown-item__text">Log out</span>
+                    <span class="dropdown-item__text">
+                      {{ formatMessage(commonMessages.signOutButton) }}
+                    </span>
                   </button>
                 </div>
               </div>
               <section v-else class="auth-prompt">
                 <nuxt-link class="iconified-button raised-button" to="/auth/sign-in">
-                  <LogInIcon /> Sign in
+                  <LogInIcon /> {{ formatMessage(commonMessages.signInButton) }}
                 </nuxt-link>
                 <nuxt-link
                   v-if="$route.path !== '/app' && !cosmetics.hideModrinthAppPromos"
                   class="btn btn-outline btn-primary app-btn"
                   to="/app"
                 >
-                  <DownloadIcon /> Get Modrinth App
+                  <DownloadIcon /> {{ formatMessage(messages.getModrinthApp) }}
                 </nuxt-link>
               </section>
             </section>
@@ -185,32 +193,32 @@
               <Avatar
                 :src="auth.user.avatar_url"
                 class="user-icon"
-                alt="Your avatar"
+                :alt="formatMessage(messages.yourAvatarAlt)"
                 aria-hidden="true"
                 circle
               />
               <div class="account-text">
                 <div>@{{ auth.user.username }}</div>
-                <div>Visit your profile</div>
+                <div>{{ formatMessage(messages.visitYourProfile) }}</div>
               </div>
             </NuxtLink>
             <nuxt-link v-else class="iconified-button brand-button" to="/auth/sign-in">
-              <LogInIcon /> Sign in
+              <LogInIcon /> {{ formatMessage(commonMessages.signInButton) }}
             </nuxt-link>
           </div>
           <div class="links">
             <template v-if="auth.user">
               <button class="iconified-button danger-button" @click="logoutUser()">
                 <LogOutIcon aria-hidden="true" />
-                Log out
+                {{ formatMessage(commonMessages.signOutButton) }}
               </button>
               <button class="iconified-button" @click="$refs.modal_creation.show()">
                 <PlusIcon aria-hidden="true" />
-                Create a project
+                {{ formatMessage(commonMessages.createAProjectButton) }}
               </button>
               <NuxtLink class="iconified-button" to="/dashboard/collections">
                 <LibraryIcon class="icon" />
-                Collections
+                {{ formatMessage(commonMessages.collectionsLabel) }}
               </NuxtLink>
               <NuxtLink
                 v-if="auth.user.role === 'moderator' || auth.user.role === 'admin'"
@@ -218,28 +226,34 @@
                 to="/moderation"
               >
                 <ModerationIcon aria-hidden="true" />
-                Moderation
+                {{ formatMessage(commonMessages.moderationLabel) }}
               </NuxtLink>
             </template>
             <NuxtLink class="iconified-button" to="/settings">
               <SettingsIcon aria-hidden="true" />
-              Settings
+              {{ formatMessage(commonMessages.settingsLabel) }}
             </NuxtLink>
             <button class="iconified-button" @click="changeTheme">
               <MoonIcon v-if="$colorMode.value === 'light'" class="icon" />
               <SunIcon v-else class="icon" />
-              <span class="dropdown-item__text">Change theme</span>
+              <span class="dropdown-item__text">
+                {{ formatMessage(messages.changeTheme) }}
+              </span>
             </button>
           </div>
         </div>
         <div class="mobile-navbar" :class="{ expanded: isBrowseMenuOpen || isMobileMenuOpen }">
-          <NuxtLink to="/" class="tab button-animation" title="Home">
+          <NuxtLink
+            to="/"
+            class="tab button-animation"
+            :title="formatMessage(navMenuMessages.home)"
+          >
             <HomeIcon />
           </NuxtLink>
           <button
             class="tab button-animation"
             :class="{ 'router-link-exact-active': isBrowseMenuOpen }"
-            title="Search"
+            :title="formatMessage(navMenuMessages.search)"
             @click="toggleBrowseMenu()"
           >
             <template v-if="auth.user">
@@ -247,7 +261,7 @@
             </template>
             <template v-else>
               <SearchIcon class="smaller" />
-              Search
+              {{ formatMessage(navMenuMessages.search) }}
             </template>
           </button>
           <template v-if="auth.user">
@@ -257,7 +271,7 @@
               :class="{
                 'no-active': isMobileMenuOpen || isBrowseMenuOpen,
               }"
-              title="Notifications"
+              :title="formatMessage(commonMessages.notificationsLabel)"
               @click="
                 () => {
                   isMobileMenuOpen = false
@@ -267,13 +281,17 @@
             >
               <NotificationIcon />
             </NuxtLink>
-            <NuxtLink to="/dashboard" class="tab button-animation" title="Dashboard">
+            <NuxtLink
+              to="/dashboard"
+              class="tab button-animation"
+              :title="formatMessage(commonMessages.dashboardLabel)"
+            >
               <ChartIcon />
             </NuxtLink>
           </template>
           <button
             class="tab button-animation"
-            title="Toggle Mobile Menu"
+            :title="formatMessage(messages.toggleMenu)"
             @click="toggleMobileMenu()"
           >
             <template v-if="!auth.user">
@@ -285,7 +303,7 @@
                 :src="auth.user.avatar_url"
                 class="user-icon"
                 :class="{ expanded: isMobileMenuOpen }"
-                alt="Your avatar"
+                :alt="formatMessage(messages.yourAvatarAlt)"
                 aria-hidden="true"
                 circle
               />
@@ -300,17 +318,24 @@
     </main>
     <footer>
       <div class="logo-info" role="region" aria-label="Modrinth information">
-        <BrandTextLogo aria-hidden="true" class="text-logo" @click="developerModeIncrement()" />
+        <BrandTextLogo
+          aria-hidden="true"
+          class="text-logo button-base"
+          @click="developerModeIncrement()"
+        />
         <p>
-          Modrinth is
-          <a
-            :target="$external()"
-            href="https://github.com/modrinth"
-            class="text-link"
-            rel="noopener"
-          >
-            open source</a
-          >.
+          <IntlFormatted :message-id="footerMessages.openSource">
+            <template #github-link="{ children }">
+              <a
+                :target="$external()"
+                href="https://github.com/modrinth"
+                class="text-link"
+                rel="noopener"
+              >
+                <component :is="() => children" />
+              </a>
+            </template>
+          </IntlFormatted>
         </p>
         <p>
           {{ config.public.owner }}/{{ config.public.slug }} {{ config.public.branch }}@<a
@@ -331,23 +356,32 @@
         <p>© Rinth, Inc.</p>
       </div>
       <div class="links links-1" role="region" aria-label="Legal">
-        <h4 aria-hidden="true">Company</h4>
-        <nuxt-link to="/legal/terms"> Terms</nuxt-link>
-        <nuxt-link to="/legal/privacy"> Privacy</nuxt-link>
-        <nuxt-link to="/legal/rules"> Rules</nuxt-link>
+        <h4 aria-hidden="true">{{ formatMessage(footerMessages.companyTitle) }}</h4>
+        <nuxt-link to="/legal/terms"> {{ formatMessage(footerMessages.terms) }}</nuxt-link>
+        <nuxt-link to="/legal/privacy"> {{ formatMessage(footerMessages.privacy) }}</nuxt-link>
+        <nuxt-link to="/legal/rules"> {{ formatMessage(footerMessages.rules) }}</nuxt-link>
         <a :target="$external()" href="https://careers.modrinth.com">
-          Careers <span v-if="false" class="count-bubble">0</span>
+          {{ formatMessage(footerMessages.careers) }}
+          <span v-if="false" class="count-bubble">0</span>
         </a>
       </div>
       <div class="links links-2" role="region" aria-label="Resources">
-        <h4 aria-hidden="true">Resources</h4>
-        <a :target="$external()" href="https://support.modrinth.com">Support</a>
-        <a :target="$external()" href="https://blog.modrinth.com">Blog</a>
-        <a :target="$external()" href="https://docs.modrinth.com">Docs</a>
-        <a :target="$external()" href="https://status.modrinth.com">Status</a>
+        <h4 aria-hidden="true">{{ formatMessage(footerMessages.resourcesTitle) }}</h4>
+        <a :target="$external()" href="https://support.modrinth.com">
+          {{ formatMessage(footerMessages.support) }}
+        </a>
+        <a :target="$external()" href="https://blog.modrinth.com">
+          {{ formatMessage(footerMessages.blog) }}
+        </a>
+        <a :target="$external()" href="https://docs.modrinth.com">
+          {{ formatMessage(footerMessages.docs) }}
+        </a>
+        <a :target="$external()" href="https://status.modrinth.com">
+          {{ formatMessage(footerMessages.status) }}
+        </a>
       </div>
       <div class="links links-3" role="region" aria-label="Interact">
-        <h4 aria-hidden="true">Interact</h4>
+        <h4 aria-hidden="true">{{ formatMessage(footerMessages.interactTitle) }}</h4>
         <a rel="noopener" :target="$external()" href="https://discord.modrinth.com"> Discord </a>
         <a rel="noopener" :target="$external()" href="https://x.com/modrinth"> X (Twitter) </a>
         <a rel="noopener" :target="$external()" href="https://floss.social/@modrinth"> Mastodon </a>
@@ -358,20 +392,20 @@
       <div class="buttons">
         <nuxt-link class="btn btn-outline btn-primary" to="/app">
           <DownloadIcon aria-hidden="true" />
-          Get Modrinth App
+          {{ formatMessage(messages.getModrinthApp) }}
         </nuxt-link>
         <button class="iconified-button raised-button" @click="changeTheme">
           <MoonIcon v-if="$colorMode.value === 'light'" aria-hidden="true" />
           <SunIcon v-else aria-hidden="true" />
-          Change theme
+          {{ formatMessage(messages.changeTheme) }}
         </button>
         <nuxt-link class="iconified-button raised-button" to="/settings">
           <SettingsIcon aria-hidden="true" />
-          Settings
+          {{ formatMessage(commonMessages.settingsLabel) }}
         </nuxt-link>
       </div>
       <div class="not-affiliated-notice">
-        NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.
+        {{ formatMessage(footerMessages.legalDisclaimer) }}
       </div>
     </footer>
   </div>
@@ -397,6 +431,8 @@ import ChartIcon from '~/assets/images/utils/chart.svg'
 import NavRow from '~/components/ui/NavRow.vue'
 import ModalCreation from '~/components/ui/ModalCreation.vue'
 import Avatar from '~/components/ui/Avatar.vue'
+import { getProjectTypeMessage } from '~/utils/i18n-project-type.ts'
+import { commonMessages } from '~/utils/common-messages.ts'
 
 const { formatMessage } = useVIntl()
 
@@ -408,6 +444,131 @@ const tags = useTags()
 const config = useRuntimeConfig()
 const route = useRoute()
 const link = config.public.siteUrl + route.path.replace(/\/+$/, '')
+
+const verifyEmailBannerMessages = defineMessages({
+  title: {
+    id: 'layout.banner.verify-email.title',
+    defaultMessage: 'For security purposes, please verify your email address on Modrinth.',
+  },
+  action: {
+    id: 'layout.banner.verify-email.action',
+    defaultMessage: 'Re-send verification email',
+  },
+})
+
+const addEmailBannerMessages = defineMessages({
+  title: {
+    id: 'layout.banner.add-email.title',
+    defaultMessage: 'For security purposes, please enter your email on Modrinth.',
+  },
+  action: {
+    id: 'layout.banner.add-email.button',
+    defaultMessage: 'Visit account settings',
+  },
+})
+
+const stagingBannerMessages = defineMessages({
+  title: {
+    id: 'layout.banner.staging.title',
+    defaultMessage: 'You’re viewing Modrinth’s staging environment.',
+  },
+  description: {
+    id: 'layout.banner.staging.description',
+    defaultMessage:
+      'The staging environment is running on a copy of the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance.',
+  },
+})
+
+const navMenuMessages = defineMessages({
+  home: {
+    id: 'layout.nav.home',
+    defaultMessage: 'Home',
+  },
+  search: {
+    id: 'layout.nav.search',
+    defaultMessage: 'Search',
+  },
+})
+
+const messages = defineMessages({
+  visitYourProfile: {
+    id: 'layout.label.visit-your-profile',
+    defaultMessage: 'Visit your profile',
+  },
+  toggleMenu: {
+    id: 'layout.menu-toggle.action',
+    defaultMessage: 'Toggle menu',
+  },
+  yourAvatarAlt: {
+    id: 'layout.avatar.alt',
+    defaultMessage: 'Your avatar',
+  },
+  getModrinthApp: {
+    id: 'layout.action.get-modrinth-app',
+    defaultMessage: 'Get Modrinth App',
+  },
+  changeTheme: {
+    id: 'layout.action.change-theme',
+    defaultMessage: 'Change theme',
+  },
+})
+
+const footerMessages = defineMessages({
+  openSource: {
+    id: 'layout.footer.open-source',
+    defaultMessage: 'Modrinth is <github-link>open source</github-link>.',
+  },
+  companyTitle: {
+    id: 'layout.footer.company.title',
+    defaultMessage: 'Company',
+  },
+  terms: {
+    id: 'layout.footer.company.terms',
+    defaultMessage: 'Terms',
+  },
+  privacy: {
+    id: 'layout.footer.company.privacy',
+    defaultMessage: 'Privacy',
+  },
+  rules: {
+    id: 'layout.footer.company.rules',
+    defaultMessage: 'Rules',
+  },
+  careers: {
+    id: 'layout.footer.company.careers',
+    defaultMessage: 'Careers',
+  },
+  resourcesTitle: {
+    id: 'layout.footer.resources.title',
+    defaultMessage: 'Resources',
+  },
+  support: {
+    id: 'layout.footer.resources.support',
+    defaultMessage: 'Support',
+  },
+  blog: {
+    id: 'layout.footer.resources.blog',
+    defaultMessage: 'Blog',
+  },
+  docs: {
+    id: 'layout.footer.resources.docs',
+    defaultMessage: 'Docs',
+  },
+  status: {
+    id: 'layout.footer.resources.status',
+    defaultMessage: 'Status',
+  },
+  interactTitle: {
+    id: 'layout.footer.interact.title',
+    defaultMessage: 'Interact',
+  },
+  legalDisclaimer: {
+    id: 'layout.footer.legal-disclaimer',
+    defaultMessage:
+      'NOT AN OFFICIAL MINECRAFT SERVICE. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT.',
+  },
+})
+
 useHead({
   link: [
     {
@@ -416,14 +577,15 @@ useHead({
     },
   ],
 })
-
-const description =
-  'Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. ' +
-  'Discover and publish projects on Modrinth with a modern, easy to use interface and API.'
-
 useSeoMeta({
   title: 'Modrinth',
-  description,
+  description: () =>
+    formatMessage({
+      id: 'layout.meta.description',
+      defaultMessage:
+        'Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. ' +
+        'Discover and publish projects on Modrinth with a modern, easy to use interface and API.',
+    }),
   publisher: 'Modrinth',
   themeColor: '#1bd96a',
   colorScheme: 'dark light',
@@ -431,7 +593,11 @@ useSeoMeta({
   // OpenGraph
   ogTitle: 'Modrinth',
   ogSiteName: 'Modrinth',
-  ogDescription: 'Discover and publish Minecraft content!',
+  ogDescription: () =>
+    formatMessage({
+      id: 'layout.meta.og-description',
+      defaultMessage: 'Discover and publish Minecraft content!',
+    }),
   ogType: 'website',
   ogImage: 'https://cdn.modrinth.com/modrinth-new.png',
   ogUrl: link,
@@ -441,12 +607,67 @@ useSeoMeta({
   twitterSite: '@modrinth',
 })
 
-let developerModeCounter = 0
+const developerModeCounter = ref(0)
+
+const isDropdownOpen = ref(false)
+const isMobileMenuOpen = ref(false)
+const isBrowseMenuOpen = ref(false)
+const navRoutes = computed(() => [
+  {
+    label: formatMessage(getProjectTypeMessage('mod', true)),
+    href: '/mods',
+  },
+  {
+    label: formatMessage(getProjectTypeMessage('plugin', true)),
+    href: '/plugins',
+  },
+  {
+    label: formatMessage(getProjectTypeMessage('datapack', true)),
+    href: '/datapacks',
+  },
+  {
+    label: formatMessage(getProjectTypeMessage('shader', true)),
+    href: '/shaders',
+  },
+  {
+    label: formatMessage(getProjectTypeMessage('resourcepack', true)),
+    href: '/resourcepacks',
+  },
+  {
+    label: formatMessage(getProjectTypeMessage('modpack', true)),
+    href: '/modpacks',
+  },
+])
+
+onMounted(() => {
+  if (window && process.client) {
+    window.history.scrollRestoration = 'auto'
+  }
+
+  runAnalytics()
+})
+
+watch(
+  () => route.path,
+  () => {
+    isMobileMenuOpen.value = false
+    isBrowseMenuOpen.value = false
+
+    if (process.client) {
+      document.body.style.overflowY = 'scroll'
+      document.body.setAttribute('tabindex', '-1')
+      document.body.removeAttribute('tabindex')
+    }
+
+    updateCurrentDate()
+    runAnalytics()
+  }
+)
 
 function developerModeIncrement() {
-  if (developerModeCounter >= 5) {
+  if (developerModeCounter.value >= 5) {
     cosmetics.value.developerMode = !cosmetics.value.developerMode
-    developerModeCounter = 0
+    developerModeCounter.value = 0
     if (cosmetics.value.developerMode) {
       app.$notify({
         group: 'main',
@@ -463,7 +684,7 @@ function developerModeIncrement() {
       })
     }
   } else {
-    developerModeCounter++
+    developerModeCounter.value++
   }
 }
 
@@ -471,110 +692,46 @@ async function logoutUser() {
   await logout()
 }
 
+function runAnalytics() {
+  const config = useRuntimeConfig()
+  const replacedUrl = config.public.apiBaseUrl.replace('v2/', '')
+
+  setTimeout(() => {
+    $fetch(`${replacedUrl}analytics/view`, {
+      method: 'POST',
+      body: {
+        url: window.location.href,
+      },
+      headers: {
+        Authorization: auth.value.token,
+      },
+    })
+      .then(() => {})
+      .catch(() => {})
+  })
+}
+function toggleMobileMenu() {
+  isMobileMenuOpen.value = !isMobileMenuOpen.value
+  if (isMobileMenuOpen.value) {
+    isBrowseMenuOpen.value = false
+  }
+}
+function toggleBrowseMenu() {
+  isBrowseMenuOpen.value = !isBrowseMenuOpen.value
+
+  if (isBrowseMenuOpen.value) {
+    isMobileMenuOpen.value = false
+  }
+}
+function changeTheme() {
+  updateTheme(app.$colorMode.value === 'dark' ? 'light' : 'dark', true)
+}
+
 function hideStagingBanner() {
   cosmetics.value.hideStagingBanner = true
   saveCosmetics()
 }
 </script>
-<script>
-export default defineNuxtComponent({
-  data() {
-    return {
-      isDropdownOpen: false,
-      isMobileMenuOpen: false,
-      isBrowseMenuOpen: false,
-      registeredSkipLink: null,
-      hideDropdown: false,
-      navRoutes: [
-        {
-          label: 'Mods',
-          href: '/mods',
-        },
-        {
-          label: 'Plugins',
-          href: '/plugins',
-        },
-        {
-          label: 'Data Packs',
-          href: '/datapacks',
-        },
-        {
-          label: 'Shaders',
-          href: '/shaders',
-        },
-        {
-          label: 'Resource Packs',
-          href: '/resourcepacks',
-        },
-        {
-          label: 'Modpacks',
-          href: '/modpacks',
-        },
-      ],
-    }
-  },
-  computed: {
-    isOnSearchPage() {
-      return this.navRoutes.some((route) => this.$route.path.startsWith(route.href))
-    },
-  },
-  watch: {
-    '$route.path'() {
-      this.isMobileMenuOpen = false
-      this.isBrowseMenuOpen = false
-
-      if (process.client) {
-        document.body.style.overflowY = 'scroll'
-        document.body.setAttribute('tabindex', '-1')
-        document.body.removeAttribute('tabindex')
-      }
-
-      updateCurrentDate()
-      this.runAnalytics()
-    },
-  },
-  mounted() {
-    if (process.client && window) {
-      window.history.scrollRestoration = 'auto'
-    }
-
-    this.runAnalytics()
-  },
-  methods: {
-    runAnalytics() {
-      const config = useRuntimeConfig()
-      const replacedUrl = config.public.apiBaseUrl.replace('v2/', '')
-
-      setTimeout(() => {
-        $fetch(`${replacedUrl}analytics/view`, {
-          method: 'POST',
-          body: {
-            url: window.location.href,
-          },
-        })
-          .then(() => {})
-          .catch(() => {})
-      })
-    },
-    toggleMobileMenu() {
-      this.isMobileMenuOpen = !this.isMobileMenuOpen
-      if (this.isMobileMenuOpen) {
-        this.isBrowseMenuOpen = false
-      }
-    },
-    toggleBrowseMenu() {
-      this.isBrowseMenuOpen = !this.isBrowseMenuOpen
-
-      if (this.isBrowseMenuOpen) {
-        this.isMobileMenuOpen = false
-      }
-    },
-    changeTheme() {
-      updateTheme(this.$colorMode.value === 'dark' ? 'light' : 'dark', true)
-    },
-  },
-})
-</script>
 
 <style lang="scss">
 @import '~/assets/styles/global.scss';
diff --git a/locales/en-US/index.json b/locales/en-US/index.json
index db44837d0d..2459075245 100644
--- a/locales/en-US/index.json
+++ b/locales/en-US/index.json
@@ -65,9 +65,6 @@
   "auth.sign-in.2fa.placeholder": {
     "message": "Enter code..."
   },
-  "auth.sign-in.action.sign-in": {
-    "message": "Sign in"
-  },
   "auth.sign-in.additional-options": {
     "message": "<forgot-password-link>Forgot password?</forgot-password-link> • <create-account-link>Create an account</create-account-link>"
   },
@@ -107,9 +104,6 @@
   "auth.sign-up.password.label": {
     "message": "Password"
   },
-  "auth.sign-up.sign-in-option.action": {
-    "message": "Sign in"
-  },
   "auth.sign-up.sign-in-option.title": {
     "message": "Already have an account?"
   },
@@ -179,6 +173,9 @@
   "button.continue": {
     "message": "Continue"
   },
+  "button.create-a-project": {
+    "message": "Create a project"
+  },
   "button.edit": {
     "message": "Edit"
   },
@@ -188,6 +185,12 @@
   "button.save-changes": {
     "message": "Save changes"
   },
+  "button.sign-in": {
+    "message": "Sign in"
+  },
+  "button.sign-out": {
+    "message": "Sign out"
+  },
   "collection.button.delete-icon": {
     "message": "Delete icon"
   },
@@ -290,6 +293,9 @@
   "label.created-ago": {
     "message": "Created {ago}"
   },
+  "label.dashboard": {
+    "message": "Dashboard"
+  },
   "label.delete": {
     "message": "Delete"
   },
@@ -302,6 +308,12 @@
   "label.followed-projects": {
     "message": "Followed projects"
   },
+  "label.moderation": {
+    "message": "Moderation"
+  },
+  "label.notifications": {
+    "message": "Notifications"
+  },
   "label.password": {
     "message": "Password"
   },
@@ -314,6 +326,9 @@
   "label.scopes": {
     "message": "Scopes"
   },
+  "label.settings": {
+    "message": "Settings"
+  },
   "label.title": {
     "message": "Title"
   },
@@ -323,6 +338,90 @@
   "label.visibility": {
     "message": "Visibility"
   },
+  "layout.action.change-theme": {
+    "message": "Change theme"
+  },
+  "layout.action.get-modrinth-app": {
+    "message": "Get Modrinth App"
+  },
+  "layout.avatar.alt": {
+    "message": "Your avatar"
+  },
+  "layout.banner.add-email.button": {
+    "message": "Visit account settings"
+  },
+  "layout.banner.add-email.title": {
+    "message": "For security purposes, please enter your email on Modrinth."
+  },
+  "layout.banner.staging.description": {
+    "message": "The staging environment is running on a copy of the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance."
+  },
+  "layout.banner.staging.title": {
+    "message": "You’re viewing Modrinth’s staging environment."
+  },
+  "layout.banner.verify-email.action": {
+    "message": "Re-send verification email"
+  },
+  "layout.banner.verify-email.title": {
+    "message": "For security purposes, please verify your email address on Modrinth."
+  },
+  "layout.footer.company.careers": {
+    "message": "Careers"
+  },
+  "layout.footer.company.privacy": {
+    "message": "Privacy"
+  },
+  "layout.footer.company.rules": {
+    "message": "Rules"
+  },
+  "layout.footer.company.terms": {
+    "message": "Terms"
+  },
+  "layout.footer.company.title": {
+    "message": "Company"
+  },
+  "layout.footer.interact.title": {
+    "message": "Interact"
+  },
+  "layout.footer.legal-disclaimer": {
+    "message": "NOT AN OFFICIAL MINECRAFT SERVICE. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT."
+  },
+  "layout.footer.open-source": {
+    "message": "Modrinth is <github-link>open source</github-link>."
+  },
+  "layout.footer.resources.blog": {
+    "message": "Blog"
+  },
+  "layout.footer.resources.docs": {
+    "message": "Docs"
+  },
+  "layout.footer.resources.status": {
+    "message": "Status"
+  },
+  "layout.footer.resources.support": {
+    "message": "Support"
+  },
+  "layout.footer.resources.title": {
+    "message": "Resources"
+  },
+  "layout.label.visit-your-profile": {
+    "message": "Visit your profile"
+  },
+  "layout.menu-toggle.action": {
+    "message": "Toggle menu"
+  },
+  "layout.meta.description": {
+    "message": "Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. Discover and publish projects on Modrinth with a modern, easy to use interface and API."
+  },
+  "layout.meta.og-description": {
+    "message": "Discover and publish Minecraft content!"
+  },
+  "layout.nav.home": {
+    "message": "Home"
+  },
+  "layout.nav.search": {
+    "message": "Search"
+  },
   "notification.error.title": {
     "message": "An error occurred"
   },
diff --git a/pages/[type]/[id].vue b/pages/[type]/[id].vue
index e4d9ba9449..6fc7f97e35 100644
--- a/pages/[type]/[id].vue
+++ b/pages/[type]/[id].vue
@@ -367,37 +367,6 @@
             </div>
           </div>
         </div>
-        <div
-          v-if="currentMember && project.moderator_message"
-          class="universal-card moderation-card"
-        >
-          <h2 class="card-header">Message from the moderators:</h2>
-          <div v-if="project.moderator_message.body">
-            <p v-if="project.moderator_message.message" class="mod-message__title">
-              {{ project.moderator_message.message }}
-            </p>
-          </div>
-          <div
-            class="markdown-body"
-            v-html="
-              renderString(
-                project.moderator_message.body
-                  ? project.moderator_message.body
-                  : project.moderator_message.message
-              )
-            "
-          />
-          <div class="buttons status-buttons">
-            <button
-              v-if="tags.approvedStatuses.includes(project.status)"
-              class="iconified-button"
-              @click="clearMessage"
-            >
-              <ClearIcon />
-              Clear message
-            </button>
-          </div>
-        </div>
       </div>
       <section class="normal-page__content">
         <ProjectMemberHeader
@@ -415,10 +384,6 @@
           :auth="auth"
           :tags="tags"
         />
-        <MessageBanner v-else-if="project.status === 'withheld'" message-type="warning">
-          {{ project.title }} has been removed from search by Modrinth's moderators. Please use
-          {{ project.title }} at your own risk.
-        </MessageBanner>
         <MessageBanner v-if="project.status === 'archived'" message-type="warning">
           {{ project.title }} has been archived. {{ project.title }} will not receive any further
           updates unless the author decides to unarchive the project.
@@ -465,7 +430,9 @@
                 href: `/${project.project_type}/${
                   project.slug ? project.slug : project.id
                 }/moderation`,
-                shown: !!currentMember,
+                shown:
+                  !!currentMember &&
+                  (isRejected(project) || isUnderReview(project) || isStaff(auth.user)),
               },
             ]"
           />
@@ -755,6 +722,11 @@
         </div>
       </div>
     </div>
+    <ModerationChecklist
+      v-if="auth.user && tags.staffRoles.includes(auth.user.role) && showModerationChecklist"
+      :project="project"
+      :reset-project="resetProject"
+    />
   </div>
 </template>
 <script setup>
@@ -769,10 +741,12 @@ import {
   Checkbox,
   ChartIcon,
   renderString,
+  isRejected,
+  isUnderReview,
+  isStaff,
 } from 'omorphia'
 import CrownIcon from '~/assets/images/utils/crown.svg'
 import CalendarIcon from '~/assets/images/utils/calendar.svg'
-import ClearIcon from '~/assets/images/utils/clear.svg'
 import DownloadIcon from '~/assets/images/utils/download.svg'
 import UpdateIcon from '~/assets/images/utils/updated.svg'
 import QueuedIcon from '~/assets/images/utils/list-end.svg'
@@ -815,6 +789,7 @@ import Breadcrumbs from '~/components/ui/Breadcrumbs.vue'
 import { userCollectProject } from '~/composables/user.js'
 import CollectionCreateModal from '~/components/ui/CollectionCreateModal.vue'
 import OrganizationIcon from '~/assets/images/utils/organization.svg'
+import ModerationChecklist from '~/components/ui/ModerationChecklist.vue'
 
 const data = useNuxtApp()
 const route = useRoute()
@@ -1040,31 +1015,6 @@ if (!route.name.startsWith('type-id-settings')) {
 
 const onUserCollectProject = useClientTry(userCollectProject)
 
-async function clearMessage() {
-  startLoading()
-
-  try {
-    await useBaseFetch(`project/${project.value.id}`, {
-      method: 'PATCH',
-      body: {
-        moderation_message: null,
-        moderation_message_body: null,
-      },
-    })
-
-    project.value.moderator_message = null
-  } catch (err) {
-    data.$notify({
-      group: 'main',
-      title: 'An error occurred',
-      text: err.data.description,
-      type: 'error',
-    })
-  }
-
-  stopLoading()
-}
-
 async function setProcessing() {
   startLoading()
 
@@ -1207,6 +1157,11 @@ async function copyId() {
 }
 
 const collapsedChecklist = ref(false)
+
+const showModerationChecklist = ref(false)
+if (process.client && history && history.state && history.state.showChecklist) {
+  showModerationChecklist.value = true
+}
 </script>
 <style lang="scss" scoped>
 .header {
diff --git a/pages/[type]/[id]/moderation.vue b/pages/[type]/[id]/moderation.vue
index 0711e8807b..1cbf2bda60 100644
--- a/pages/[type]/[id]/moderation.vue
+++ b/pages/[type]/[id]/moderation.vue
@@ -17,7 +17,17 @@
           in mind that larger projects, especially modpacks, may require more time to review.
           Certain holidays or events may also lead to delays depending on moderator availability.
           Modrinth's moderators will leave a message below if they have any questions or concerns
-          for you. If your review has taken more than 48 hours, check our Discord or social media
+          for you.
+        </p>
+        <p>
+          If your review has taken more than 48 hours, check our
+          <a
+            class="text-link"
+            href="https://support.modrinth.com/en/articles/8793355-modrinth-project-review-times"
+            target="_blank"
+          >
+            support article on review times
+          </a>
           for moderation delays.
         </p>
       </div>
@@ -65,8 +75,9 @@
       <h2>Messages</h2>
       <p>
         This is a private conversation thread with the Modrinth moderators. They may message you
-        with issues concerning this project. Additionally, you are welcome to start a discussion
-        here regarding this project and its status.
+        with issues concerning this project. This thread is only checked when you submit your
+        project for review. For additional inquiries, contact
+        <a href="https://support.modrinth.com">Modrinth support</a>.
       </p>
       <ConversationThread
         v-if="thread"
@@ -128,10 +139,7 @@ async function setStatus(status) {
       method: 'PATCH',
       body: data,
     })
-    await useBaseFetch(`thread/${props.project.thread_id}/read`, {
-      method: 'POST',
-      body: data,
-    })
+
     const project = props.project
     project.status = status
     await props.resetProject()
diff --git a/pages/auth/sign-in.vue b/pages/auth/sign-in.vue
index 1d9d84c887..f1609b7ddb 100644
--- a/pages/auth/sign-in.vue
+++ b/pages/auth/sign-in.vue
@@ -19,7 +19,7 @@
       />
 
       <button class="btn btn-primary continue-btn" @click="begin2FASignIn">
-        {{ formatMessage(messages.signInButton) }} <RightArrowIcon />
+        {{ formatMessage(commonMessages.signInButton) }} <RightArrowIcon />
       </button>
     </template>
     <template v-else>
@@ -84,7 +84,7 @@
         <NuxtTurnstile ref="turnstile" v-model="token" class="turnstile" />
 
         <button class="btn btn-primary continue-btn centered-btn" @click="beginPasswordSignIn()">
-          {{ formatMessage(messages.signInButton) }} <RightArrowIcon />
+          {{ formatMessage(commonMessages.signInButton) }} <RightArrowIcon />
         </button>
 
         <div class="auth-form__additional-options">
@@ -135,10 +135,6 @@ const messages = defineMessages({
     id: 'auth.sign-in.password.label',
     defaultMessage: 'Password',
   },
-  signInButton: {
-    id: 'auth.sign-in.action.sign-in',
-    defaultMessage: 'Sign in',
-  },
   signInWithLabel: {
     id: 'auth.sign-in.sign-in-with',
     defaultMessage: 'Sign in with',
diff --git a/pages/auth/sign-up.vue b/pages/auth/sign-up.vue
index fd90de342a..f27d96ec7e 100644
--- a/pages/auth/sign-up.vue
+++ b/pages/auth/sign-up.vue
@@ -115,7 +115,7 @@
       <div class="auth-form__additional-options">
         {{ formatMessage(messages.alreadyHaveAccountLabel) }}
         <NuxtLink class="text-link" :to="signInLink">
-          {{ formatMessage(messages.signInLabel) }}
+          {{ formatMessage(commonMessages.signInButton) }}
         </NuxtLink>
       </div>
     </section>
@@ -185,10 +185,6 @@ const messages = defineMessages({
     id: 'auth.sign-up.sign-in-option.title',
     defaultMessage: 'Already have an account?',
   },
-  signInLabel: {
-    id: 'auth.sign-up.sign-in-option.action',
-    defaultMessage: 'Sign in',
-  },
 })
 
 useHead({
diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index b214a4d5ff..477f288553 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -163,7 +163,7 @@
         <div class="input-group">
           <button class="iconified-button brand-button" @click="$refs.modal_creation.show()">
             <PlusIcon />
-            Create a project
+            {{ formatMessage(commonMessages.createAProjectButton) }}
           </button>
         </div>
       </div>
@@ -339,9 +339,11 @@ export default defineNuxtComponent({
     DescendingIcon,
   },
   async setup() {
+    const { formatMessage } = useVIntl()
+
     const user = await useUser()
     await initUserProjects()
-    return { user: ref(user) }
+    return { formatMessage, user: ref(user) }
   },
   data() {
     return {
diff --git a/pages/moderation.vue b/pages/moderation.vue
index 82c547a9d4..216b27ada8 100644
--- a/pages/moderation.vue
+++ b/pages/moderation.vue
@@ -10,9 +10,6 @@
           <NavStackItem link="/moderation/review" label="Review projects">
             <ModerationIcon />
           </NavStackItem>
-          <NavStackItem link="/moderation/messages" label="Messages">
-            <MessageIcon />
-          </NavStackItem>
           <NavStackItem link="/moderation/reports" label="Reports">
             <ReportIcon />
           </NavStackItem>
@@ -31,7 +28,6 @@ import NavStackItem from '~/components/ui/NavStackItem.vue'
 import ModrinthIcon from '~/assets/images/utils/modrinth.svg'
 import ModerationIcon from '~/assets/images/sidebar/admin.svg'
 import ReportIcon from '~/assets/images/utils/report.svg'
-import MessageIcon from '~/assets/images/utils/message.svg'
 
 definePageMeta({
   middleware: 'auth',
diff --git a/pages/moderation/messages.vue b/pages/moderation/messages.vue
deleted file mode 100644
index 869a8e8fc5..0000000000
--- a/pages/moderation/messages.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div>
-    <section class="universal-card">
-      <h2>Messages</h2>
-
-      <ThreadSummary
-        v-for="thread in inbox"
-        :key="thread.id"
-        :thread="thread"
-        :link="getLink(thread)"
-        :auth="auth"
-      />
-    </section>
-  </div>
-</template>
-<script setup>
-import ThreadSummary from '~/components/ui/thread/ThreadSummary.vue'
-
-useHead({
-  title: 'Moderation inbox - Modrinth',
-})
-
-const auth = await useAuth()
-const { data: inbox } = await useAsyncData('thread/inbox', () => useBaseFetch('thread/inbox'))
-
-function getLink(thread) {
-  if (thread.report_id) {
-    return `/moderation/report/${thread.report_id}`
-  } else if (thread.project_id) {
-    return `/project/${thread.project_id}/moderation`
-  }
-  return null
-}
-</script>
-<style lang="scss" scoped>
-.thread-summary:not(:last-child) {
-  margin-bottom: var(--spacing-card-md);
-}
-</style>
diff --git a/pages/moderation/review.vue b/pages/moderation/review.vue
index 5802471976..1aab55cee5 100644
--- a/pages/moderation/review.vue
+++ b/pages/moderation/review.vue
@@ -13,6 +13,13 @@
       <button v-else class="iconified-button push-right" @click="oldestFirst = true">
         <SortAscIcon />Sorting by newest
       </button>
+      <button
+        class="btn btn-highlight"
+        :disabled="projectsFiltered.length === 0"
+        @click="goToProjects()"
+      >
+        <ModerationIcon /> Start moderating
+      </button>
     </div>
     <p v-if="projectType !== 'all'" class="project-count">
       Showing {{ projectsFiltered.length }} {{ projectTypePlural }} of {{ projects.length }} total
@@ -46,7 +53,7 @@
           >
             <Avatar :src="project.icon_url" size="xs" no-shadow raised />
             <span class="stacked">
-              <span class="title">{{ project.title }}</span>
+              <span class="title">{{ project.name }}</span>
               <span>{{ $formatProjectType(project.inferred_project_type) }}</span>
             </span>
           </nuxt-link>
@@ -101,6 +108,7 @@ import EyeIcon from '~/assets/images/utils/eye.svg'
 import SortAscIcon from '~/assets/images/utils/sort-asc.svg'
 import SortDescIcon from '~/assets/images/utils/sort-desc.svg'
 import WarningIcon from '~/assets/images/utils/issues.svg'
+import ModerationIcon from '~/assets/images/sidebar/admin.svg'
 import Badge from '~/components/ui/Badge.vue'
 import { formatProjectType } from '~/plugins/shorthands.js'
 
@@ -115,7 +123,7 @@ const TIME_24H = 86400000
 const TIME_48H = TIME_24H * 2
 
 const { data: projects } = await useAsyncData('moderation/projects?count=1000', () =>
-  useBaseFetch('moderation/projects?count=1000')
+  useBaseFetch('moderation/projects?count=1000', { internal: true })
 )
 const members = ref([])
 const projectType = ref('all')
@@ -125,7 +133,7 @@ const projectsFiltered = computed(() =>
   projects.value.filter(
     (x) =>
       projectType.value === 'all' ||
-      app.$getProjectTypeForUrl(x.project_type, x.loaders) === projectType.value
+      app.$getProjectTypeForUrl(x.project_types[0], x.loaders) === projectType.value
   )
 )
 
@@ -155,7 +163,7 @@ const projectTypes = computed(() => {
 })
 
 if (projects.value) {
-  const teamIds = projects.value.map((x) => x.team)
+  const teamIds = projects.value.map((x) => x.team_id)
   const organizationIds = projects.value.filter((x) => x.organization).map((x) => x.organization)
 
   const url = `teams?ids=${encodeURIComponent(JSON.stringify(teamIds))}`
@@ -169,7 +177,7 @@ if (projects.value) {
     projects.value = projects.value.map((project) => {
       project.owner = members.value
         .flat()
-        .find((x) => x.team_id === project.team && x.role === 'Owner')
+        .find((x) => x.team_id === project.team_id && x.role === 'Owner')
       project.org = orgs.value.find((x) => x.id === project.organization)
       project.age = project.queued ? now - app.$dayjs(project.queued) : Number.MAX_VALUE
       project.age_warning = ''
@@ -179,13 +187,29 @@ if (projects.value) {
         project.age_warning = 'warning'
       }
       project.inferred_project_type = app.$getProjectTypeForUrl(
-        project.project_type,
+        project.project_types[0],
         project.loaders
       )
       return project
     })
   }
 }
+async function goToProjects() {
+  const router = useRouter()
+
+  const project = projectsFiltered.value[0]
+  await router.push({
+    name: 'type-id',
+    params: {
+      type: project.project_types[0],
+      id: project.slug ? project.slug : project.id,
+    },
+    state: {
+      showChecklist: true,
+      projects: projectsFiltered.value.slice(1).map((x) => (x.slug ? x.slug : x.id)),
+    },
+  })
+}
 </script>
 <style lang="scss" scoped>
 .project {
diff --git a/pages/organization/[id]/settings/projects.vue b/pages/organization/[id]/settings/projects.vue
index a60c86d4af..14627e181b 100644
--- a/pages/organization/[id]/settings/projects.vue
+++ b/pages/organization/[id]/settings/projects.vue
@@ -163,7 +163,7 @@
       <div class="input-group">
         <Button color="primary" @click="$refs.modal_creation.show()">
           <PlusIcon />
-          Create a project
+          {{ formatMessage(commonMessages.createAProjectButton) }}
         </Button>
         <OrganizationProjectTransferModal
           :projects="usersOwnedProjects || []"
@@ -321,6 +321,8 @@ import {
 import ModalCreation from '~/components/ui/ModalCreation.vue'
 import OrganizationProjectTransferModal from '~/components/ui/OrganizationProjectTransferModal.vue'
 
+const { formatMessage } = useVIntl()
+
 const { organization, projects, refresh } = inject('organizationContext')
 
 const auth = await useAuth()
diff --git a/utils/analytics.js b/utils/analytics.js
index 22d7c42f52..4c00974770 100644
--- a/utils/analytics.js
+++ b/utils/analytics.js
@@ -2,7 +2,7 @@ import dayjs from 'dayjs'
 
 // note: build step can miss unix import for some reason, so
 // we have to import it like this
-// eslint-disable-next-line import/no-named-as-default-member
+
 const { unix } = dayjs
 
 export function useCountryNames(style = 'long') {
diff --git a/utils/common-messages.ts b/utils/common-messages.ts
index 70c6ebdd2a..6065032c44 100644
--- a/utils/common-messages.ts
+++ b/utils/common-messages.ts
@@ -15,10 +15,18 @@ export const commonMessages = defineMessages({
     id: 'button.continue',
     defaultMessage: 'Continue',
   },
+  createAProjectButton: {
+    id: 'button.create-a-project',
+    defaultMessage: 'Create a project',
+  },
   createdAgoLabel: {
     id: 'label.created-ago',
     defaultMessage: 'Created {ago}',
   },
+  dashboardLabel: {
+    id: 'label.dashboard',
+    defaultMessage: 'Dashboard',
+  },
   dateAtTimeTooltip: {
     id: 'tooltip.date-at-time',
     defaultMessage: '{date, date, long} at {time, time, short}',
@@ -59,6 +67,14 @@ export const commonMessages = defineMessages({
     id: 'input.view.list',
     defaultMessage: 'List view',
   },
+  moderationLabel: {
+    id: 'label.moderation',
+    defaultMessage: 'Moderation',
+  },
+  notificationsLabel: {
+    id: 'label.notifications',
+    defaultMessage: 'Notifications',
+  },
   privateLabel: {
     id: 'collection.label.private',
     defaultMessage: 'Private',
@@ -87,6 +103,18 @@ export const commonMessages = defineMessages({
     id: 'label.scopes',
     defaultMessage: 'Scopes',
   },
+  settingsLabel: {
+    id: 'label.settings',
+    defaultMessage: 'Settings',
+  },
+  signInButton: {
+    id: 'button.sign-in',
+    defaultMessage: 'Sign in',
+  },
+  signOutButton: {
+    id: 'button.sign-out',
+    defaultMessage: 'Sign out',
+  },
   titleLabel: {
     id: 'label.title',
     defaultMessage: 'Title',