diff --git a/assets/KODADOT.webp b/assets/KODADOT.webp
new file mode 100644
index 0000000000..714bbb6387
Binary files /dev/null and b/assets/KODADOT.webp differ
diff --git a/components/Footer.vue b/components/Footer.vue
index 79935dd9df..9f63d5bc3e 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -1,7 +1,7 @@
 <template>
   <footer class="footer">
-    <CookieBanner />
-    <KeyboardShortcutsModal />
+    <LazyCookieBanner />
+    <LazyModalsKeyboardShortcutsModal />
     <div class="container footer__wrapper">
       <div class="icons">
         <ul class="footer__list icons__list">
@@ -9,7 +9,8 @@
             <a
               href="https://medium.com/kodadot"
               target="_blank"
-              rel="noopener noreferrer">
+              rel="noopener noreferrer"
+              aria-label="Medium">
               <b-icon pack="fab" icon="medium" size="is-medium" />
             </a>
           </li>
@@ -17,7 +18,8 @@
             <a
               href="https://discord.gg/u6ymnbz4PR"
               target="_blank"
-              rel="noopener noreferrer">
+              rel="noopener noreferrer"
+              aria-label="Discord">
               <b-icon pack="fab" icon="discord" size="is-medium" />
             </a>
           </li>
@@ -25,7 +27,8 @@
             <a
               href="https://www.youtube.com/channel/UCEULduld5NrqOL49k1KVjoA/"
               target="_blank"
-              rel="noopener noreferrer">
+              rel="noopener noreferrer"
+              aria-label="Youtube">
               <b-icon pack="fab" icon="youtube" size="is-medium" />
             </a>
           </li>
@@ -33,7 +36,8 @@
             <a
               href="https://twitter.com/KodaDot"
               target="_blank"
-              rel="noopener noreferrer">
+              rel="noopener noreferrer"
+              aria-label="Twitter">
               <b-icon pack="fab" icon="twitter" size="is-medium" />
             </a>
           </li>
@@ -66,12 +70,7 @@ interface Menu {
   url: string
   external?: boolean
 }
