diff --git a/migrations/archive/2024/20240621_veteran_pets.js b/migrations/archive/2024/20240621_veteran_pets.js
new file mode 100644
index 0000000000..b8c51b68fa
--- /dev/null
+++ b/migrations/archive/2024/20240621_veteran_pets.js
@@ -0,0 +1,143 @@
+/* eslint-disable no-console */
+const MIGRATION_NAME = '20240621_veteran_pet_ladder';
+import { model as User } from '../../../website/server/models/user';
+
+const progressCount = 1000;
+let count = 0;
+
+async function updateUser (user) {
+  count++;
+
+  const set = {};
+  let push = { notifications: { $each: [] }};
+
+  set.migration = MIGRATION_NAME;
+  if (user.items.pets['Dragon-Veteran']) {
+    set['items.pets.Cactus-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_cactus',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Cactus.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  } else if (user.items.pets['Fox-Veteran']) {
+    set['items.pets.Dragon-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_dragon',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Dragon.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  } else if (user.items.pets['Bear-Veteran']) {
+    set['items.pets.Fox-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_fox',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Fox.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  } else if (user.items.pets['Lion-Veteran']) {
+    set['items.pets.Bear-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_bear',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Bear.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  } else if (user.items.pets['Tiger-Veteran']) {
+    set['items.pets.Lion-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_lion',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Lion.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  } else if (user.items.pets['Wolf-Veteran']) {
+    set['items.pets.Tiger-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_tiger',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Tiger.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  } else {
+    set['items.pets.Wolf-Veteran'] = 5;
+    push.notifications.$each.push({
+      type: 'ITEM_RECEIVED',
+      data: {
+        icon: 'icon_pet_veteran_wolf',
+        title: 'You’ve received a Veteran Pet!',
+        text: 'To commemorate being here for a new era of Habitica, we’ve awarded you a Veteran Wolf.',
+        destination: '/inventory/stable',
+      },
+      seen: false,
+    });
+  }
+
+  if (count % progressCount === 0) console.warn(`${count} ${user._id}`);
+
+  return await User.updateOne(
+    { _id: user._id },
+    { $set: set, $push: push, $inc: { 'balance': 6 } },
+  ).exec();
+}
+
+export default async function processUsers () {
+  let query = {
+    migration: {$ne: MIGRATION_NAME},
+    'auth.timestamps.loggedin': { $gt: new Date('2024-05-21') },
+  };
+
+  const fields = {
+    _id: 1,
+    items: 1,
+    migration: 1,
+    contributor: 1,
+  };
+
+  while (true) { // eslint-disable-line no-constant-condition
+    const users = await User // eslint-disable-line no-await-in-loop
+      .find(query)
+      .limit(250)
+      .sort({_id: 1})
+      .select(fields)
+      .lean()
+      .exec();
+
+    if (users.length === 0) {
+      console.warn('All appropriate users found and modified.');
+      console.warn(`\n${count} users processed\n`);
+      break;
+    } else {
+      query._id = {
+        $gt: users[users.length - 1],
+      };
+    }
+
+    await Promise.all(users.map(updateUser)); // eslint-disable-line no-await-in-loop
+  }
+};
diff --git a/website/client/public/static/npc/normal/customizations_background.png b/website/client/public/static/npc/normal/customizations_background.png
index 847bd6d03e..0d1cc9c273 100644
Binary files a/website/client/public/static/npc/normal/customizations_background.png and b/website/client/public/static/npc/normal/customizations_background.png differ
diff --git a/website/client/public/static/npc/normal/customizations_npc.png b/website/client/public/static/npc/normal/customizations_npc.png
index 282915a0fb..6f0d483062 100644
Binary files a/website/client/public/static/npc/normal/customizations_npc.png and b/website/client/public/static/npc/normal/customizations_npc.png differ
diff --git a/website/client/src/components/creatorIntro.vue b/website/client/src/components/creatorIntro.vue
index 4cb3da3e27..f6aa2cc5dc 100644
--- a/website/client/src/components/creatorIntro.vue
+++ b/website/client/src/components/creatorIntro.vue
@@ -987,7 +987,6 @@
 <script>
 import axios from 'axios';
 import forEach from 'lodash/forEach';
-import orderBy from 'lodash/orderBy';
 import content from '@/../../common/script/content/index';
 import { mapState } from '@/libs/store';
 import avatar from './avatar';
@@ -1090,39 +1089,33 @@ export default {
     },
   },
   mounted () {
-    forEach(this.allBackgrounds, bg => {
-      if (bg.set === 'incentiveBackgrounds') {
-        this.standardBackgroundMax += 1;
-      }
-      if (this.user.purchased.background[bg.key]) {
-        if (bg.set === 'incentiveBackgrounds') {
-          this.standardBackgrounds.push(bg);
-        } else if (bg.set === 'timeTravelBackgrounds') {
-          this.timeTravelBackgrounds.push(bg);
-        } else {
-          this.monthlyBackgrounds.push(bg);
-        }
-      }
-    });
-    this.monthlyBackgrounds = orderBy(this.monthlyBackgrounds, bg => bg.key, 'desc');
-    this.standardBackgrounds.splice(0, 0, { key: '', notes: () => this.$t('noBackground') });
+    this.updateBackgrounds();
     if (this.editing) this.modalPage = 2;
-    this.$root.$on('buyModal::boughtItem', item => {
-      if (item.path.includes('background')) {
-        const newBackground = this.allBackgrounds[item.path.split('.')[2]];
-        if (newBackground.set === 'timeTravelBackgrounds') {
-          this.timeTravelBackgrounds.push(newBackground);
-        } else {
-          this.monthlyBackgrounds.push(newBackground);
-          this.monthlyBackgrounds = orderBy(this.monthlyBackgrounds, bg => bg.key, 'desc');
-        }
-      }
-    });
   },
   methods: {
     close () {
       this.$root.$emit('bv::hide::modal', 'avatar-modal');
     },
+    updateBackgrounds () {
+      this.monthlyBackgrounds = [];
+      this.standardBackgrounds = [
+        { key: '', notes: () => this.$t('noBackground') },
+      ];
+      forEach(this.allBackgrounds, bg => {
+        if (bg.set === 'incentiveBackgrounds') {
+          this.standardBackgroundMax += 1;
+        }
+        if (this.user.purchased.background[bg.key]) {
+          if (bg.set === 'incentiveBackgrounds') {
+            this.standardBackgrounds.push(bg);
+          } else if (bg.set === 'timeTravelBackgrounds') {
+            this.timeTravelBackgrounds.push(bg);
+          } else {
+            this.monthlyBackgrounds.push(bg);
+          }
+        }
+      });
+    },
     prev () {
       this.modalPage -= 1;
     },
@@ -1130,6 +1123,9 @@ export default {
       this.modalPage += 1;
     },
     changeTopPage (page, subpage) {
+      if (page === 'backgrounds') {
+        this.updateBackgrounds();
+      }
       this.activeTopPage = page;
       if (subpage) this.activeSubPage = subpage;
     },