diff --git a/package.json b/package.json
index fd10bd1c8b..fc6d83effe 100644
--- a/package.json
+++ b/package.json
@@ -162,7 +162,7 @@
     "prettier-plugin-tailwindcss": "^0.1.12",
     "rimraf": "^3.0.2",
     "tailwind-config-viewer": "^1.6.3",
-    "tailwindcss": "^3.0.23",
+    "tailwindcss": "^3.2.4",
     "tailwindcss-labeled-groups": "^0.0.2",
     "tailwindcss-rtl": "^0.9.0",
     "talkback": "^3.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 13e53a3a72..fc63f02c46 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -93,7 +93,7 @@ specifiers:
   rimraf: ^3.0.2
   seeded-rand: ^2.0.1
   tailwind-config-viewer: ^1.6.3
-  tailwindcss: ^3.0.23
+  tailwindcss: ^3.2.4
   tailwindcss-labeled-groups: ^0.0.2
   tailwindcss-rtl: ^0.9.0
   talkback: ^3.0.1
@@ -117,15 +117,15 @@ dependencies:
   '@nuxt/postcss8': 1.1.3_webpack@4.46.0
   '@nuxt/vue-app': 2.15.8
   '@nuxtjs/composition-api': 0.33.1_cche4dkf5nk7uchm2m2hnrg5am
-  '@nuxtjs/i18n': 7.2.0_vue@2.7.10
+  '@nuxtjs/i18n': 7.2.0
   '@nuxtjs/redirect-module': 0.3.1
   '@nuxtjs/sentry': 5.1.7
   '@nuxtjs/sitemap': 2.4.0
   '@nuxtjs/svg': 0.4.0_gqii6gheumr5txpu7owmle7oli
   '@pinia/nuxt': 0.2.1_pinia@2.0.20+vue@2.7.10
   '@popperjs/core': 2.11.2
-  '@tailwindcss/line-clamp': 0.3.1_tailwindcss@3.0.23
-  '@tailwindcss/typography': 0.5.2_tailwindcss@3.0.23
+  '@tailwindcss/line-clamp': 0.3.1_tailwindcss@3.2.4
+  '@tailwindcss/typography': 0.5.2_tailwindcss@3.2.4
   '@vueuse/core': 9.3.0_vue@2.7.10
   '@wordpress/is-shallow-equal': 4.8.0
   async-mutex: 0.3.2
@@ -153,7 +153,7 @@ dependencies:
   throttle-debounce: 5.0.0
   uuid: 8.3.2
   vue: 2.7.10
-  vue-i18n: 8.26.7_vue@2.7.10
+  vue-i18n: 8.26.7
 
 devDependencies:
   '@babel/core': 7.20.2
@@ -210,9 +210,9 @@ devDependencies:
   prettier: 2.8.0
   prettier-plugin-tailwindcss: 0.1.12_prettier@2.8.0
   rimraf: 3.0.2
-  tailwind-config-viewer: 1.6.3_tailwindcss@3.0.23
-  tailwindcss: 3.0.23_a6xpwxlvw2s7zijyootlk7plly
-  tailwindcss-labeled-groups: 0.0.2_tailwindcss@3.0.23
+  tailwind-config-viewer: 1.6.3_tailwindcss@3.2.4
+  tailwindcss: 3.2.4_ts-node@10.9.1
+  tailwindcss-labeled-groups: 0.0.2_tailwindcss@3.2.4
   tailwindcss-rtl: 0.9.0
   talkback: 3.0.1
   ts-node: 10.9.1_zpnjiqgiyrygwbc62chkjhj6km
@@ -272,7 +272,7 @@ packages:
       gensync: 1.0.0-beta.2
       json5: 2.2.1
       lodash: 4.17.21
-      resolve: 1.22.0
+      resolve: 1.22.1
       semver: 5.7.1
       source-map: 0.5.7
     transitivePeerDependencies:
@@ -426,7 +426,7 @@ packages:
       '@babel/traverse': 7.20.1
       debug: 4.3.4
       lodash.debounce: 4.0.8
-      resolve: 1.22.0
+      resolve: 1.22.1
       semver: 6.3.0
     transitivePeerDependencies:
       - supports-color
@@ -1864,7 +1864,7 @@ packages:
     hasBin: true
     dependencies:
       exec-sh: 0.3.6
-      minimist: 1.2.6
+      minimist: 1.2.7
     dev: true
 
   /@cspotcode/source-map-support/0.8.1:
@@ -1872,6 +1872,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
+    dev: true
 
   /@csstools/convert-colors/1.4.0:
     resolution: {integrity: sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==}
@@ -2776,7 +2777,7 @@ packages:
       vue-client-only: 2.1.0
       vue-meta: 2.4.0
       vue-no-ssr: 1.1.1
-      vue-router: 3.5.3_vue@2.7.10
+      vue-router: 3.5.3
       vue-template-compiler: 2.7.10
       vuex: 3.6.2_vue@2.7.10
     transitivePeerDependencies:
@@ -2942,7 +2943,7 @@ packages:
       - webpack
     dev: true
 
-  /@nuxtjs/i18n/7.2.0_vue@2.7.10:
+  /@nuxtjs/i18n/7.2.0:
     resolution: {integrity: sha512-fO/QRMxZ0t6LpYJ7ti6mHc0lsog4SMr7Xll3d45zdVSI7+5eBE1YcoG8yXv1sndGQZoq8k0iD1dXuAJA6UL5ww==}
     dependencies:
       '@babel/parser': 7.20.3
@@ -2956,10 +2957,9 @@ packages:
       klona: 2.0.5
       lodash.merge: 4.6.2
       ufo: 0.7.9
-      vue-i18n: 8.26.7_vue@2.7.10
+      vue-i18n: 8.26.7
     transitivePeerDependencies:
       - supports-color
-      - vue
     dev: false
 
   /@nuxtjs/redirect-module/0.3.1:
@@ -4759,15 +4759,15 @@ packages:
       - webpack-command
     dev: true
 
-  /@tailwindcss/line-clamp/0.3.1_tailwindcss@3.0.23:
+  /@tailwindcss/line-clamp/0.3.1_tailwindcss@3.2.4:
     resolution: {integrity: sha512-pNr0T8LAc3TUx/gxCfQZRe9NB2dPEo/cedPHzUGIPxqDMhgjwNm6jYxww4W5l0zAsAddxr+XfZcqttGiFDgrGg==}
     peerDependencies:
       tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
     dependencies:
-      tailwindcss: 3.0.23_a6xpwxlvw2s7zijyootlk7plly
+      tailwindcss: 3.2.4_ts-node@10.9.1
     dev: false
 
-  /@tailwindcss/typography/0.5.2_tailwindcss@3.0.23:
+  /@tailwindcss/typography/0.5.2_tailwindcss@3.2.4:
     resolution: {integrity: sha512-coq8DBABRPFcVhVIk6IbKyyHUt7YTEC/C992tatFB+yEx5WGBQrCgsSFjxHUr8AWXphWckadVJbominEduYBqw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1 || insiders'
@@ -4775,7 +4775,7 @@ packages:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
-      tailwindcss: 3.0.23_a6xpwxlvw2s7zijyootlk7plly
+      tailwindcss: 3.2.4_ts-node@10.9.1
     dev: false
 
   /@testing-library/dom/7.31.2:
@@ -4852,15 +4852,19 @@ packages:
 
   /@tsconfig/node10/1.0.8:
     resolution: {integrity: sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==}
+    dev: true
 
   /@tsconfig/node12/1.0.9:
     resolution: {integrity: sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==}
+    dev: true
 
   /@tsconfig/node14/1.0.1:
     resolution: {integrity: sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==}
+    dev: true
 
   /@tsconfig/node16/1.0.2:
     resolution: {integrity: sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==}
+    dev: true
 
   /@types/anymatch/3.0.0:
     resolution: {integrity: sha512-qLChUo6yhpQ9k905NwL74GU7TxH+9UODwwQ6ICNI+O6EDMExqH/Cv9NsbmcZ7yC/rRXJ/AHCzfgjsFRY5fKjYw==}
@@ -5610,6 +5614,7 @@ packages:
       '@babel/parser': 7.20.3
       postcss: 8.4.16
       source-map: 0.6.1
+    dev: false
 
   /@vue/compiler-sfc/3.2.45:
     resolution: {integrity: sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==}
@@ -5645,7 +5650,7 @@ packages:
       source-map: 0.6.1
       vue-template-es2015-compiler: 1.9.1
     optionalDependencies:
-      prettier: 2.8.0
+      prettier: 2.8.1
     transitivePeerDependencies:
       - arc-templates
       - atpl
@@ -5714,7 +5719,7 @@ packages:
       source-map: 0.6.1
       vue-template-es2015-compiler: 1.9.1
     optionalDependencies:
-      prettier: 2.8.0
+      prettier: 2.8.1
     transitivePeerDependencies:
       - arc-templates
       - atpl
@@ -5773,6 +5778,7 @@ packages:
 
   /@vue/devtools-api/6.2.1:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
+    dev: false
 
   /@vue/reactivity-transform/3.2.45:
     resolution: {integrity: sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==}
@@ -6031,10 +6037,12 @@ packages:
       acorn: 7.4.1
       acorn-walk: 7.2.0
       xtend: 4.0.2
+    dev: true
 
   /acorn-walk/7.2.0:
     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
     engines: {node: '>=0.4.0'}
+    dev: true
 
   /acorn-walk/8.2.0:
     resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
@@ -6049,6 +6057,7 @@ packages:
     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
     engines: {node: '>=0.4.0'}
     hasBin: true
+    dev: true
 
   /acorn/8.7.0:
     resolution: {integrity: sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==}
@@ -6065,7 +6074,6 @@ packages:
     resolution: {integrity: sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==}
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: true
 
   /address/1.1.2:
     resolution: {integrity: sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA==}
@@ -6250,6 +6258,10 @@ packages:
   /arg/5.0.1:
     resolution: {integrity: sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==}
 
+  /arg/5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+    dev: true
+
   /argparse/1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
     dependencies:
@@ -6586,7 +6598,7 @@ packages:
     dependencies:
       '@babel/runtime': 7.17.2
       cosmiconfig: 7.0.1
-      resolve: 1.22.0
+      resolve: 1.22.1
     dev: true
 
   /babel-plugin-polyfill-corejs2/0.3.3_@babel+core@7.20.2:
@@ -7181,6 +7193,7 @@ packages:
   /camelcase-css/2.0.1:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
+    dev: true
 
   /camelcase-keys/2.1.0:
     resolution: {integrity: sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==}
@@ -7693,7 +7706,7 @@ packages:
       lodash: ^4.17.20
       marko: ^3.14.4
       mote: ^0.2.0
-      mustache: ^3.0.0
+      mustache: ^4.0.1
       nunjucks: ^3.2.2
       plates: ~0.4.11
       pug: ^3.0.0
@@ -7862,7 +7875,7 @@ packages:
       lodash: ^4.17.20
       marko: ^3.14.4
       mote: ^0.2.0
-      mustache: ^3.0.0
+      mustache: ^4.0.1
       nunjucks: ^3.2.2
       plates: ~0.4.11
       pug: ^3.0.0
@@ -8141,7 +8154,7 @@ packages:
     resolution: {integrity: sha512-0Cbj7gyvFVApzpK/uhCtQ/9kE9UnYpxMzaq5nQQC/Dh4iaj5fxp7iEFIullrYwzj8nf0qnsI1Qsx34hAeAebvw==}
     engines: {node: '>=8'}
     dependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
       make-dir: 3.1.0
       nested-error-stacks: 2.1.0
       p-event: 4.2.0
@@ -8509,6 +8522,7 @@ packages:
 
   /csstype/3.1.0:
     resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==}