-@Component({
-  components: {
-    KeyboardShortcutsModal: () =>
-      import('@/components/shared/modals/keyboardShortcutsModal.vue'),
-  },
-})
+@Component({})
 export default class Footer extends Vue {
   public menu: Menu[] = [
     {
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 7cb3ac193c..aba3aae7f0 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -12,7 +12,8 @@
         <img
           src="~/assets/Koda_Beta.svg"
           alt="First NFT market explorer on Kusama and Polkadot"
-          height="32" />
+          width="130"
+          height="35" />
       </b-navbar-item>
       <div
         v-if="showMobileSearchBar"
@@ -50,7 +51,7 @@
         searchColumnClass="is-flex-grow-1" />
     </template>
     <template #end v-if="showTopNavbar">
-      <HistoryBrowser
+      <LazyHistoryBrowser
         class="custom-navbar-item navbar-link-background is-hidden-touch"
         id="NavHistoryBrowser" />
       <b-navbar-dropdown arrowless collapsible id="NavCreate">
@@ -99,8 +100,8 @@
           </b-navbar-item>
         </template>
       </b-navbar-dropdown>
-      <ChainSelect class="custom-navbar-item" id="NavChainSelect" />
-      <LocaleChanger class="custom-navbar-item" id="NavLocaleChanger" />
+      <LazyChainSelect class="custom-navbar-item" id="NavChainSelect" />
+      <LazySwitchLocale class="custom-navbar-item" id="NavLocaleChanger" />
       <NavbarProfileDropdown :isRmrk="isRmrk" id="NavProfile" />
     </template>
     <template #end v-else>
@@ -118,9 +119,6 @@
 
 <script lang="ts">
 import { Component, mixins } from 'nuxt-property-decorator'
-import LocaleChanger from '@/components/shared/SwitchLocale.vue'
-import ChainSelect from '@/components/shared/ChainSelect.vue'
-import HistoryBrowser from '@/components/shared/history/HistoryBrowser.vue'
 import NavbarProfileDropdown from '@/components/rmrk/Profile/NavbarProfileDropdown.vue'
 import PrefixMixin from '~/utils/mixins/prefixMixin'
 import Identity from '@/components/shared/format/Identity.vue'
@@ -132,10 +130,7 @@ import { get } from 'idb-keyval'
 
 @Component({
   components: {
-    LocaleChanger,
-    HistoryBrowser,
     NavbarProfileDropdown,
-    ChainSelect,
     Search,
     Identity,
     BasicImage,
diff --git a/components/landing/Landing.vue b/components/landing/Landing.vue
index 4631829b12..ef8e96ea00 100644
--- a/components/landing/Landing.vue
+++ b/components/landing/Landing.vue
@@ -3,11 +3,17 @@
     <div class="container">
       <div class="columns">
         <div class="column">
-          <img
-            src="~/assets/KODADOT.png"
-            alt="First NFT market explorer on Kusama and Polkadot"
-            class="mb-5 is-hidden-mobile"
-            height="60" />
+          <picture>
+            <source srcset="~/assets/KODADOT.webp" type="image/webp" />
+            <source srcset="~/assets/KODADOT.png" type="image/png" />
+            <img
+              src="~/assets/KODADOT.png"
+              alt="First NFT market explorer on Kusama and Polkadot"
+              class="mb-5 is-hidden-mobile"
+              width="950"
+              height="165"
+              loading="lazy" />
+          </picture>
           <h3
             class="title is-1 is-size-3-mobile is-flex is-flex-direction-column uppercase homepage__heading">
             <span class="text__stroked my-5">
@@ -24,16 +30,19 @@
             rel="noopener noreferrer">
             <img
               src="https://badgen.net/discord/online-members/35hzy2dXXh"
-              alt="Discord" />
+              alt="Discord"
+              width="354"
+              height="40"
+              style="width: 177px" />
           </a>
         </div>
         <div class="column">
-          <CuratedList v-if="prefix === 'rmrk'" />
+          <LazyGalleryCuratedList v-if="prefix === 'rmrk'" />
         </div>
       </div>
       <div v-if="prefix === 'rmrk'">
-        <LatestSales class="my-5" />
-        <NewestList class="my-5" />
+        <LazyGalleryLatestSales class="my-5" />
+        <LazyGalleryNewestList class="my-5" />
       </div>
     </div>
   </section>
@@ -42,14 +51,7 @@
 <script lang="ts">
 import { Component, Prop, Vue } from 'nuxt-property-decorator'
 
-const components = {
-  LatestSales: () => import('@/components/rmrk/Gallery/LatestSales.vue'),
-  NewestList: () => import('@/components/rmrk/Gallery/NewestList.vue'),
-  CuratedList: () => import('@/components/rmrk/Gallery/CuratedList.vue'),
-}
-@Component<Landing>({
-  components,
-})
+@Component<Landing>({})
 export default class Landing extends Vue {
   @Prop({ type: String, required: true, default: 'rmrk' }) prefix!: string
   @Prop({ type: String, default: 'RMRK Protocol' }) buildOn!: string
diff --git a/components/rmrk/Gallery/CuratedList.vue b/components/rmrk/Gallery/CuratedList.vue
index f6b051e179..17015e5212 100644
--- a/components/rmrk/Gallery/CuratedList.vue
+++ b/components/rmrk/Gallery/CuratedList.vue
@@ -12,7 +12,11 @@
       indicator-position="is-bottom"
       indicator-style="is-lines">
       <b-carousel-item v-for="(collection, i) in collections" :key="i">
-        <b-image ratio="1by1" class="image" :src="collection.image"></b-image>
+        <b-image
+          ratio="1by1"
+          class="image"
+          :src="collection.image"
+          :alt="collection.name"></b-image>
         <div class="box">
           <div class="content has-text-left">
             <nuxt-link
diff --git a/components/shared/history/HistoryBrowser.vue b/components/shared/history/Browser.vue
similarity index 94%
rename from components/shared/history/HistoryBrowser.vue
rename to components/shared/history/Browser.vue
index 4c75e4d7fc..a7bab1a736 100644
--- a/components/shared/history/HistoryBrowser.vue
+++ b/components/shared/history/Browser.vue
@@ -48,13 +48,9 @@
 
 <script lang="ts">
 import { Component, Vue } from 'nuxt-property-decorator'
-import HistoryBrowserItem from '~/components/shared/history/HistoryBrowserItem.vue'
 import { HistoryItem } from '~/store/history'
 
 @Component({
-  components: {
-    HistoryBrowserItem,
-  },
   filters: {
     truncate: function truncateFct(value, limit) {
       if (value?.length > limit) {
@@ -64,7 +60,7 @@ import { HistoryItem } from '~/store/history'
     },
   },
 })
-export default class HistoryBrowser extends Vue {
+export default class Browser extends Vue {
   get hasHistory() {
     return this.history && this.history.length
   }
diff --git a/components/shared/history/HistoryBrowserItem.vue b/components/shared/history/BrowserItem.vue
similarity index 97%
rename from components/shared/history/HistoryBrowserItem.vue
rename to components/shared/history/BrowserItem.vue
index f80ece0b17..0c46f07780 100644
--- a/components/shared/history/HistoryBrowserItem.vue
+++ b/components/shared/history/BrowserItem.vue
@@ -48,7 +48,7 @@ import { HistoryItem } from '~/store/history'
     },
   },
 })
-export default class HistoryBrowserItem extends Vue {
+export default class BrowserItem extends Vue {
   @Prop({ default: Object }) public item!: HistoryItem
 
   removeItemFromHistory(id: string) {
diff --git a/layouts/centered-half-layout.vue b/layouts/centered-half-layout.vue
index e623cd33ed..8c53e8b5b9 100644
--- a/layouts/centered-half-layout.vue
+++ b/layouts/centered-half-layout.vue
@@ -17,6 +17,6 @@
         </div>
       </section>
     </main>
-    <Footer />
+    <LazyFooter />
   </div>
 </template>
diff --git a/layouts/default.vue b/layouts/default.vue
index 83e7d03d33..e700dbf693 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -13,6 +13,6 @@
         </div>
       </section>
     </main>
-    <Footer />
+    <LazyFooter />
   </div>
 </template>
diff --git a/layouts/full-width-layout.vue b/layouts/full-width-layout.vue
index 672f3b1d45..3c25a9b9a0 100644
--- a/layouts/full-width-layout.vue
+++ b/layouts/full-width-layout.vue
@@ -9,6 +9,6 @@
         errorSubtitle="Please check your network connections" />
       <Nuxt v-else />
     </main>
-    <Footer />
+    <LazyFooter />
   </div>
 </template>
diff --git a/nuxt.config.js b/nuxt.config.js
index b745fce34c..d186979d65 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -168,14 +168,15 @@ export default defineNuxtConfig({
         path: '~/components/transfer',
         extensions: ['vue'],
       },
+      {
+        path: '~/components/unique',
+        extensions: ['vue'],
+      },
     ],
   },
 
   // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
-  buildModules: [
-    // https://go.nuxtjs.dev/typescript
-    '@nuxtjs/pwa',
-  ],
+  buildModules: ['@nuxtjs/pwa'],
 
   // Modules: https://go.nuxtjs.dev/config-modules
   modules: [
diff --git a/package.json b/package.json
index 0a0e3d204a..9c24c0d39d 100644
--- a/package.json
+++ b/package.json
@@ -22,10 +22,10 @@
     "dev": "PORT=9090 nuxt dev",
     "dev-docker": "npx nuxi dev",
     "dev-experimental": "nuxi dev --hostname localhost --port 9090",
-    "build": "nuxi build",
+    "build": "nuxi build --modern",
     "start": "nuxi preview",
-    "generate:pnpm": "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm generate",
-    "generate": "nuxi generate",
+    "generate:pnpm": "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm generate --modern",
+    "generate": "nuxi generate --modern",
     "lint": "eslint --ignore-path .gitignore --ext .js,.ts,.vue .",
     "lint:quiet": "eslint --quiet --ignore-path .gitignore --ext .js,.ts,.vue .",
     "lint:fix": "eslint --fix --quiet --ignore-path .gitignore --ext .js,.ts,.vue .",