+    dev: false
 
   /cuint/0.2.2:
     resolution: {integrity: sha1-QICG1AlVDCYxFVYZ6fp7ytw7mRs=}
@@ -8677,8 +8691,9 @@ packages:
       is-descriptor: 1.0.2
       isobject: 3.0.1
 
-  /defined/1.0.0:
-    resolution: {integrity: sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=}
+  /defined/1.0.1:
+    resolution: {integrity: sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==}
+    dev: true
 
   /defu/2.0.4:
     resolution: {integrity: sha512-G9pEH1UUMxShy6syWk01VQSRVs3CDWtlxtZu7A+NyqjxaCA4gSlWAKDBx6QiUEKezqS8+DUlXLI14Fp05Hmpwg==}
@@ -8769,14 +8784,15 @@ packages:
       - supports-color
     dev: true
 
-  /detective/5.2.0:
-    resolution: {integrity: sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==}
+  /detective/5.2.1:
+    resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
     engines: {node: '>=0.8.0'}
     hasBin: true
     dependencies:
       acorn-node: 1.8.2
-      defined: 1.0.0
-      minimist: 1.2.5
+      defined: 1.0.1
+      minimist: 1.2.7
+    dev: true
 
   /devalue/2.0.1:
     resolution: {integrity: sha512-I2TiqT5iWBEyB8GRfTDP0hiLZ0YeDJZ+upDxjBfOC2lebO5LezQMv7QvIUTzdb64jQyAKLf1AHADtGN+jw6v8Q==}
@@ -8784,6 +8800,7 @@ packages:
 
   /didyoumean/1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+    dev: true
 
   /diff-sequences/26.6.2:
     resolution: {integrity: sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==}
@@ -8793,6 +8810,7 @@ packages:
   /diff/4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
+    dev: true
 
   /diffie-hellman/5.0.3:
     resolution: {integrity: sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==}
@@ -8816,6 +8834,7 @@ packages:
 
   /dlv/1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+    dev: true
 
   /doctrine/2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
@@ -9733,6 +9752,17 @@ packages:
       merge2: 1.4.1
       micromatch: 4.0.4
 
+  /fast-glob/3.2.12:
+    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
   /fast-json-parse/1.0.3:
     resolution: {integrity: sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==}
     dev: true
@@ -10057,7 +10087,7 @@ packages:
   /fs-extra/0.30.0:
     resolution: {integrity: sha512-UvSPKyhMn6LEd/WpUaV9C9t3zATuqoqfWc3QdPhPLb58prN9tqYPlPWi8Krxi44loBoUzlobqZ3+8tGpxxSzwA==}
     dependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
       jsonfile: 2.4.0
       klaw: 1.3.1
       path-is-absolute: 1.0.1
@@ -10278,6 +10308,7 @@ packages:
     engines: {node: '>=10.13.0'}
     dependencies:
       is-glob: 4.0.3
+    dev: true
 
   /glob-promise/3.4.0_glob@7.2.0:
     resolution: {integrity: sha512-q08RJ6O+eJn+dVanerAndJwIcumgbDdYiUT7zFQl3Wm1xD6fBKtah7H8ZJChj4wP+8C+QfeVy8xautR7rdmKEw==}
@@ -10388,6 +10419,9 @@ packages:
       delegate: 3.2.0
     dev: false
 
+  /graceful-fs/4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+
   /graceful-fs/4.2.8:
     resolution: {integrity: sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==}
     dev: false
@@ -10425,7 +10459,7 @@ packages:
       source-map: 0.6.1
       wordwrap: 1.0.0
     optionalDependencies:
-      uglify-js: 3.15.3
+      uglify-js: 3.17.4
     dev: true
 
   /hard-source-webpack-plugin/0.13.1_webpack@4.46.0:
@@ -10843,12 +10877,6 @@ packages:
       import-from: 2.1.0
     dev: false
 
-  /import-cwd/3.0.0:
-    resolution: {integrity: sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==}
-    engines: {node: '>=8'}
-    dependencies:
-      import-from: 3.0.0
-
   /import-fresh/2.0.0:
     resolution: {integrity: sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==}
     engines: {node: '>=4'}
@@ -10871,12 +10899,6 @@ packages:
       resolve-from: 3.0.0
     dev: false
 
-  /import-from/3.0.0:
-    resolution: {integrity: sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      resolve-from: 5.0.0
-
   /import-local/3.0.3:
     resolution: {integrity: sha512-bE9iaUY3CXH8Cwfan/abDKAxe1KGT9kyGsBPqf6DMK/z0a2OzAsrukeYNgIH6cH5Xr452jb1TUL8rSfCLjZ9uA==}
     engines: {node: '>=8'}
@@ -11096,6 +11118,12 @@ packages:
       rgba-regex: 1.0.0
     dev: false
 
+  /is-core-module/2.11.0:
+    resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
   /is-core-module/2.8.0:
     resolution: {integrity: sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==}
     dependencies:
@@ -12036,7 +12064,7 @@ packages:
       babel-core: 7.0.0-bridge.0_@babel+core@7.20.2
       colors: 1.4.0
       flow-parser: 0.173.0
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
       micromatch: 3.1.10
       neo-async: 2.6.2
       node-dir: 0.1.17
@@ -12148,13 +12176,13 @@ packages:
   /jsonfile/2.4.0:
     resolution: {integrity: sha512-PKllAqbgLgxHaj8TElYymKCAgrASebJrWpTnEkOaTowt23VKXXN0sUeriJ+eh7y6ufb/CC5ap11pz71/cM0hUw==}
     optionalDependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
     dev: true
 
   /jsonfile/4.0.0:
     resolution: {integrity: sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=}
     optionalDependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.8
     dev: false
 
   /jsonfile/6.1.0:
@@ -12206,7 +12234,7 @@ packages:
   /klaw/1.3.1:
     resolution: {integrity: sha512-TED5xi9gGQjGpNnvRWknrwAB1eL5GciPfVFOt3Vk1OJCVDQbzuSfrF3hkUQKlsgKrG1F+0t5W0m+Fje1jIt8rw==}
     optionalDependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
     dev: true
 
   /kleur/3.0.3:
@@ -12343,6 +12371,12 @@ packages:
   /lilconfig/2.0.4:
     resolution: {integrity: sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==}
     engines: {node: '>=10'}
+    dev: true
+
+  /lilconfig/2.0.6:
+    resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==}
+    engines: {node: '>=10'}
+    dev: true
 
   /lines-and-columns/1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
@@ -12393,7 +12427,7 @@ packages:
     resolution: {integrity: sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
       parse-json: 2.2.0
       pify: 2.3.0
       pinkie-promise: 2.0.1
@@ -12616,6 +12650,7 @@ packages:
 
   /make-error/1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    dev: true
 
   /makeerror/1.0.12:
     resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
@@ -12753,7 +12788,7 @@ packages:
       decamelize: 1.2.0
       loud-rejection: 1.6.0
       map-obj: 1.0.1
-      minimist: 1.2.6
+      minimist: 1.2.7
       normalize-package-data: 2.5.0
       object-assign: 4.1.1
       read-pkg-up: 1.0.1
@@ -12842,6 +12877,14 @@ packages:
       braces: 3.0.2
       picomatch: 2.3.1
 
+  /micromatch/4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
   /miller-rabin/4.0.1:
     resolution: {integrity: sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==}
     hasBin: true
@@ -12922,6 +12965,10 @@ packages:
   /minimist/1.2.6:
     resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
 
+  /minimist/1.2.7:
+    resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
+    dev: true
+
   /minipass-collect/1.0.2:
     resolution: {integrity: sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==}
     engines: {node: '>= 8'}
@@ -13435,9 +13482,10 @@ packages:
       define-property: 0.2.5
       kind-of: 3.2.2
 
-  /object-hash/2.2.0:
-    resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==}
+  /object-hash/3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
+    dev: true
 
   /object-inspect/1.12.0:
     resolution: {integrity: sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==}
@@ -13881,7 +13929,7 @@ packages:
     resolution: {integrity: sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
       pify: 2.3.0
       pinkie-promise: 2.0.1
     dev: true
@@ -13966,6 +14014,7 @@ packages:
       typescript: 4.9.3
       vue: 2.7.10
       vue-demi: 0.13.11_vue@2.7.10
+    dev: false
 
   /pinkie-promise/2.0.1:
     resolution: {integrity: sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==}
@@ -14068,14 +14117,14 @@ packages:
     resolution: {integrity: sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==}
     dependencies:
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.9
+      postcss-selector-parser: 6.0.11
     dev: false
 
   /postcss-calc/7.0.5:
     resolution: {integrity: sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==}
     dependencies:
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.9
+      postcss-selector-parser: 6.0.11
       postcss-value-parser: 4.2.0
     dev: false
 
@@ -14293,20 +14342,33 @@ packages:
       read-cache: 1.0.0
       resolve: 1.22.0
 
+  /postcss-import/14.1.0_postcss@8.4.20:
+    resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0 || 5.2.18
+    dependencies:
+      postcss: 8.4.20
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.1
+    dev: true
+
   /postcss-initial/3.0.4:
     resolution: {integrity: sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg==}
     dependencies:
       postcss: 7.0.39
     dev: false
 
-  /postcss-js/4.0.0_postcss@8.4.12:
+  /postcss-js/4.0.0_postcss@8.4.20:
     resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.3.3 || 5.2.18
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.12
+      postcss: 8.4.20
+    dev: true
 
   /postcss-lab-function/2.0.1:
     resolution: {integrity: sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==}
@@ -14325,19 +14387,23 @@ packages:
       import-cwd: 2.1.0
     dev: false
 
-  /postcss-load-config/3.1.0_ts-node@10.9.1:
-    resolution: {integrity: sha512-ipM8Ds01ZUophjDTQYSVP70slFSYg3T0/zyfII5vzhN6V57YSxMgG5syXuwi5VtS8wSf3iL30v0uBdoIVx4Q0g==}
+  /postcss-load-config/3.1.4_ra2vnoek4vhbzktaezawwqbin4:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
     peerDependencies:
+      postcss: '>=8.0.9 || 5.2.18'
       ts-node: '>=9.0.0'
     peerDependenciesMeta:
+      postcss:
+        optional: true
       ts-node:
         optional: true
     dependencies:
-      import-cwd: 3.0.0
-      lilconfig: 2.0.4
+      lilconfig: 2.0.6
+      postcss: 8.4.20
       ts-node: 10.9.1_zpnjiqgiyrygwbc62chkjhj6km
       yaml: 1.10.2
+    dev: true
 
   /postcss-loader/3.0.0:
     resolution: {integrity: sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==}
@@ -14476,7 +14542,7 @@ packages:
     dependencies:
       icss-utils: 4.1.1
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.9
+      postcss-selector-parser: 6.0.11
       postcss-value-parser: 4.2.0
 
   /postcss-modules-local-by-default/4.0.0_postcss@8.4.12:
@@ -14495,7 +14561,7 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.9
+      postcss-selector-parser: 6.0.11
 
   /postcss-modules-scope/3.0.0_postcss@8.4.12:
     resolution: {integrity: sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==}
@@ -14521,14 +14587,15 @@ packages:
       icss-utils: 5.1.0_postcss@8.4.12
       postcss: 8.4.12
 
-  /postcss-nested/5.0.6_postcss@8.4.12:
-    resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==}
+  /postcss-nested/6.0.0_postcss@8.4.20:
+    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14 || 5.2.18
     dependencies:
-      postcss: 8.4.12
-      postcss-selector-parser: 6.0.9
+      postcss: 8.4.20
+      postcss-selector-parser: 6.0.11
+    dev: true
 
   /postcss-nesting/7.0.1:
     resolution: {integrity: sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==}
@@ -14765,6 +14832,13 @@ packages:
       uniq: 1.0.1
     dev: false
 
+  /postcss-selector-parser/6.0.11:
+    resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   /postcss-selector-parser/6.0.9:
     resolution: {integrity: sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ==}
     engines: {node: '>=4'}
@@ -14862,6 +14936,15 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  /postcss/8.4.20:
+    resolution: {integrity: sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.4
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
   /posthtml-parser/0.2.1:
     resolution: {integrity: sha1-NdUw3jhnQMK6JP8usvrznM3ycd0=}
     dependencies:
@@ -14938,6 +15021,13 @@ packages:
     resolution: {integrity: sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==}
     engines: {node: '>=10.13.0'}
     hasBin: true
+    dev: true
+
+  /prettier/2.8.1:
+    resolution: {integrity: sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    optional: true
 
   /pretty-bytes/5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
@@ -15160,7 +15250,7 @@ packages:
       jstransformer: 1.0.0
       pug-error: 2.0.0
       pug-walk: 2.0.0
-      resolve: 1.22.0
+      resolve: 1.22.1
     dev: true
 
   /pug-lexer/5.0.1:
@@ -15302,6 +15392,7 @@ packages:
   /quick-lru/5.1.1:
     resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
     engines: {node: '>=10'}
+    dev: true
 
   /ramda/0.21.0:
     resolution: {integrity: sha512-HGd5aczYKQXGILB+abY290V7Xz62eFajpa6AtMdwEmQSakJmgSO7ks4eI3HdR34j+X2Vz4Thp9VAJbrCAMbO2w==}
@@ -15731,6 +15822,7 @@ packages:
   /resolve-from/5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
+    dev: true
 
   /resolve-path/1.4.0:
     resolution: {integrity: sha1-xL2p9e+y/OZSR4c6s2u02DT+Fvc=}
@@ -15766,6 +15858,15 @@ packages:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  /resolve/1.22.1:
+    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.11.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
   /restore-cursor/3.1.0:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
     engines: {node: '>=8'}
@@ -15892,7 +15993,7 @@ packages:
       execa: 1.0.0
       fb-watchman: 2.0.1
       micromatch: 3.1.10
-      minimist: 1.2.6
+      minimist: 1.2.7
       walker: 1.0.8
     transitivePeerDependencies:
       - supports-color
@@ -16808,7 +16909,7 @@ packages:
     resolution: {integrity: sha512-SYJSIgeyXW7EuX1ytdneO5e8jip42oHWg9xl/o3oTYhmXusZVgiA+VlPvjIN+kHii9v90AmzTZEBcsEvuAY+TA==}
     dev: false
 
-  /tailwind-config-viewer/1.6.3_tailwindcss@3.0.23:
+  /tailwind-config-viewer/1.6.3_tailwindcss@3.2.4:
     resolution: {integrity: sha512-XesuasyVLDXadHhLLDeS0H5EiAhhWnRPDjDRsP4sYRXGn8h7Vgnv9TzFXvoaNG6dvuRuwWQxJRfNOjaWid2V1g==}
     engines: {node: '>=8'}
     hasBin: true
@@ -16823,55 +16924,54 @@ packages:
       open: 7.4.2
       portfinder: 1.0.28
       replace-in-file: 6.3.2
-      tailwindcss: 3.0.23_a6xpwxlvw2s7zijyootlk7plly
+      tailwindcss: 3.2.4_ts-node@10.9.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /tailwindcss-labeled-groups/0.0.2_tailwindcss@3.0.23:
+  /tailwindcss-labeled-groups/0.0.2_tailwindcss@3.2.4:
     resolution: {integrity: sha512-leOVv9h2K9WDHoXPXVBOmTJgWECVkpVFc/hjrwuqGUEtNxvRvuOtCjenu9ppY+pJtky5INJUqDCNa8pS3AbYmw==}
     peerDependencies:
       tailwindcss: ^3.0.23
     dependencies:
-      tailwindcss: 3.0.23_a6xpwxlvw2s7zijyootlk7plly
+      tailwindcss: 3.2.4_ts-node@10.9.1
     dev: true
 
   /tailwindcss-rtl/0.9.0:
     resolution: {integrity: sha512-y7yC8QXjluDBEFMSX33tV6xMYrf0B3sa+tOB5JSQb6/G6laBU313a+Z+qxu55M1Qyn8tDMttjomsA8IsJD+k+w==}
     dev: true
 
-  /tailwindcss/3.0.23_a6xpwxlvw2s7zijyootlk7plly:
-    resolution: {integrity: sha512-+OZOV9ubyQ6oI2BXEhzw4HrqvgcARY38xv3zKcjnWtMIZstEsXdI9xftd1iB7+RbOnj2HOEzkA0OyB5BaSxPQA==}
+  /tailwindcss/3.2.4_ts-node@10.9.1:
+    resolution: {integrity: sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==}
     engines: {node: '>=12.13.0'}
     hasBin: true
-    peerDependencies:
-      autoprefixer: ^10.0.2
-      postcss: ^8.0.9 || 5.2.18
     dependencies:
-      arg: 5.0.1
-      autoprefixer: 10.4.0_postcss@8.4.12
-      chalk: 4.1.2
+      arg: 5.0.2
       chokidar: 3.5.3
       color-name: 1.1.4
-      cosmiconfig: 7.0.1
-      detective: 5.2.0
+      detective: 5.2.1
       didyoumean: 1.2.2
       dlv: 1.1.3
-      fast-glob: 3.2.11
+      fast-glob: 3.2.12
       glob-parent: 6.0.2
       is-glob: 4.0.3
+      lilconfig: 2.0.6
+      micromatch: 4.0.5
       normalize-path: 3.0.0
-      object-hash: 2.2.0
-      postcss: 8.4.12
-      postcss-js: 4.0.0_postcss@8.4.12
-      postcss-load-config: 3.1.0_ts-node@10.9.1
-      postcss-nested: 5.0.6_postcss@8.4.12
-      postcss-selector-parser: 6.0.9
+      object-hash: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.20
+      postcss-import: 14.1.0_postcss@8.4.20
+      postcss-js: 4.0.0_postcss@8.4.20
+      postcss-load-config: 3.1.4_ra2vnoek4vhbzktaezawwqbin4
+      postcss-nested: 6.0.0_postcss@8.4.20
+      postcss-selector-parser: 6.0.11
       postcss-value-parser: 4.2.0
       quick-lru: 5.1.1
-      resolve: 1.22.0
+      resolve: 1.22.1
     transitivePeerDependencies:
       - ts-node
+    dev: true
 
   /talkback/3.0.1:
     resolution: {integrity: sha512-2/mBW8vhcNw3JN5q8Pvq9QLdd3seks859EVabmRpSev2cyCPX4A7eU87jUnlBDOyXYdXPAflJ7cRkyTHmSKNGQ==}
@@ -16992,7 +17092,7 @@ packages:
       acorn:
         optional: true
     dependencies:
-      acorn: 8.7.1
+      acorn: 8.8.1
       commander: 2.20.3
       source-map: 0.7.3
       source-map-support: 0.5.21
@@ -17222,6 +17322,7 @@ packages:
       typescript: 4.9.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
+    dev: true
 
   /ts-pnp/1.2.0_typescript@4.9.3:
     resolution: {integrity: sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==}
@@ -17334,6 +17435,7 @@ packages:
     resolution: {integrity: sha512-CIfGzTelbKNEnLpLdGFgdyKhG23CKdKgQPOBc+OUNrkJ2vr+KSzsSV5kq5iWhEQbok+quxgGzrAtGWCyU7tHnA==}
     engines: {node: '>=4.2.0'}
     hasBin: true
+    dev: true
 
   /ua-parser-js/0.7.31:
     resolution: {integrity: sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==}
@@ -17352,6 +17454,15 @@ packages:
     engines: {node: '>=0.8.0'}
     hasBin: true
     requiresBuild: true
+    dev: false
+
+  /uglify-js/3.17.4:
+    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
 
   /unbox-primitive/1.0.1:
     resolution: {integrity: sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==}
@@ -17635,6 +17746,7 @@ packages:
 
   /v8-compile-cache-lib/3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    dev: true
 
   /v8-to-istanbul/7.1.2:
     resolution: {integrity: sha512-TxNb7YEUwkLXCQYeudi6lgQ/SZrzNO4kMdlqVxaZPUIUjCv6iSSypUQX70kNBSERpQ8fk48+d61FXk+tgqcWow==}
@@ -17791,12 +17903,8 @@ packages:
       js-yaml: 4.1.0
     dev: true
 
-  /vue-i18n/8.26.7_vue@2.7.10:
+  /vue-i18n/8.26.7:
     resolution: {integrity: sha512-7apa5PvRg1YCLoraE3lOgpCG8hJGupLCtywQWedWsgBbvF0TOgFvhitqK9xRH0PBGG1G8aiJz9oklyNDFfDxLg==}
-    peerDependencies:
-      vue: ^2
-    dependencies:
-      vue: 2.7.10
     dev: false
 
   /vue-inbrowser-compiler-utils/4.44.17_vue@2.7.10:
@@ -18004,12 +18112,8 @@ packages:
     resolution: {integrity: sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g==}
     dev: false
 
-  /vue-router/3.5.3_vue@2.7.10:
+  /vue-router/3.5.3:
     resolution: {integrity: sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg==}
-    peerDependencies:
-      vue: ^2
-    dependencies:
-      vue: 2.7.10
     dev: false
 
   /vue-server-renderer/2.7.10:
@@ -18065,6 +18169,7 @@ packages:
     dependencies:
       '@vue/compiler-sfc': 2.7.10
       csstype: 3.1.0
+    dev: false
 
   /vuex/3.6.2_vue@2.7.10:
     resolution: {integrity: sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==}
@@ -18118,7 +18223,7 @@ packages:
     engines: {node: '>=10.13.0'}
     dependencies:
       glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
     dev: true
 
   /web-namespaces/1.1.4:
@@ -18401,7 +18506,7 @@ packages:
   /write-file-atomic/2.4.3:
     resolution: {integrity: sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==}
     dependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
       imurmurhash: 0.1.4
       signal-exit: 3.0.6
 
@@ -18566,6 +18671,7 @@ packages:
   /yn/3.1.1:
     resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
     engines: {node: '>=6'}
+    dev: true
 
   /yocto-queue/0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
diff --git a/src/assets/homepage_images/Olympics-1.jpg b/src/assets/homepage_images/Olympics-1.jpg
deleted file mode 100644
index bad7910806..0000000000
Binary files a/src/assets/homepage_images/Olympics-1.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Olympics-2.jpg b/src/assets/homepage_images/Olympics-2.jpg
deleted file mode 100644
index d777fa8c70..0000000000
Binary files a/src/assets/homepage_images/Olympics-2.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Olympics-3.jpg b/src/assets/homepage_images/Olympics-3.jpg
deleted file mode 100644
index ffed803177..0000000000
Binary files a/src/assets/homepage_images/Olympics-3.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Olympics-4.jpg b/src/assets/homepage_images/Olympics-4.jpg
deleted file mode 100644
index e5f627af3b..0000000000
Binary files a/src/assets/homepage_images/Olympics-4.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Olympics-5.jpg b/src/assets/homepage_images/Olympics-5.jpg
deleted file mode 100644
index 3cea55a61e..0000000000
Binary files a/src/assets/homepage_images/Olympics-5.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Olympics-6.jpg b/src/assets/homepage_images/Olympics-6.jpg
deleted file mode 100644
index 7b1aaca244..0000000000
Binary files a/src/assets/homepage_images/Olympics-6.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Olympics-7.jpg b/src/assets/homepage_images/Olympics-7.jpg
deleted file mode 100644
index b23bd06ab1..0000000000
Binary files a/src/assets/homepage_images/Olympics-7.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-1.jpg b/src/assets/homepage_images/Pottery-1.jpg
deleted file mode 100644
index 8f8a7e5dd3..0000000000
Binary files a/src/assets/homepage_images/Pottery-1.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-2.jpg b/src/assets/homepage_images/Pottery-2.jpg
deleted file mode 100644
index 7ca776497e..0000000000
Binary files a/src/assets/homepage_images/Pottery-2.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-3.jpg b/src/assets/homepage_images/Pottery-3.jpg
deleted file mode 100644
index 2f7cb192bf..0000000000
Binary files a/src/assets/homepage_images/Pottery-3.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-4.jpg b/src/assets/homepage_images/Pottery-4.jpg
deleted file mode 100644
index ca3e56b3b2..0000000000
Binary files a/src/assets/homepage_images/Pottery-4.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-5.jpg b/src/assets/homepage_images/Pottery-5.jpg
deleted file mode 100644
index 8342f5de08..0000000000
Binary files a/src/assets/homepage_images/Pottery-5.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-6.jpg b/src/assets/homepage_images/Pottery-6.jpg
deleted file mode 100644
index 4d684a817a..0000000000
Binary files a/src/assets/homepage_images/Pottery-6.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Pottery-7.jpg b/src/assets/homepage_images/Pottery-7.jpg
deleted file mode 100644
index fcd7bbbce6..0000000000
Binary files a/src/assets/homepage_images/Pottery-7.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-1.jpg b/src/assets/homepage_images/Universe-1.jpg
deleted file mode 100644
index 7d6b5ed1f7..0000000000
Binary files a/src/assets/homepage_images/Universe-1.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-2.jpg b/src/assets/homepage_images/Universe-2.jpg
deleted file mode 100644
index cf0abfc1a9..0000000000
Binary files a/src/assets/homepage_images/Universe-2.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-3.jpg b/src/assets/homepage_images/Universe-3.jpg
deleted file mode 100644
index c0bc4ab75e..0000000000
Binary files a/src/assets/homepage_images/Universe-3.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-4.jpg b/src/assets/homepage_images/Universe-4.jpg
deleted file mode 100644
index 763db13bd5..0000000000
Binary files a/src/assets/homepage_images/Universe-4.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-5.jpg b/src/assets/homepage_images/Universe-5.jpg
deleted file mode 100644
index 5301e888cb..0000000000
Binary files a/src/assets/homepage_images/Universe-5.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-6.jpg b/src/assets/homepage_images/Universe-6.jpg
deleted file mode 100644
index 08efb93f3f..0000000000
Binary files a/src/assets/homepage_images/Universe-6.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/Universe-7.jpg b/src/assets/homepage_images/Universe-7.jpg
deleted file mode 100644
index 40ead4fea7..0000000000
Binary files a/src/assets/homepage_images/Universe-7.jpg and /dev/null differ
diff --git a/src/assets/homepage_images/image_info.json b/src/assets/homepage_images/image_info.json
index 09ac3fbb0c..4679e43efa 100644
--- a/src/assets/homepage_images/image_info.json
+++ b/src/assets/homepage_images/image_info.json
@@ -1,8 +1,8 @@
 {
   "sets": [
     {
+      "key": "universe",
       "term": "Universe",
-      "prefix": "Universe",
       "images": [
         {
           "index": 1,
@@ -16,34 +16,74 @@
         },
         {
           "index": 3,
-          "title": "Starburst Cluster Shows Celestial Fireworks",
-          "identifier": "09e5cb23-db65-48a0-bb3a-2a6f7e028d84"
+          "title": "Hubbell Revival-style Rug with Moki (Moqui) Stripes",
+          "identifier": "19d3e29b-c7a1-427a-925c-7ecb041fefcf"
         },
         {
           "index": 4,
-          "title": "Neutron Stars Rip Each Other Apart to Form Black Hole",
-          "identifier": "8da073a3-21bd-4722-87f1-2cf5104bb33f"
+          "title": "File:Astronomy; a meteor shower in the night sky. Mezzotint. Wellcome V0024753 ",
+          "identifier": "ae1a41d7-1994-49db-8e61-6f12c46c6227"
         },
         {
           "index": 5,
-          "title": "Hubbell Revival-style Rug with Moki (Moqui) Stripes",
-          "identifier": "19d3e29b-c7a1-427a-925c-7ecb041fefcf"
+          "title": "Old Japanese Star Map (large)",
+          "identifier": "8af4c811-867d-47f7-b165-ebef48d1570c"
         },
         {
           "index": 6,
-          "title": "Planisphaerium Ptolemaicum siue machina orbium mundi ex hypothesi Ptolemaica in plano disposita",
-          "identifier": "bee966d9-8095-4349-abb9-576dedc1be1a"
+          "title": "Diagrams of the Universe: The Two-and-a-Half Continents, the Universe in the Shape of a Person, and the Seven Levels of Hell",
+          "identifier": "4ef9042a-2f04-4129-91cd-0fc659bfe91a"
         },
         {
           "index": 7,
           "title": "Carina Nebula Detail",
           "identifier": "190ecf9b-acfa-4aef-8805-3445e7b91db1"
+        },
+        {
+          "index": 8,
+          "title": "Sidney Hall’s (?-1831) astronomical chart illustration of the Taurus. Original from Library of Congress. Digitally enhanced by rawpixel.",
+          "identifier": "0f6e95c6-2cf9-4b44-bfe2-62895894edfe"
+        },
+        {
+          "index": 9,
+          "title": "Total eclipse of the sun from the Trouvelot astronomical drawings (1881-1882) by E. L. Trouvelot (1827-1895)",
+          "identifier": "52544e9b-a420-4090-9c7d-89ddc742a8c3"
+        },
+        {
+          "index": 10,
+          "title": "Astronomical map, aesthetic woodcut",
+          "identifier": "f64b3f5f-5bf4-4c9c-9106-edab2945b1d7"
+        },
+        {
+          "index": 11,
+          "title": "Planisphaerium Ptolemaicum siue machina orbium mundi ex hypothesi Ptolemaica in plano disposita",
+          "identifier": "bee966d9-8095-4349-abb9-576dedc1be1a"
+        },
+        {
+          "index": 12,
+          "title": "Neutron Stars Rip Each Other Apart to Form Black Hole",
+          "identifier": "8da073a3-21bd-4722-87f1-2cf5104bb33f"
+        },
+        {
+          "index": 13,
+          "title": "Starburst Cluster Shows Celestial Fireworks",
+          "identifier": "09e5cb23-db65-48a0-bb3a-2a6f7e028d84"
+        },
+        {
+          "index": 14,
+          "title": "Sun Stone (or Calendar Stone), Aztec",
+          "identifier": "348a2bc3-fddf-4e2c-a343-60f6ea671d76"
+        },
+        {
+          "index": 15,
+          "title": "Astronomy: a star map of the night sky in the northern hemisphere, with the names of the constellations. Coloured engraving.",
+          "identifier": "dea12340-bda7-4772-b339-9c68a0a2a63e"
         }
       ]
     },
     {
+      "key": "pottery",
       "term": "Indigenous pottery",
-      "prefix": "Pottery",
       "images": [
         {
           "index": 1,
@@ -52,74 +92,154 @@
         },
         {
           "index": 2,
-          "title": "Female Figurine Rattle",
-          "identifier": "80f0cae9-0574-48be-9458-c514dcb105be"
+          "title": "Stem Cup with Buddhist Emblems: Shufu Ware",
+          "identifier": "5fd1f0be-fb14-4987-84bc-1108502d91f6"
         },
         {
           "index": 3,
-          "title": "Architectural Sculpture Fragment",
-          "identifier": "0a67002e-92ad-4d6a-9384-c9fd2eb41477"
+          "title": "Female Figurine Rattle",
+          "identifier": "80f0cae9-0574-48be-9458-c514dcb105be"
         },
         {
           "index": 4,
-          "title": "Tribal Art New York 2011: Africa/Oceana/Americas",
-          "identifier": "8ebf0e1c-4375-47e8-9365-ed20850f9b47"
+          "title": "Sake Flask",
+          "identifier": "e0a9c194-029c-4755-9fdc-d978bf0b447b"
         },
         {
           "index": 5,
-          "title": "Tiwi Islands indigenous pottery, Museum & Art Gallery of the NT, Darwin, Australia.01",
-          "identifier": "9466e58e-614f-4e39-a36b-e0ba8924443c"
+          "title": "Female Holding A Bowl Figurine",
+          "identifier": "03226074-7d2e-4a23-921a-3f76bf349ea2"
         },
         {
           "index": 6,
-          "title": "Lima_2018 05 13_1096",
-          "identifier": "39e1c7e8-01d8-472c-8fd2-6c070da277de"
+          "title": "Double-gourd Shaped Bottle",
+          "identifier": "34a205fb-e39d-424d-a4ad-7245d10160cd"
         },
         {
           "index": 7,
-          "title": "Female Holding A Bowl Figurine",
-          "identifier": "03226074-7d2e-4a23-921a-3f76bf349ea2"
+          "title": "The Pottery Seller",
+          "identifier": "2cdbbd36-f57a-483e-b36c-166b81a7135e"
+        },
+        {
+          "index": 8,
+          "title": "Large cup or bowl with slightly",
+          "identifier": "097fb34d-0755-4027-9b4e-2af928f0dd15"
+        },
+        {
+          "index": 9,
+          "title": "Pottery Whistle",
+          "identifier": "9e7c9170-290c-480a-a734-2d1b1ad6bf64"
+        },
+        {
+          "index": 10,
+          "title": "Cincinnati Pottery Club Incised Pitcher",
+          "identifier": "00077111-7386-475f-a60e-e4578ff51934"
+        },
+        {
+          "index": 11,
+          "title": "Architectural Sculpture Fragment",
+          "identifier": "0a67002e-92ad-4d6a-9384-c9fd2eb41477"
+        },
+        {
+          "index": 12,
+          "title": "Octagonal bowl with The three friends of winter, floral scrolls and hôô, anonymous, c. 1670 - c. 1690",
+          "identifier": "9759c997-a17d-4784-bcc6-55f3852a25b3"
+        },
+        {
+          "index": 13,
+          "title": "Monkey-Shaped Aryballos (Oil Vessel)",
+          "identifier": "095f6516-9ba7-4b45-9e9e-f0c50bb645b1"
+        },
+        {
+          "index": 14,
+          "title": "Pot gedecoreerd met 'lange lijs', anonymous, 1662 - 1722",
+          "identifier": "b73fc872-1a20-4810-b473-d32680c58abd"
+        },
+        {
+          "index": 15,
+          "title": "Pottery Whistle",
+          "identifier": "ff4bbcb2-4d5d-4be0-8e16-81cacafe6003"
         }
       ]
     },
     {
+      "key": "olympics",
       "term": "Olympic games",
-      "prefix": "Olympics",
       "images": [
         {
           "index": 1,
-          "title": "Olympic Games Seoul ´88",
-          "identifier": "53841492-9703-4892-96b4-10297dd84ed0"
+          "title": "Bob Beamon",
+          "identifier": "1663eec8-7b2c-4a84-8d25-0543482c23ef"
         },
         {
           "index": 2,
-          "title": "Bob Beamon",
-          "identifier": "1663eec8-7b2c-4a84-8d25-0543482c23ef"
+          "title": "Olympic Games Los Angeles 1932 via Chicago & North Western Railway Union Pacific",
+          "identifier": "399707eb-c713-4d76-827b-4fdd4f3c1ebf"
         },
         {
           "index": 3,
-          "title": "Olympic Games. Stockholm 1912",
-          "identifier": "32814c7e-2c3d-451b-b33e-12bf4c0d5413"
+          "title": "Olympic Games Seoul ´88",
+          "identifier": "53841492-9703-4892-96b4-10297dd84ed0"
         },
         {
           "index": 4,
           "title": "Youth Olympic Games",
-          "identifier": "e7ebeaaf-1cb2-4bae-a6e8-550aaa2e1e1d"
+          "identifier": "3dac0466-97d5-476f-8a02-7bdbe52714ee"
         },
         {
           "index": 5,
+          "title": "Seoul Olympics `88 ",
+          "identifier": "dbc5280c-a61b-43c2-9f3d-c29302897434"
+        },
+        {
+          "index": 6,
+          "title": "Day 5 Athletics (19 Aug 2010)",
+          "identifier": "2ad43cfd-3d5b-44bd-9b90-d13543e6756e"
+        },
+        {
+          "index": 7,
+          "title": "Day 8 Gymnastics (22 Aug 2010)",
+          "identifier": "965d2b3f-4615-4ee2-8f94-25b5a8fe2027"
+        },
+        {
+          "index": 8,
+          "title": "Olympic Games. Stockholm 1912",
+          "identifier": "32814c7e-2c3d-451b-b33e-12bf4c0d5413"
+        },
+        {
+          "index": 9,
           "title": "File:The victorious English 400 m. women's relay swimming team at Wellcome V0048555.jpg",
           "identifier": "648b566f-0228-4819-83d5-8f1d324ec06d"
         },
         {
-          "index": 6,
+          "index": 10,
+          "title": "File:Adrian Popa",
+          "identifier": "fc21e359-38c7-49e7-a3a7-17aa36452670"
+        },
+        {
+          "index": 11,
           "title": "Youth Olympic Games",
           "identifier": "2c8ce5eb-5031-4d38-9a65-967a919a6055"
         },
         {
-          "index": 7,
+          "index": 12,
+          "title": "People Man",
+          "identifier": "af7d55f0-1584-4d21-971b-718d7fea883d"
+        },
+        {
+          "index": 13,
+          "title": "File:Medal of olympic summer games 1948",
+          "identifier": "99d553a3-fd7d-4e1e-a875-0d0df8625aa7"
+        },
+        {
+          "index": 14,
           "title": "File:Wrestling at the 2016 Summer Olympics – Men's freestyle 86 kg 5 (0).jpg",
           "identifier": "31616f0d-3f70-4ea1-8132-d73f7c2145bf"
+        },
+        {
+          "index": 15,
+          "title": "Day 8 Diving (22 Aug 2010)",
+          "identifier": "c60dc095-2fd0-4137-9554-dcf39459ac35"
         }
       ]
     }
diff --git a/src/assets/homepage_images/olympics/1.png b/src/assets/homepage_images/olympics/1.png
new file mode 100644
index 0000000000..96d31188fb
Binary files /dev/null and b/src/assets/homepage_images/olympics/1.png differ
diff --git a/src/assets/homepage_images/olympics/10.png b/src/assets/homepage_images/olympics/10.png
new file mode 100644
index 0000000000..ef329e3c9f
Binary files /dev/null and b/src/assets/homepage_images/olympics/10.png differ
diff --git a/src/assets/homepage_images/olympics/11.png b/src/assets/homepage_images/olympics/11.png
new file mode 100644
index 0000000000..802b9daba8
Binary files /dev/null and b/src/assets/homepage_images/olympics/11.png differ
diff --git a/src/assets/homepage_images/olympics/12.png b/src/assets/homepage_images/olympics/12.png
new file mode 100644
index 0000000000..e727f139fb
Binary files /dev/null and b/src/assets/homepage_images/olympics/12.png differ
diff --git a/src/assets/homepage_images/olympics/13.png b/src/assets/homepage_images/olympics/13.png
new file mode 100644
index 0000000000..ec68782edb
Binary files /dev/null and b/src/assets/homepage_images/olympics/13.png differ
diff --git a/src/assets/homepage_images/olympics/14.png b/src/assets/homepage_images/olympics/14.png
new file mode 100644
index 0000000000..8ea0544d26
Binary files /dev/null and b/src/assets/homepage_images/olympics/14.png differ
diff --git a/src/assets/homepage_images/olympics/15.png b/src/assets/homepage_images/olympics/15.png
new file mode 100644
index 0000000000..5e923d2993
Binary files /dev/null and b/src/assets/homepage_images/olympics/15.png differ
diff --git a/src/assets/homepage_images/olympics/2.png b/src/assets/homepage_images/olympics/2.png
new file mode 100644
index 0000000000..c9533fbd0a
Binary files /dev/null and b/src/assets/homepage_images/olympics/2.png differ
diff --git a/src/assets/homepage_images/olympics/3.png b/src/assets/homepage_images/olympics/3.png
new file mode 100644
index 0000000000..da63301062
Binary files /dev/null and b/src/assets/homepage_images/olympics/3.png differ
diff --git a/src/assets/homepage_images/olympics/4.png b/src/assets/homepage_images/olympics/4.png
new file mode 100644
index 0000000000..e349f7886d
Binary files /dev/null and b/src/assets/homepage_images/olympics/4.png differ
diff --git a/src/assets/homepage_images/olympics/5.png b/src/assets/homepage_images/olympics/5.png
new file mode 100644
index 0000000000..ab66d4f0fa
Binary files /dev/null and b/src/assets/homepage_images/olympics/5.png differ
diff --git a/src/assets/homepage_images/olympics/6.png b/src/assets/homepage_images/olympics/6.png
new file mode 100644
index 0000000000..1a818614b3
Binary files /dev/null and b/src/assets/homepage_images/olympics/6.png differ
diff --git a/src/assets/homepage_images/olympics/7.png b/src/assets/homepage_images/olympics/7.png
new file mode 100644
index 0000000000..7b53598386
Binary files /dev/null and b/src/assets/homepage_images/olympics/7.png differ
diff --git a/src/assets/homepage_images/olympics/8.png b/src/assets/homepage_images/olympics/8.png
new file mode 100644
index 0000000000..1492fe4b88
Binary files /dev/null and b/src/assets/homepage_images/olympics/8.png differ
diff --git a/src/assets/homepage_images/olympics/9.png b/src/assets/homepage_images/olympics/9.png
new file mode 100644
index 0000000000..227b7d6e66
Binary files /dev/null and b/src/assets/homepage_images/olympics/9.png differ
diff --git a/src/assets/homepage_images/pottery/1.png b/src/assets/homepage_images/pottery/1.png
new file mode 100644
index 0000000000..dafce37afc
Binary files /dev/null and b/src/assets/homepage_images/pottery/1.png differ
diff --git a/src/assets/homepage_images/pottery/10.png b/src/assets/homepage_images/pottery/10.png
new file mode 100644
index 0000000000..dd83ec92b8
Binary files /dev/null and b/src/assets/homepage_images/pottery/10.png differ
diff --git a/src/assets/homepage_images/pottery/11.png b/src/assets/homepage_images/pottery/11.png
new file mode 100644
index 0000000000..0bd534ac7f
Binary files /dev/null and b/src/assets/homepage_images/pottery/11.png differ
diff --git a/src/assets/homepage_images/pottery/12.png b/src/assets/homepage_images/pottery/12.png
new file mode 100644
index 0000000000..3ce37b1ad1
Binary files /dev/null and b/src/assets/homepage_images/pottery/12.png differ
diff --git a/src/assets/homepage_images/pottery/13.png b/src/assets/homepage_images/pottery/13.png
new file mode 100644
index 0000000000..f721041076
Binary files /dev/null and b/src/assets/homepage_images/pottery/13.png differ
diff --git a/src/assets/homepage_images/pottery/14.png b/src/assets/homepage_images/pottery/14.png
new file mode 100644
index 0000000000..cfe5752b79
Binary files /dev/null and b/src/assets/homepage_images/pottery/14.png differ
diff --git a/src/assets/homepage_images/pottery/15.png b/src/assets/homepage_images/pottery/15.png
new file mode 100644
index 0000000000..ff7b9e84ac
Binary files /dev/null and b/src/assets/homepage_images/pottery/15.png differ
diff --git a/src/assets/homepage_images/pottery/2.png b/src/assets/homepage_images/pottery/2.png
new file mode 100644
index 0000000000..a036c2d94d
Binary files /dev/null and b/src/assets/homepage_images/pottery/2.png differ
diff --git a/src/assets/homepage_images/pottery/3.png b/src/assets/homepage_images/pottery/3.png
new file mode 100644
index 0000000000..5a9ebb02c4
Binary files /dev/null and b/src/assets/homepage_images/pottery/3.png differ
diff --git a/src/assets/homepage_images/pottery/4.png b/src/assets/homepage_images/pottery/4.png
new file mode 100644
index 0000000000..169c74641b
Binary files /dev/null and b/src/assets/homepage_images/pottery/4.png differ
diff --git a/src/assets/homepage_images/pottery/5.png b/src/assets/homepage_images/pottery/5.png
new file mode 100644
index 0000000000..90b7c18489
Binary files /dev/null and b/src/assets/homepage_images/pottery/5.png differ
diff --git a/src/assets/homepage_images/pottery/6.png b/src/assets/homepage_images/pottery/6.png
new file mode 100644
index 0000000000..f617bddc44
Binary files /dev/null and b/src/assets/homepage_images/pottery/6.png differ
diff --git a/src/assets/homepage_images/pottery/7.png b/src/assets/homepage_images/pottery/7.png
new file mode 100644
index 0000000000..977e215f8b
Binary files /dev/null and b/src/assets/homepage_images/pottery/7.png differ
diff --git a/src/assets/homepage_images/pottery/8.png b/src/assets/homepage_images/pottery/8.png
new file mode 100644
index 0000000000..d9f6aa5ee8
Binary files /dev/null and b/src/assets/homepage_images/pottery/8.png differ
diff --git a/src/assets/homepage_images/pottery/9.png b/src/assets/homepage_images/pottery/9.png
new file mode 100644
index 0000000000..9f65871b63
Binary files /dev/null and b/src/assets/homepage_images/pottery/9.png differ
diff --git a/src/assets/homepage_images/universe/1.png b/src/assets/homepage_images/universe/1.png
new file mode 100644
index 0000000000..0cea83157b
Binary files /dev/null and b/src/assets/homepage_images/universe/1.png differ
diff --git a/src/assets/homepage_images/universe/10.png b/src/assets/homepage_images/universe/10.png
new file mode 100644
index 0000000000..921a14622c
Binary files /dev/null and b/src/assets/homepage_images/universe/10.png differ
diff --git a/src/assets/homepage_images/universe/11.png b/src/assets/homepage_images/universe/11.png
new file mode 100644
index 0000000000..d5be6b17d8
Binary files /dev/null and b/src/assets/homepage_images/universe/11.png differ
diff --git a/src/assets/homepage_images/universe/12.png b/src/assets/homepage_images/universe/12.png
new file mode 100644
index 0000000000..295b03e81c
Binary files /dev/null and b/src/assets/homepage_images/universe/12.png differ
diff --git a/src/assets/homepage_images/universe/13.png b/src/assets/homepage_images/universe/13.png
new file mode 100644
index 0000000000..bbe24dfa0e
Binary files /dev/null and b/src/assets/homepage_images/universe/13.png differ
diff --git a/src/assets/homepage_images/universe/14.png b/src/assets/homepage_images/universe/14.png
new file mode 100644
index 0000000000..e8d863ff39
Binary files /dev/null and b/src/assets/homepage_images/universe/14.png differ
diff --git a/src/assets/homepage_images/universe/15.png b/src/assets/homepage_images/universe/15.png
new file mode 100644
index 0000000000..c6733979bd
Binary files /dev/null and b/src/assets/homepage_images/universe/15.png differ
diff --git a/src/assets/homepage_images/universe/2.png b/src/assets/homepage_images/universe/2.png
new file mode 100644
index 0000000000..3dbb6b3a2f
Binary files /dev/null and b/src/assets/homepage_images/universe/2.png differ
diff --git a/src/assets/homepage_images/universe/3.png b/src/assets/homepage_images/universe/3.png
new file mode 100644
index 0000000000..c0b5458a93
Binary files /dev/null and b/src/assets/homepage_images/universe/3.png differ
diff --git a/src/assets/homepage_images/universe/4.png b/src/assets/homepage_images/universe/4.png
new file mode 100644
index 0000000000..56f4a7d34d
Binary files /dev/null and b/src/assets/homepage_images/universe/4.png differ
diff --git a/src/assets/homepage_images/universe/5.png b/src/assets/homepage_images/universe/5.png
new file mode 100644
index 0000000000..852b4e9bd1
Binary files /dev/null and b/src/assets/homepage_images/universe/5.png differ
diff --git a/src/assets/homepage_images/universe/6.png b/src/assets/homepage_images/universe/6.png
new file mode 100644
index 0000000000..0130a445fd
Binary files /dev/null and b/src/assets/homepage_images/universe/6.png differ
diff --git a/src/assets/homepage_images/universe/7.png b/src/assets/homepage_images/universe/7.png
new file mode 100644
index 0000000000..7b1f329883
Binary files /dev/null and b/src/assets/homepage_images/universe/7.png differ
diff --git a/src/assets/homepage_images/universe/8.png b/src/assets/homepage_images/universe/8.png
new file mode 100644
index 0000000000..01c8b0cd45
Binary files /dev/null and b/src/assets/homepage_images/universe/8.png differ
diff --git a/src/assets/homepage_images/universe/9.png b/src/assets/homepage_images/universe/9.png
new file mode 100644
index 0000000000..991b990016
Binary files /dev/null and b/src/assets/homepage_images/universe/9.png differ
diff --git a/src/components/VContentPage.vue b/src/components/VContentPage.vue
index ef8c738a5e..50f930e084 100644
--- a/src/components/VContentPage.vue
+++ b/src/components/VContentPage.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="pt-5 md:pt-10" dir="ltr">
     <div
-      class="prose-h1:text-bold prose prose-sm mx-auto mb-10 max-w-none px-6 prose-headings:font-bold prose-h1:text-4xl prose-h2:text-2xl prose-h2:font-semibold prose-h3:text-2xl prose-h3:font-semibold md:prose-base md:max-w-4xl md:prose-h1:mb-10 md:prose-h2:mt-10 md:prose-h3:mt-10 lg:mb-30 lg:px-0 lg:prose-headings:text-3xl lg:prose-h1:text-6xl xl:max-w-5xl"
+      class="prose-h1:text-bold prose prose-sm mx-auto mb-10 max-w-none px-6 prose-headings:font-bold prose-h1:text-4xl prose-h2:text-2xl prose-h2:font-semibold prose-h3:text-2xl prose-h3:font-semibold md:max-w-4xl md:prose-base md:prose-h1:mb-10 md:prose-h2:mt-10 md:prose-h3:mt-10 lg:mb-30 lg:px-0 lg:prose-headings:text-3xl lg:prose-h1:text-6xl xl:max-w-5xl"
     >
       <slot default />
     </div>
diff --git a/src/components/VHeader/VHeaderInternal.vue b/src/components/VHeader/VHeaderInternal.vue
index 07f4164d24..d268cd4e82 100644
--- a/src/components/VHeader/VHeaderInternal.vue
+++ b/src/components/VHeader/VHeaderInternal.vue
@@ -1,7 +1,7 @@
 <template>
   <header
     ref="nodeRef"
-    class="main-header z-30 flex h-20 w-full items-stretch justify-between gap-x-2 border-b border-tx bg-white py-4 ps-2 pe-3 md:py-4 lg:ps-6 lg:pe-10"
+    class="main-header z-30 flex h-20 w-full items-stretch justify-between gap-x-2 border-b border-tx py-4 ps-2 pe-3 md:py-4 lg:ps-6 lg:pe-10"
   >
     <VHomeLink variant="dark" class="px-4 hover:bg-yellow" />
     <nav class="lg:justify-stretch hidden ms-auto lg:flex">
diff --git a/src/components/VHomeGallery/VHomeGallery.vue b/src/components/VHomeGallery/VHomeGallery.vue
new file mode 100644
index 0000000000..6a2da00cf9
--- /dev/null
+++ b/src/components/VHomeGallery/VHomeGallery.vue
@@ -0,0 +1,139 @@
+<template>
+  <!-- Wrapper element to center the grid if space is more than 5 columns. -->
+  <div
+    ref="el"
+    class="mx-10 flex flex-row items-center justify-end me-12 2xl:justify-center"
+  >
+    <!-- Image grid only occupies as much width as needed. -->
+    <div
+      class="home-gallery inline-grid grid-flow-col grid-rows-3 gap-8"
+      :style="{
+        gap: `${space}px`,
+        gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`,
+      }"
+    >
+      <ClientOnly>
+        <Component
+          :is="prefersReducedMotion ? 'div' : 'Transition'"
+          v-for="(image, idx) in imageList"
+          :key="idx"
+          enter-active-class="transition-opacity delay-[var(--delay)] duration-500"
+          leave-active-class="transition-opacity delay-[var(--delay)] duration-500"
+          enter-class="opacity-0"
+          leave-to-class="opacity-0"
+          mode="out-in"
+          appear
+        >
+          <VLink
+            class="home-cell rounded-full p-1 focus:bg-white"
+            :class="idx >= imageCount ? 'hidden' : 'block'"
+            :style="{ '--delay': `${idx * 0.05}s` }"
+            :href="image.url"
+          >
+            <img
+              :height="dimens"
+              :width="dimens"
+              :src="image.src"
+              :alt="image.title"
+              :title="image.title"
+            />
+          </VLink>
+        </Component>
+      </ClientOnly>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  computed,
+  defineComponent,
+  useContext,
+  useRouter,
+  PropType,
+  ref,
+} from "@nuxtjs/composition-api"
+
+import { useReducedMotion } from "~/composables/use-media-query"
+import useResizeObserver from "~/composables/use-resize-observer"
+
+import imageInfo from "~/assets/homepage_images/image_info.json"
+
+export const GALLERY_SETS = [
+  "universe",
+  "pottery",
+  "olympics",
+  "random",
+] as const
+export type GallerySet = typeof GALLERY_SETS[number]
+
+/**
+ * Displays a grid of images for the homepage, with each image linking to its
+ * single result page. The number of columns automatically adjusts to the width
+ * of the container upto a max of 5.
+ */
+export default defineComponent({
+  name: "VHomeGallery",
+  props: {
+    /**
+     * the set of images to use for the gallery grid
+     */
+    set: {
+      type: String as PropType<GallerySet>,
+      required: false,
+      default: "random",
+      validator: (val: GallerySet) => GALLERY_SETS.includes(val),
+    },
+  },
+  setup(props) {
+    const { app } = useContext()
+    const router = useRouter()
+    const prefersReducedMotion = useReducedMotion()
+
+    const dimens = 152 // px
+    const space = 24 // px; 32px space - 4px padding on both sides
+
+    const rowCount = 3
+    const columnCount = computed(() =>
+      Math.min(
+        5, // Grid cannot exceed 5 columns as we only have 15 images.
+        Math.floor((gridDimens.value.width + space) / (dimens + space))
+      )
+    )
+
+    const el = ref<HTMLElement | null>(null) // template ref
+    const { dimens: gridDimens } = useResizeObserver(el)
+
+    const imageList = computed(() => {
+      const imageSet =
+        props.set === "random"
+          ? imageInfo.sets[Math.floor(Math.random() * imageInfo.sets.length)]
+          : imageInfo.sets.find((item) => (item.key = props.set))
+      return imageSet?.images.map((image, idx) => ({
+        ...image,
+        src: require(`~/assets/homepage_images/${imageSet.key}/${idx + 1}.png`),
+        url: router.resolve(
+          app.localePath({
+            name: "image-id",
+            params: { id: image.identifier },
+          })
+        ).href,
+      }))
+    })
+    const imageCount = computed(() => columnCount.value * rowCount)
+
+    return {
+      el,
+
+      dimens,
+      space,
+
+      imageCount,
+      columnCount,
+      imageList,
+
+      prefersReducedMotion,
+    }
+  },
+})
+</script>
diff --git a/src/components/VHomeGallery/meta/VHomeGallery.stories.mdx b/src/components/VHomeGallery/meta/VHomeGallery.stories.mdx
new file mode 100644
index 0000000000..ddf06d64e7
--- /dev/null
+++ b/src/components/VHomeGallery/meta/VHomeGallery.stories.mdx
@@ -0,0 +1,39 @@
+import {
+  ArgsTable,
+  Canvas,
+  Description,
+  Meta,
+  Story,
+} from "@storybook/addon-docs"
+
+import VHomeGallery from "@/components/VHomeGallery/VHomeGallery.vue"
+
+<Meta
+  title="Components/VHomeGallery"
+  component={VHomeGallery}
+  argTypes={{
+    set: {
+      defaultValue: "random",
+      options: ["random", "olympics", "pottery", "universe"],
+      control: "select",
+    },
+  }}
+/>
+
+export const Template = (args) => ({
+  template: `<VHomeGallery v-bind="args" />`,
+  components: { VHomeGallery },
+  setup() {
+    return { args }
+  },
+})
+
+# VHomeGallery
+
+<Description of={VHomeGallery} />
+
+<ArgsTable of={VHomeGallery} />
+
+<Canvas>
+  <Story name="Default">{Template.bind({})}</Story>
+</Canvas>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 5b02b95e69..a105a755b2 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -13,6 +13,7 @@
         </template>
         <VHeaderInternal
           v-else
+          class="bg-white"
           :class="{ 'border-b-dark-charcoal-20': isHeaderScrolled }"
         />
       </template>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 362ce8ebea..e5eef78d1e 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,127 +1,171 @@
 <template>
-  <main
-    class="flex h-screen flex-col justify-center gap-6 overflow-hidden bg-yellow lg:flex-row lg:gap-0"
-  >
-    <!-- TODO: Refine min-width for different breakpoints, remove magic numbers -->
-    <header
-      class="box-border flex w-full flex-grow flex-col justify-between lg:w-auto lg:min-w-[32rem] lg:justify-center xl:min-w-[64rem]"
+  <div class="index flex min-h-screen flex-col bg-yellow">
+    <!-- See layout `default.vue` for reference implementation. -->
+    <div v-if="isNewHeaderEnabled" class="sticky top-0 z-40 block">
+      <VHeaderInternal />
+    </div>
+
+    <main
+      class="flex w-full flex-shrink-0 flex-grow flex-col justify-center gap-6 lg:flex-row lg:items-center lg:gap-0"
+      :class="{ 'h-screen overflow-hidden': !isNewHeaderEnabled }"
     >
-      <VLogoButtonOld
-        class="ms-3 lg:hidden"
-        :auto-resize-logo="false"
-        :is-search-route="false"
-      />
+      <!-- TODO: Refine min-width for different breakpoints, remove magic numbers -->
+      <header
+        class="box-border flex w-full flex-col justify-between lg:justify-center"
+        :class="
+          isNewHeaderEnabled
+            ? 'sm:px-8 md:px-14 lg:px-20 xl:w-[53.375rem] xl:pe-0'
+            : 'flex-grow lg:w-auto lg:min-w-[32rem] xl:min-w-[64rem]'
+        "
+      >
+        <VLogoButtonOld
+          v-if="!isNewHeaderEnabled"
+          class="ms-3 lg:hidden"
+          :auto-resize-logo="false"
+          :is-search-route="false"
+        />
 
-      <div class="z-10 mx-auto w-full px-6 lg:w-auto lg:pe-0 lg:ps-24">
-        <VLink href="/" class="hidden text-dark-charcoal lg:block">
-          <!-- eslint-disable vuejs-accessibility/heading-has-content -->
-          <h1><VBrand class="text-[46px]" /></h1>
-          <!-- eslint-enable vuejs-accessibility/heading-has-content -->
-        </VLink>
-        <h2
-          class="mt-auto mb-2 max-w-[80%] text-[27px] font-normal leading-[35px] md:mt-16 md:mb-4 md:text-[46px] md:leading-[60px]"
-        >
-          {{ $t("hero.subtitle") }}
-        </h2>
-        <p class="text-base md:text-3xl">{{ $t("hero.description") }}</p>
         <div
-          class="mt-8 flex justify-start gap-4"
-          :class="isNewHeaderEnabled ? 'lg:hidden' : 'md:hidden'"
+          class="z-10 mx-auto w-full px-6"
+          :class="isNewHeaderEnabled ? 'xl:pe-0' : 'lg:w-auto lg:pe-0 lg:ps-24'"
         >
-          <VSearchTypeRadio
-            v-for="type in supportedSearchTypes"
-            :key="type"
-            :search-type="type"
-            :selected="type === searchType"
-            @select="setSearchType"
-          />
+          <VLink
+            v-if="!isNewHeaderEnabled"
+            href="/"
+            class="hidden text-dark-charcoal lg:block"
+          >
+            <!-- eslint-disable vuejs-accessibility/heading-has-content -->
+            <h1><VBrand class="text-[46px]" /></h1>
+            <!-- eslint-enable vuejs-accessibility/heading-has-content -->
+          </VLink>
+
+          <h2
+            class="mt-auto mb-2"
+            :class="
+              isNewHeaderEnabled
+                ? 'text-[40px] font-light leading-tight lg:text-[63px]'
+                : 'max-w-[80%] text-[27px] font-normal leading-[35px] md:mt-16 md:mb-4 md:text-[46px] md:leading-[60px]'
+            "
+          >
+            {{ $t("hero.subtitle") }}
+          </h2>
+
+          <p
+            class="text-base"
+            :class="isNewHeaderEnabled ? 'leading-relaxed' : 'md:text-3xl'"
+          >
+            {{ $t("hero.description") }}
+          </p>
+
+          <div
+            class="mt-8 flex justify-start gap-4"
+            :class="isNewHeaderEnabled ? 'lg:hidden' : 'md:hidden'"
+          >
+            <VSearchTypeRadio
+              v-for="type in supportedSearchTypes"
+              :key="type"
+              :search-type="type"
+              :selected="type === searchType"
+              @select="setSearchType"
+            />
+          </div>
+          <VStandaloneSearchBar
+            class="mt-4 md:mt-6"
+            :class="{ 'max-w-[40rem]': !isNewHeaderEnabled }"
+            @submit="handleSearch"
+          >
+            <VSearchTypePopoverOld
+              v-show="isDesktopLayout"
+              ref="contentSwitcher"
+              class="mx-3 group-focus-within:bg-white group-hover:bg-white"
+              :active-item="searchType"
+              placement="searchbar"
+              @select="setSearchType"
+            />
+          </VStandaloneSearchBar>
+
+          <!-- Disclaimer for large screens -->
+          <i18n
+            path="hero.disclaimer.content"
+            tag="p"
+            class="mt-4 text-sr"
+            :class="{ 'hidden lg:block': !isNewHeaderEnabled }"
+          >
+            <template #openverse>Openverse</template>
+            <template #license>
+              <VLink
+                href="https://creativecommons.org/licenses/"
+                class="text-dark-charcoal underline hover:text-dark-charcoal"
+                >{{ $t("hero.disclaimer.license") }}</VLink
+              >
+            </template>
+          </i18n>
         </div>
-        <VStandaloneSearchBar
-          class="mt-4 max-w-[40rem] md:mt-6"
-          @submit="handleSearch"
-        >
-          <VSearchTypePopoverOld
-            v-show="isDesktopLayout"
-            ref="contentSwitcher"
-            class="mx-3 group-focus-within:bg-white group-hover:bg-white"
-            :active-item="searchType"
-            placement="searchbar"
-            @select="setSearchType"
-          />
-        </VStandaloneSearchBar>
-
-        <!-- Disclaimer for large screens -->
-        <i18n
-          path="hero.disclaimer.content"
-          tag="p"
-          class="mt-4 hidden text-sr lg:block"
+      </header>
+
+      <!-- Image carousel -->
+      <VHomeGallery
+        v-if="isNewHeaderEnabled"
+        class="hidden h-full flex-grow xl:flex"
+      />
+      <div
+        v-else
+        class="w-full flex-grow overflow-hidden px-6 lg:h-full lg:w-auto"
+        data-testid="image-carousel"
+      >
+        <!-- Height is 114.286vh i.e. 100vh * 8/7 (so that 0.75, 1, 1, 0.75 circles are visible) -->
+        <!-- Width is 57.143vh i.e. half of height (because grid dimensions are 4 ⨯ 2) -->
+        <div
+          class="homepage-images flex min-h-[120px] flex-row items-center gap-4 lg:grid lg:h-[114.286vh] lg:w-[57.143vh] lg:grid-cols-2 lg:grid-rows-4 lg:gap-0"
+          aria-hidden
         >
-          <template #openverse>Openverse</template>
-          <template #license>
-            <VLink
-              href="https://creativecommons.org/licenses/"
-              class="text-dark-charcoal underline hover:text-dark-charcoal"
-              >{{ $t("hero.disclaimer.license") }}</VLink
+          <ClientOnly>
+            <Transition
+              v-for="(image, index) in featuredSearch.images"
+              :key="image.identifier"
+              name="fade"
+              mode="out-in"
+              appear
             >
-          </template>
-        </i18n>
+              <VLink
+                :href="image.url"
+                class="homepage-image block aspect-square h-30 w-30 rounded-full lg:m-[2vh] lg:h-auto lg:w-auto"
+                :style="{ '--transition-index': `${index * 0.05}s` }"
+              >
+                <img
+                  class="aspect-square h-full w-full rounded-full object-cover"
+                  :src="image.src"
+                  :alt="image.title"
+                  width="120"
+                  height="120"
+                  :title="image.title"
+                />
+              </VLink>
+            </Transition>
+          </ClientOnly>
+        </div>
       </div>
-    </header>
 
-    <!-- Image carousel -->
-    <div
-      class="w-full flex-grow overflow-hidden px-6 lg:h-full lg:w-auto"
-      data-testid="image-carousel"
-    >
-      <!-- Height is 114.286vh i.e. 100vh * 8/7 (so that 0.75, 1, 1, 0.75 circles are visible) -->
-      <!-- Width is 57.143vh i.e. half of height (because grid dimensions are 4 ⨯ 2) -->
-      <div
-        class="homepage-images flex min-h-[120px] flex-row items-center gap-4 lg:grid lg:h-[114.286vh] lg:w-[57.143vh] lg:grid-cols-2 lg:grid-rows-4 lg:gap-0"
-        aria-hidden
+      <!-- Disclaimer as footer for small screens -->
+      <i18n
+        v-if="!isNewHeaderEnabled"
+        path="hero.disclaimer.content"
+        tag="p"
+        class="mt-auto p-6 text-sr lg:hidden"
       >
-        <ClientOnly>
-          <Transition
-            v-for="(image, index) in featuredSearch.images"
-            :key="image.identifier"
-            name="fade"
-            mode="out-in"
-            appear
+        <template #openverse>Openverse</template>
+        <template #license>
+          <VLink
+            href="https://creativecommons.org/licenses/"
+            class="text-dark-charcoal underline hover:text-dark-charcoal"
+            >{{ $t("hero.disclaimer.license") }}</VLink
           >
-            <VLink
-              :href="image.url"
-              class="homepage-image block aspect-square h-30 w-30 rounded-full lg:m-[2vh] lg:h-auto lg:w-auto"
-              :style="{ '--transition-index': `${index * 0.05}s` }"
-            >
-              <img
-                class="aspect-square h-full w-full rounded-full object-cover"
-                :src="image.src"
-                :alt="image.title"
-                width="120"
-                height="120"
-                :title="image.title"
-              />
-            </VLink>
-          </Transition>
-        </ClientOnly>
-      </div>
-    </div>
+        </template>
+      </i18n>
+    </main>
 
-    <!-- Disclaimer as footer for small screens -->
-    <i18n
-      path="hero.disclaimer.content"
-      tag="p"
-      class="mt-auto p-6 text-sr lg:hidden"
-    >
-      <template #openverse>Openverse</template>
-      <template #license>
-        <VLink
-          href="https://creativecommons.org/licenses/"
-          class="text-dark-charcoal underline hover:text-dark-charcoal"
-          >{{ $t("hero.disclaimer.license") }}</VLink
-        >
-      </template>
-    </i18n>
-  </main>
+    <VFooter v-if="isNewHeaderEnabled" mode="internal" />
+  </div>
 </template>
 
 <script lang="ts">
@@ -153,6 +197,9 @@ import VStandaloneSearchBar from "~/components/VHeader/VSearchBar/VStandaloneSea
 import VSearchTypeRadio from "~/components/VContentSwitcher/VSearchTypeRadio.vue"
 import VSearchTypePopoverOld from "~/components/VContentSwitcherOld/VSearchTypePopoverOld.vue"
 import VBrand from "~/components/VBrand/VBrand.vue"
+import VHomeGallery from "~/components/VHomeGallery/VHomeGallery.vue"
+import VFooter from "~/components/VFooter/VFooter.vue"
+import VHeaderInternal from "~/components/VHeader/VHeaderInternal.vue"
 
 import imageInfo from "~/assets/homepage_images/image_info.json"
 
@@ -160,6 +207,9 @@ export default defineComponent({
   name: "HomePage",
   components: {
     VBrand,
+    VHeaderInternal,
+    VFooter,
+    VHomeGallery,
     VSearchTypePopoverOld,
     VSearchTypeRadio,
     VStandaloneSearchBar,
@@ -202,16 +252,18 @@ export default defineComponent({
 
     const featuredSearches = imageInfo.sets.map((setItem) => ({
       ...setItem,
-      images: setItem.images.map((imageItem) => ({
-        ...imageItem,
-        src: require(`~/assets/homepage_images/${setItem.prefix}-${imageItem.index}.jpg`),
-        url: router.resolve(
-          app.localePath({
-            name: "image-id",
-            params: { id: imageItem.identifier },
-          })
-        ).href,
-      })),
+      images: setItem.images
+        .map((imageItem) => ({
+          ...imageItem,
+          src: require(`~/assets/homepage_images/${setItem.key}/${imageItem.index}.png`),
+          url: router.resolve(
+            app.localePath({
+              name: "image-id",
+              params: { id: imageItem.identifier },
+            })
+          ).href,
+        }))
+        .slice(0, 7),
     }))
 
     const featuredSearchIdx = Math.floor(Math.random() * 3)
diff --git a/tailwind.config.js b/tailwind.config.js
index 1b00d0ec47..1ed862a19f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -167,6 +167,7 @@ module.exports = {
         "1.2", // 120%
       ],
     },
+    // FIXME: This should be `lineHeight` but fixing it will break VRT
     lineHeights: {
       larger: "1.9",
       large: "1.7",
@@ -186,6 +187,9 @@ module.exports = {
       serif: [...defaultTheme.fontFamily.serif],
     },
     extend: {
+      lineHeight: {
+        relaxed: "1.8",
+      },
       scale: {
         "-100": "-1",
       },
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts b/test/playwright/visual-regression/pages/homepage.spec.ts
index 17b2c82f2c..7f78d6b880 100644
--- a/test/playwright/visual-regression/pages/homepage.spec.ts
+++ b/test/playwright/visual-regression/pages/homepage.spec.ts
@@ -6,6 +6,7 @@ import {
   dismissTranslationBanner,
   pathWithDir,
   languageDirections,
+  enableNewHeader,
 } from "~~/test/playwright/utils/navigation"
 
 test.describe.configure({ mode: "parallel" })
@@ -18,6 +19,18 @@ const deleteImageCarousel = async (page: Page) => {
   await element?.evaluate((node) => node.remove())
   element?.dispose()
 }
+
+/**
+ * Make the random set of images uniform by dropping their brightness to zero,
+ * and changing them into black circles.
+ */
+const cleanImageCarousel = async (page: Page) => {
+  await page.addStyleTag({
+    content: ".home-cell > img { filter: brightness(0%); }",
+  })
+  await page.waitForTimeout(1000) // wait for animation to finish
+}
+
 for (const dir of languageDirections) {
   test.describe(`${dir} homepage snapshots`, () => {
     const path = pathWithDir("/", dir)
@@ -29,8 +42,17 @@ for (const dir of languageDirections) {
     })
 
     breakpoints.describeEvery(({ expectSnapshot }) =>
-      test(`${dir} full page`, async ({ page }) => {
+      test(`${dir} full page old design`, async ({ page }) => {
         await deleteImageCarousel(page)
+        await expectSnapshot(`index-old-design-${dir}`, page)
+      })
+    )
+
+    breakpoints.describeEvery(({ expectSnapshot }) =>
+      test(`${dir} full page`, async ({ page }) => {
+        await enableNewHeader(page)
+        await page.reload() // to show the redesigned page
+        await cleanImageCarousel(page)
         await expectSnapshot(`index-${dir}`, page)
       })
     )
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-linux.png
index 5ed3ee2727..991065a9e9 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-linux.png
index 045e240f59..599142fa57 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-md-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-md-linux.png
index cf5cb57ddf..374533052e 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-md-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-sm-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-sm-linux.png
index 858ae8d074..3922fabe85 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-sm-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-linux.png
index 78c560344b..b5bca717f7 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xs-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xs-linux.png
index 4e3e323161..42857337f4 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xs-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xs-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-2xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-2xl-linux.png
new file mode 100644
index 0000000000..5ed3ee2727
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-lg-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-lg-linux.png
new file mode 100644
index 0000000000..045e240f59
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-md-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-md-linux.png
new file mode 100644
index 0000000000..cf5cb57ddf
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-sm-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-sm-linux.png
new file mode 100644
index 0000000000..858ae8d074
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-xl-linux.png
new file mode 100644
index 0000000000..78c560344b
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-xs-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-xs-linux.png
new file mode 100644
index 0000000000..4e3e323161
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-ltr-xs-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-2xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-2xl-linux.png
new file mode 100644
index 0000000000..f39d97d1fa
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-lg-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-lg-linux.png
new file mode 100644
index 0000000000..bd10ee8b4d
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-md-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-md-linux.png
new file mode 100644
index 0000000000..5545f95211
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-sm-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-sm-linux.png
new file mode 100644
index 0000000000..f6f7027a2d
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-xl-linux.png
new file mode 100644
index 0000000000..ad33dd4f2c
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-xs-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-xs-linux.png
new file mode 100644
index 0000000000..3b0f7db5e6
Binary files /dev/null and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-old-design-rtl-xs-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-linux.png
index f39d97d1fa..200903774b 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-linux.png
index bd10ee8b4d..fee3c66922 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-md-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-md-linux.png
index 5545f95211..75a2e5046d 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-md-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-sm-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-sm-linux.png
index f6f7027a2d..b0f7e3882d 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-sm-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-linux.png
index ad33dd4f2c..f8a007cb73 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xs-linux.png b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xs-linux.png
index 3b0f7db5e6..9b4a27d4b6 100644
Binary files a/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xs-linux.png and b/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xs-linux.png differ
diff --git a/tsconfig.json b/tsconfig.json
index d87a3c058b..7eebaa8ca4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -58,6 +58,7 @@
     "src/components/VCheckbox/**.vue",
     "src/components/VContentLink/**.vue",
     "src/components/VGlobalAudioSection/**.vue",
+    "src/components/VHomeGallery/**.vue",
     "src/components/VIcon/**.vue",
     "src/components/VIconButton/**.vue",
     "src/components/VImageGrid/**.vue",