diff --git a/web-app/packages/app/src/App.vue b/web-app/packages/app/src/App.vue
index 8a225486..c1743bd0 100644
--- a/web-app/packages/app/src/App.vue
+++ b/web-app/packages/app/src/App.vue
@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
         'col-12',
         'min-h-full',
         'overflow-auto',
-        drawer && !isOverlay && 'xl:col-offset-2 xl:col-10',
+        drawer && !isOverlay && 'xl:col-offset-2 xl:col-10'
       ]"
     >
       <router-view name="header" v-slot="{ Component, route }">
@@ -50,11 +50,9 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
           >
         </v-card-text>
       </v-card>
-      <router-view class="page" v-slot="{ Component, route }">
+      <router-view v-slot="{ Component, route }">
         <transition name="fade">
-          <div :key="route.name">
-            <component :is="Component" />
-          </div>
+          <component :is="Component" />
         </transition>
       </router-view>
     </main>
@@ -75,7 +73,8 @@ import {
   useInstanceStore,
   useLayoutStore,
   useNotificationStore,
-  useUserStore
+  useUserStore,
+  AppContainer
 } from '@mergin/lib'
 import { mapActions, mapState } from 'pinia'
 import { defineComponent } from 'vue'
@@ -83,7 +82,13 @@ import { useMeta } from 'vue-meta'
 
 export default defineComponent({
   name: 'app',
-  components: { UploadProgress, Notifications, DialogWindows, GlobalWarning },
+  components: {
+    UploadProgress,
+    Notifications,
+    DialogWindows,
+    GlobalWarning,
+    AppContainer
+  },
   computed: {
     ...mapState(useInstanceStore, ['pingData']),
     ...mapState(useAppStore, ['serverError']),
@@ -161,7 +166,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-
 .fade-leave-active {
   position: absolute;
   top: 0;
diff --git a/web-app/packages/app/src/modules/dashboard/views/DashboardView.vue b/web-app/packages/app/src/modules/dashboard/views/DashboardView.vue
index 20f748b1..1f384eea 100644
--- a/web-app/packages/app/src/modules/dashboard/views/DashboardView.vue
+++ b/web-app/packages/app/src/modules/dashboard/views/DashboardView.vue
@@ -8,6 +8,9 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
   <dashboard-view-template :canCreateProject="canCreateProject">
     <template #usageInfo>
       <dashboard-usage-info-row />
+      <dashboard-full-storage-warning-row v-slot="{ usage }">
+        <full-storage-warning :usage="usage" />
+      </dashboard-full-storage-warning-row>
     </template>
     <template #content>
       <dashboard-access-requests-row v-if="userStore.isGlobalWorkspaceAdmin">
@@ -15,8 +18,9 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
           <project-access-request-table :namespace="namespace" />
         </template>
       </dashboard-access-requests-row>
-      <dashboard-projects-row>
-        <template #projects>
+      <app-section>
+        <template #title>Recent active projects</template>
+        <template #default>
           <projects-table-data-loader
             :show-namespace="false"
             :showFooter="false"
@@ -27,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
             show-tags
           />
         </template>
-      </dashboard-projects-row>
+      </app-section>
     </template>
   </dashboard-view-template>
 </template>
@@ -35,13 +39,14 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 <script lang="ts">
 import {
   DashboardViewTemplate,
-  DashboardProjectsRow,
-  DashboardAccessRequestsRow,
   ProjectsTableDataLoader,
   DashboardUsageInfoRow,
+  DashboardFullStorageWarningRow,
   ProjectAccessRequestTable,
+  FullStorageWarning,
   useProjectStore,
-  useUserStore
+  useUserStore,
+  AppSection
 } from '@mergin/lib'
 import { defineComponent, computed, ref, onMounted } from 'vue'
 
@@ -49,11 +54,12 @@ export default defineComponent({
   name: 'DashboardView',
   components: {
     DashboardViewTemplate,
-    DashboardProjectsRow,
-    DashboardAccessRequestsRow,
     ProjectsTableDataLoader,
+    DashboardFullStorageWarningRow,
     DashboardUsageInfoRow,
-    ProjectAccessRequestTable
+    ProjectAccessRequestTable,
+    AppSection,
+    FullStorageWarning
   },
   setup() {
     const initialOptions = ref({
diff --git a/web-app/packages/app/src/modules/layout/components/AppHeader.vue b/web-app/packages/app/src/modules/layout/components/AppHeader.vue
index 94b7f415..3f580ff9 100644
--- a/web-app/packages/app/src/modules/layout/components/AppHeader.vue
+++ b/web-app/packages/app/src/modules/layout/components/AppHeader.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 -->
 
 <template>
-  <app-header-template :isPrimary="isPrimary" :renderNamespace="false" />
+  <app-header-template :renderNamespace="false" />
 </template>
 
 <script lang="ts">
@@ -14,12 +14,6 @@ import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'AppHeader',
-  props: {
-    isPrimary: {
-      type: Boolean,
-      default: true
-    }
-  },
   components: { AppHeaderTemplate }
 })
 </script>
diff --git a/web-app/packages/lib/.eslintrc.cjs b/web-app/packages/lib/.eslintrc.cjs
index bc0aedec..106fdc82 100644
--- a/web-app/packages/lib/.eslintrc.cjs
+++ b/web-app/packages/lib/.eslintrc.cjs
@@ -20,5 +20,6 @@ module.exports = {
     // Vue 3 opt https://v3-migration.vuejs.org/breaking-changes/key-attribute.html#with-template-v-for
     'vue/no-v-for-template-key-on-child': 'error',
     'vue/no-v-for-template-key': 'off',
+    'vue/no-multiple-template-root': 'off',
   }
 }
diff --git a/web-app/packages/lib/src/assets/App_Store.svg b/web-app/packages/lib/src/assets/App_Store.svg
deleted file mode 100644
index 072b425a..00000000
--- a/web-app/packages/lib/src/assets/App_Store.svg
+++ /dev/null
@@ -1,46 +0,0 @@
-<svg id="livetype" xmlns="http://www.w3.org/2000/svg" width="119.66407" height="40" viewBox="0 0 119.66407 40">
-  <title>Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917</title>
-  <g>
-    <g>
-      <g>
-        <path d="M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z" style="fill: #a6a6a6"/>
-        <path d="M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z"/>
-      </g>
-      <g id="_Group_" data-name="&lt;Group&gt;">
-        <g id="_Group_2" data-name="&lt;Group&gt;">
-          <g id="_Group_3" data-name="&lt;Group&gt;">
-            <path id="_Path_" data-name="&lt;Path&gt;" d="M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z" style="fill: #fff"/>
-            <path id="_Path_2" data-name="&lt;Path&gt;" d="M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z" style="fill: #fff"/>
-          </g>
-        </g>
-        <g>
-          <path d="M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z" style="fill: #fff"/>
-          <path d="M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z" style="fill: #fff"/>
-          <path d="M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z" style="fill: #fff"/>
-          <path d="M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z" style="fill: #fff"/>
-          <path d="M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z" style="fill: #fff"/>
-          <path d="M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z" style="fill: #fff"/>
-          <path d="M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z" style="fill: #fff"/>
-          <path d="M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z" style="fill: #fff"/>
-        </g>
-      </g>
-    </g>
-    <g id="_Group_4" data-name="&lt;Group&gt;">
-      <g>
-        <path d="M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z" style="fill: #fff"/>
-        <path d="M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z" style="fill: #fff"/>
-        <path d="M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z" style="fill: #fff"/>
-        <path d="M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"/>
-        <path d="M59.09377,8.437h.88867v6.26074h-.88867Z" style="fill: #fff"/>
-        <path d="M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z" style="fill: #fff"/>
-        <path d="M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z" style="fill: #fff"/>
-        <path d="M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z" style="fill: #fff"/>
-        <path d="M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z" style="fill: #fff"/>
-        <path d="M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"/>
-        <path d="M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z" style="fill: #fff"/>
-        <path d="M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z" style="fill: #fff"/>
-        <path d="M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z" style="fill: #fff"/>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/web-app/packages/lib/src/assets/appstore.jpg b/web-app/packages/lib/src/assets/appstore.jpg
new file mode 100644
index 00000000..0f0f0593
Binary files /dev/null and b/web-app/packages/lib/src/assets/appstore.jpg differ
diff --git a/web-app/packages/lib/src/assets/footer-mobile.png b/web-app/packages/lib/src/assets/footer-mobile.png
new file mode 100644
index 00000000..d1b87845
Binary files /dev/null and b/web-app/packages/lib/src/assets/footer-mobile.png differ
diff --git a/web-app/packages/lib/src/assets/googleplay.jpg b/web-app/packages/lib/src/assets/googleplay.jpg
new file mode 100644
index 00000000..1b9c032b
Binary files /dev/null and b/web-app/packages/lib/src/assets/googleplay.jpg differ
diff --git a/web-app/packages/lib/src/assets/huawei.svg b/web-app/packages/lib/src/assets/huawei.svg
deleted file mode 100644
index 58cb426b..00000000
--- a/web-app/packages/lib/src/assets/huawei.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg width="293" height="88" viewBox="0 0 293 88" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M271.481 0.695648H21.3592C20.5437 0.695648 19.7865 0.695648 18.971 0.695648C18.3303 0.695648 17.6313 0.695648 16.9905 0.695648C15.5343 0.753697 14.0781 0.811745 12.6801 1.10199C11.2239 1.33418 9.88414 1.79857 8.60266 2.4371C7.32118 3.07563 6.15619 3.94636 5.10771 4.99123C4.05922 6.0361 3.24372 7.19707 2.54473 8.47413C1.84573 9.80925 1.438 11.1444 1.205 12.5375C0.972003 13.9887 0.855498 15.3819 0.797249 16.8331C0.797249 17.4716 0.797263 18.1682 0.739014 18.8068C0.739014 19.5614 0.739014 20.3741 0.739014 21.1287V67.2191C0.739014 68.0318 0.739014 68.7864 0.739014 69.5411C0.739014 70.1796 0.738999 70.8762 0.797249 71.5147C0.855498 72.9659 0.913754 74.4171 1.205 75.8103C1.438 77.2615 1.90398 78.5966 2.54473 79.8737C3.18547 81.1507 4.05922 82.3117 5.10771 83.3566C6.15619 84.4015 7.32118 85.2141 8.60266 85.9107C9.94239 86.6073 11.2821 87.0136 12.6801 87.2458C14.1363 87.478 15.5925 87.5941 16.9905 87.6522C17.6313 87.6522 18.3303 87.6522 18.971 87.6522C19.7865 87.6522 20.5437 87.6522 21.3592 87.6522H271.481C272.239 87.6522 273.054 87.6522 273.811 87.6522C274.452 87.6522 275.151 87.6522 275.792 87.6522C277.248 87.5941 278.704 87.5361 280.102 87.2458C281.558 87.0136 282.898 86.5492 284.238 85.9107C285.519 85.2722 286.684 84.4015 287.733 83.3566C288.781 82.3698 289.597 81.1507 290.296 79.8737C290.937 78.5966 291.403 77.2034 291.636 75.8103C291.927 74.3591 291.985 72.9659 292.043 71.5147C292.043 70.8762 292.043 70.1796 292.043 69.5411C292.043 68.7864 292.043 67.9738 292.043 67.2191V21.1867C292.043 20.3741 292.043 19.6194 292.043 18.8648C292.043 18.2263 292.043 17.5297 292.043 16.8912C291.985 15.4399 291.927 13.9887 291.636 12.5956C291.403 11.1444 290.937 9.80925 290.296 8.53218C289.655 7.25512 288.781 6.09415 287.733 5.04928C286.743 4.00441 285.519 3.19173 284.238 2.49515C282.898 1.85662 281.558 1.39223 280.102 1.16004C278.704 0.927842 277.248 0.811745 275.792 0.753697C275.151 0.753697 274.452 0.753697 273.811 0.753697C273.054 0.695648 272.297 0.695648 271.481 0.695648Z" fill="#B6B6B6"/>
-<path d="M19.0295 85.9112C18.3888 85.9112 17.748 85.9112 17.1073 85.9112C15.8841 85.8531 14.4861 85.7951 13.0881 85.5629C11.7483 85.3307 10.5834 84.9244 9.53489 84.4019C8.42816 83.8214 7.37966 83.1249 6.50593 82.1961C5.63219 81.3254 4.87495 80.3385 4.29246 79.1776C3.70997 78.0746 3.36048 76.9137 3.12748 75.6366C2.83623 74.1854 2.778 72.7342 2.778 71.6313C2.778 71.1669 2.71973 69.6576 2.71973 69.6576V18.8653C2.71973 18.8653 2.71975 17.356 2.778 16.9497C2.778 15.8468 2.89448 14.3375 3.12748 12.9443C3.36048 11.6092 3.76822 10.4483 4.29246 9.34534C4.87495 8.24242 5.57394 7.19755 6.50593 6.32682C7.37966 5.4561 8.42816 4.70147 9.53489 4.12098C10.6416 3.5405 11.8066 3.19221 13.0881 2.96002C14.5443 2.72782 16.0006 2.61172 17.1073 2.61172H19.0295H273.87H275.85C276.957 2.61172 278.413 2.72782 279.87 2.96002C281.151 3.19221 282.316 3.59855 283.481 4.12098C284.588 4.70147 285.578 5.39805 286.51 6.32682C287.384 7.19755 288.141 8.18437 288.723 9.34534C289.306 10.4483 289.655 11.6092 289.888 12.8863C290.121 14.2214 290.238 15.6146 290.238 16.9497C290.238 17.5302 290.238 18.2267 290.238 18.8653C290.238 19.678 290.238 20.4326 290.238 21.1872V67.2776C290.238 68.0323 290.238 68.8449 290.238 69.5996C290.238 70.2962 290.238 70.9347 290.238 71.5732C290.18 72.8503 290.121 74.2435 289.888 75.5786C289.655 76.9137 289.306 78.0746 288.723 79.1776C288.141 80.2805 287.384 81.3254 286.51 82.138C285.636 83.0088 284.588 83.7634 283.481 84.3439C282.374 84.9244 281.209 85.2727 279.87 85.5048C278.472 85.737 277.074 85.7951 275.85 85.8531C275.21 85.8531 274.569 85.8531 273.928 85.8531H271.598L19.0295 85.9112Z" fill="black"/>
-<path d="M108.908 59.4998H98.6557L96.151 66.2915H91.6658L101.685 40.8082H105.937L116.189 66.2915H111.471L108.908 59.4998ZM99.9372 56.0169H107.568L104.83 48.7028C104.481 47.716 104.073 46.555 103.723 45.336C103.374 46.4389 103.024 47.5418 102.675 48.6448L99.9372 56.0169Z" fill="white"/>
-<path d="M117.994 51.9538C117.994 50.5606 117.936 48.9933 117.878 47.3099H121.955C122.13 48.1226 122.188 48.8772 122.247 49.6899C123.936 47.8323 125.858 46.9036 128.072 46.9036C129.353 46.9036 130.518 47.1938 131.625 47.8323C132.731 48.4709 133.605 49.4577 134.246 50.8509C134.887 52.244 135.236 53.9855 135.236 56.0752C135.236 58.2811 134.828 60.1967 134.071 61.764C133.314 63.3313 132.265 64.5503 130.867 65.3049C129.528 66.1176 127.955 66.5239 126.149 66.5239C124.868 66.5239 123.586 66.2918 122.305 65.8854V73.838L117.936 74.1863V51.9538H117.994ZM129.47 61.6479C130.343 60.4869 130.809 58.7455 130.809 56.4235C130.809 54.2757 130.46 52.7665 129.703 51.8377C128.945 50.9089 128.013 50.3865 126.79 50.3865C125.916 50.3865 125.159 50.5606 124.46 50.967C123.761 51.3733 123.062 51.8957 122.421 52.5923V62.7508C122.829 62.983 123.353 63.1571 123.936 63.2732C124.518 63.3893 125.101 63.4474 125.625 63.4474C127.256 63.4474 128.538 62.8669 129.47 61.6479Z" fill="white"/>
-<path d="M137.857 51.9538C137.857 50.5606 137.799 48.9933 137.741 47.3099H141.818C141.993 48.1226 142.051 48.8772 142.11 49.6899C143.799 47.8323 145.721 46.9036 147.935 46.9036C149.216 46.9036 150.381 47.1938 151.488 47.8323C152.594 48.4709 153.468 49.4577 154.109 50.8509C154.75 52.244 155.099 53.9855 155.099 56.0752C155.099 58.2811 154.691 60.1967 153.934 61.764C153.177 63.3313 152.129 64.5503 150.731 65.3049C149.391 66.1176 147.818 66.5239 146.012 66.5239C144.731 66.5239 143.449 66.2918 142.168 65.8854V73.838L137.799 74.1863V51.9538H137.857ZM149.333 61.6479C150.206 60.4869 150.672 58.7455 150.672 56.4235C150.672 54.2757 150.323 52.7665 149.566 51.8377C148.808 50.9089 147.876 50.3865 146.653 50.3865C145.779 50.3865 145.022 50.5606 144.323 50.967C143.624 51.3733 142.925 51.8957 142.284 52.5923V62.7508C142.692 62.983 143.216 63.1571 143.799 63.2732C144.381 63.3893 144.964 63.4474 145.488 63.4474C147.119 63.4474 148.459 62.8669 149.333 61.6479Z" fill="white"/>
-<path d="M163.079 65.0715C161.215 64.0266 159.759 62.5754 158.769 60.6018C157.779 58.6862 157.254 56.3642 157.254 53.7521C157.254 50.9077 157.837 48.4697 159.002 46.496C160.167 44.5224 161.739 43.0131 163.778 42.0263C165.759 41.0395 168.03 40.517 170.535 40.517C171.991 40.517 173.389 40.6912 174.729 40.9814C176.069 41.3297 177.292 41.736 178.457 42.3165L177.35 45.6833C175.02 44.5804 172.807 44.058 170.71 44.058C168.962 44.058 167.39 44.4643 166.05 45.2189C164.71 45.9736 163.662 47.0765 162.963 48.5277C162.205 49.9789 161.856 51.7784 161.856 53.8101C161.856 55.6096 162.147 57.235 162.73 58.6281C163.312 60.0213 164.186 61.1242 165.409 61.9949C166.632 62.8076 168.205 63.214 170.069 63.214C170.943 63.214 171.758 63.1559 172.632 62.9818C173.506 62.8076 174.263 62.6335 175.02 62.3432V57.1769H169.137V53.8101H179.273V64.5491C177.816 65.2456 176.302 65.7681 174.671 66.1164C173.04 66.4647 171.467 66.6388 169.894 66.6388C167.215 66.6388 165.001 66.1164 163.079 65.0715Z" fill="white"/>
-<path d="M194.592 66.2916C194.417 65.537 194.359 64.7243 194.301 63.7955C193.602 64.6082 192.786 65.2467 191.68 65.8272C190.631 66.4077 189.408 66.6399 188.01 66.6399C186.903 66.6399 185.913 66.4077 185.039 66.0014C184.166 65.595 183.408 64.9565 182.884 64.0858C182.36 63.215 182.069 62.1702 182.069 60.9511C182.069 59.0936 182.709 57.6424 184.049 56.5395C185.389 55.4365 187.602 54.9141 190.69 54.9141C191.854 54.9141 193.02 54.9722 194.126 55.1463V54.798C194.126 53.1146 193.777 51.9536 193.078 51.2571C192.379 50.5605 191.33 50.2122 189.991 50.2122C189.059 50.2122 188.068 50.3283 187.02 50.6185C185.971 50.9088 185.039 51.199 184.224 51.6054L183.525 48.4707C184.282 48.1225 185.331 47.7742 186.612 47.4839C187.894 47.1937 189.233 47.0195 190.631 47.0195C192.262 47.0195 193.66 47.2517 194.825 47.7742C195.99 48.2966 196.864 49.1093 197.505 50.3283C198.145 51.5473 198.495 53.1727 198.495 55.2044V62.7506C198.495 63.5633 198.553 64.7243 198.611 66.2916H194.592ZM192.029 62.7506C192.961 62.3443 193.66 61.7638 194.243 61.1253V57.5843C193.078 57.4682 192.087 57.4102 191.33 57.4102C189.525 57.4102 188.301 57.7004 187.602 58.2809C186.903 58.8614 186.554 59.616 186.554 60.6029C186.554 61.5316 186.787 62.2282 187.311 62.6926C187.835 63.157 188.476 63.3892 189.35 63.3892C190.224 63.4472 191.097 63.215 192.029 62.7506Z" fill="white"/>
-<path d="M201.931 61.7631V39.3564L206.242 39.0081V61.0085C206.242 61.8212 206.358 62.4017 206.65 62.7499C206.941 63.0982 207.349 63.2724 207.989 63.2724C208.281 63.2724 208.63 63.2143 209.154 63.0982L209.679 66.2329C209.271 66.407 208.747 66.5231 208.164 66.6392C207.582 66.7553 206.999 66.8133 206.475 66.8133C203.446 66.6392 201.931 65.0138 201.931 61.7631Z" fill="white"/>
-<path d="M212.766 61.7631V39.3564L217.077 39.0081V61.0085C217.077 61.8212 217.193 62.4017 217.484 62.7499C217.776 63.0982 218.183 63.2724 218.824 63.2724C219.115 63.2724 219.465 63.2143 219.989 63.0982L220.513 66.2329C220.106 66.407 219.581 66.5231 218.999 66.6392C218.416 66.7553 217.834 66.8133 217.31 66.8133C214.281 66.6392 212.766 65.0138 212.766 61.7631Z" fill="white"/>
-<path d="M238.337 57.3523H225.872C226.047 61.2996 227.969 63.3313 231.58 63.3313C232.454 63.3313 233.386 63.2152 234.318 62.983C235.25 62.7508 236.124 62.4605 236.998 62.1122L237.93 65.0727C235.774 66.1176 233.386 66.64 230.765 66.64C228.726 66.64 227.037 66.2337 225.639 65.479C224.241 64.7244 223.193 63.6215 222.494 62.1703C221.795 60.7191 221.445 59.0357 221.445 57.004C221.445 54.9142 221.795 53.1147 222.552 51.6055C223.309 50.0962 224.299 48.9353 225.639 48.1226C226.979 47.3099 228.493 46.9036 230.241 46.9036C232.046 46.9036 233.561 47.3099 234.726 48.1806C235.949 48.9933 236.823 50.1543 237.405 51.5474C237.988 52.9406 238.279 54.5079 238.279 56.1913V57.3523H238.337ZM234.085 54.624C234.027 53.1147 233.619 51.9538 232.92 51.1991C232.221 50.4445 231.347 50.0382 230.182 50.0382C229.076 50.0382 228.144 50.4445 227.445 51.1991C226.687 51.9538 226.221 53.1147 225.988 54.566H234.085V54.624Z" fill="white"/>
-<path d="M241.599 52.0697C241.599 51.0249 241.541 49.4576 241.483 47.3098H245.56C245.618 47.8322 245.677 48.4707 245.735 49.2254C245.793 49.98 245.851 50.5605 245.851 51.0249C246.376 50.2122 246.842 49.5156 247.366 48.9351C247.832 48.3546 248.414 47.8903 249.055 47.542C249.696 47.1937 250.453 47.0195 251.269 47.0195C251.968 47.0195 252.492 47.0776 253.016 47.2517L252.492 51.0249C252.084 50.9088 251.618 50.8507 251.094 50.8507C250.045 50.8507 249.172 51.0829 248.414 51.6053C247.657 52.1278 246.842 52.9985 245.968 54.1595V66.3496H241.658V52.0697H241.599Z" fill="white"/>
-<path d="M255.463 74.0694C254.822 73.9533 254.298 73.8372 253.89 73.6631L254.706 70.5285C254.997 70.5865 255.346 70.7026 255.812 70.7606C256.278 70.8187 256.686 70.8767 257.094 70.8767C259.016 70.8767 260.472 69.6577 261.404 67.1616L261.695 66.4651L254.706 47.3672H259.365L262.919 58.0481C263.501 59.8476 263.851 61.2988 264.025 62.2275C264.375 60.8344 264.724 59.4993 265.19 58.1061L268.744 47.3091H273.112L266.122 66.5231C265.482 68.3226 264.724 69.8319 263.967 70.9348C263.21 72.0377 262.278 72.8504 261.288 73.4309C260.239 73.9533 259.016 74.2435 257.501 74.2435C256.802 74.2435 256.103 74.1855 255.463 74.0694Z" fill="white"/>
-<path d="M91.6658 16.6012H99.4129L99.18 18.4587H93.9375V22.0577H98.8887V23.7992H93.9375V27.8045H99.4712L99.2964 29.6621H91.6658V16.6012Z" fill="white"/>
-<path d="M104.772 23.0446L100.694 16.6012H103.257L106.053 21.3031L108.966 16.6012H111.471L107.393 22.9285L111.762 29.7201H109.141L105.995 24.5538L102.791 29.7201H100.287L104.772 23.0446Z" fill="white"/>
-<path d="M113.451 16.6012H117.004C118.693 16.6012 119.975 16.9495 120.849 17.6461C121.722 18.3426 122.188 19.3295 122.188 20.6065C122.188 21.4773 122.014 22.2319 121.606 22.8704C121.198 23.509 120.674 24.0314 119.917 24.3797C119.218 24.728 118.402 24.9021 117.47 24.9021C116.946 24.9021 116.363 24.8441 115.723 24.728V29.7201H113.451V16.6012ZM119.159 22.4641C119.625 21.9997 119.858 21.4192 119.858 20.6065C119.858 19.7939 119.625 19.2134 119.101 18.8651C118.635 18.5168 117.878 18.3426 116.946 18.3426H115.723V22.9865C116.305 23.1026 116.713 23.1026 117.004 23.1026C117.994 23.1026 118.693 22.8704 119.159 22.4641Z" fill="white"/>
-<path d="M124.46 16.6012H126.732V27.8045H132.207L132.033 29.7201H124.518V16.6012H124.46Z" fill="white"/>
-<path d="M135.644 29.0821C134.653 28.5597 133.954 27.747 133.43 26.7602C132.906 25.7734 132.673 24.6124 132.673 23.2773C132.673 21.8841 132.964 20.6651 133.488 19.6202C134.013 18.5754 134.828 17.7627 135.818 17.2403C136.867 16.6598 138.032 16.3695 139.43 16.3695C140.77 16.3695 141.876 16.6598 142.867 17.1822C143.799 17.7046 144.556 18.5173 145.08 19.5042C145.604 20.491 145.837 21.6519 145.837 22.929C145.837 24.3222 145.546 25.5412 145.022 26.5861C144.498 27.6309 143.682 28.4436 142.692 28.966C141.702 29.5465 140.478 29.8368 139.139 29.8368C137.741 29.8948 136.576 29.6046 135.644 29.0821ZM141.527 27.4568C142.168 27.0504 142.634 26.47 142.983 25.7153C143.274 24.9607 143.449 24.09 143.449 23.1612C143.449 22.2324 143.333 21.3617 143.041 20.6651C142.75 19.9105 142.342 19.33 141.702 18.9237C141.061 18.4593 140.304 18.2851 139.313 18.2851C138.381 18.2851 137.624 18.5173 136.983 18.9237C136.343 19.3881 135.877 19.9685 135.527 20.7232C135.178 21.4778 135.061 22.2905 135.061 23.2192C135.061 24.148 135.236 25.0187 135.527 25.7734C135.818 26.528 136.284 27.1085 136.925 27.5729C137.566 28.0373 138.323 28.2114 139.255 28.2114C140.129 28.0953 140.886 27.9212 141.527 27.4568Z" fill="white"/>
-<path d="M148.342 16.6012H152.478C153.993 16.6012 155.099 16.8914 155.915 17.4719C156.73 18.0524 157.08 18.9231 157.08 20.0261C157.08 20.7226 156.963 21.3612 156.672 21.8836C156.381 22.406 156.031 22.8704 155.624 23.1607C155.216 23.509 154.808 23.7411 154.342 23.9153L158.42 29.7201H155.74L152.303 24.4958H150.614V29.7201H148.342V16.6012ZM151.896 22.8124C152.42 22.8124 152.944 22.6963 153.352 22.4641C153.76 22.2319 154.109 21.9416 154.342 21.5353C154.575 21.129 154.692 20.6646 154.692 20.2002C154.692 19.5617 154.459 19.0392 154.051 18.749C153.643 18.4587 153.002 18.2846 152.245 18.2846H150.614V22.7543H151.896V22.8124Z" fill="white"/>
-<path d="M160.167 16.6012H167.914L167.681 18.4587H162.439V22.0577H167.39V23.7992H162.439V27.8045H167.972L167.798 29.6621H160.167V16.6012Z" fill="white"/>
-<path d="M176.36 16.6012H178.632V29.7201H176.36V16.6012Z" fill="white"/>
-<path d="M184.689 18.459H180.612L180.787 16.5434H191.039L190.806 18.459H186.903V29.7204H184.631V18.459H184.689Z" fill="white"/>
-<path d="M200.941 29.0821C199.951 28.5597 199.252 27.747 198.728 26.7602C198.204 25.7734 197.971 24.6124 197.971 23.2773C197.971 21.8841 198.262 20.6651 198.786 19.6202C199.31 18.5754 200.126 17.7627 201.116 17.2403C202.165 16.6598 203.329 16.3695 204.727 16.3695C206.067 16.3695 207.174 16.6598 208.164 17.1822C209.096 17.7046 209.853 18.5173 210.378 19.5042C210.902 20.491 211.135 21.6519 211.135 22.929C211.135 24.3222 210.844 25.5412 210.319 26.5861C209.795 27.6309 208.98 28.4436 207.989 28.966C206.999 29.5465 205.776 29.8368 204.436 29.8368C203.038 29.8948 201.873 29.6046 200.941 29.0821ZM206.824 27.4568C207.465 27.0504 207.931 26.47 208.281 25.7153C208.572 24.9607 208.747 24.09 208.747 23.1612C208.747 22.2324 208.63 21.3617 208.339 20.6651C208.048 19.9105 207.64 19.33 206.999 18.9237C206.358 18.4593 205.601 18.2851 204.611 18.2851C203.679 18.2851 202.922 18.5173 202.281 18.9237C201.64 19.3881 201.174 19.9685 200.825 20.7232C200.475 21.4778 200.359 22.2905 200.359 23.2192C200.359 24.148 200.534 25.0187 200.825 25.7734C201.116 26.528 201.582 27.1085 202.223 27.5729C202.863 28.0373 203.621 28.2114 204.553 28.2114C205.368 28.0953 206.184 27.9212 206.824 27.4568Z" fill="white"/>
-<path d="M213.64 16.6012H216.261L222.785 26.7597C222.727 25.7728 222.727 24.9021 222.727 24.0894V16.6012H224.824V29.7201H222.319L215.678 19.3875C215.737 20.5485 215.795 21.5934 215.795 22.5221V29.7201H213.698V16.6012H213.64Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M59.6287 16.6586H35.4553C24.0384 16.6586 19.9027 20.8381 19.9027 32.1575V56.2476C19.9027 67.6251 24.0967 71.7465 35.4553 71.7465H59.6287C71.0455 71.7465 75.1812 67.5671 75.1812 56.2476V32.1575C75.2395 20.8381 71.0455 16.6586 59.6287 16.6586Z" fill="#C8102E"/>
-<path d="M30.8537 44.2326H32.3099V51.4306H30.8537V48.5282H27.5335V51.4306H26.0773V44.2326H27.5335V47.135H30.8537V44.2326ZM39.1251 48.354C39.1251 49.515 38.5426 50.1535 37.4941 50.1535C36.4456 50.1535 35.8631 49.515 35.8631 48.296V44.2326H34.4069V48.354C34.4069 50.3857 35.5136 51.5467 37.4941 51.5467C39.4746 51.5467 40.6396 50.3857 40.6396 48.296V44.2326H39.1833V48.354H39.1251ZM56.0756 49.1667L54.4446 44.2326H53.2214L51.5904 49.1667L50.0177 44.2326H48.445L50.9497 51.4306H52.1729L53.8039 46.6706L55.4349 51.4306H56.6581L59.1628 44.2326H57.6483L56.0756 49.1667ZM61.8423 48.354H64.5218V47.0189H61.8423V45.5677H65.745V44.2326H60.4443V51.4306H65.9197V50.0955H61.9005V48.354H61.8423ZM67.609 51.4306H69.0652V44.2326H67.609V51.4306ZM43.4938 49.9213L42.853 51.4306H41.3385L44.484 44.2326H45.7655L48.9109 51.4306H47.3965L46.7557 49.9213H43.4938ZM44.018 48.6443H46.2315L45.1247 46.0901L44.018 48.6443Z" fill="white"/>
-<path d="M47.571 35.0605C42.5034 35.0605 38.3677 30.939 38.3677 25.8888H39.6492C39.6492 30.2424 43.2023 33.7834 47.571 33.7834C51.9397 33.7834 55.4929 30.2424 55.4929 25.8888H56.7744C56.7744 30.939 52.6387 35.0605 47.571 35.0605Z" fill="white"/>
-</svg>
diff --git a/web-app/packages/lib/src/common/components/AppContainer.vue b/web-app/packages/lib/src/common/components/AppContainer.vue
new file mode 100644
index 00000000..2cf730ea
--- /dev/null
+++ b/web-app/packages/lib/src/common/components/AppContainer.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="app-container mx-auto py-4 px-4 xl:px-0">
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss">
+.app-container {
+  // From figma design
+  max-width: 1120px;
+}
+</style>
diff --git a/web-app/packages/lib/src/common/components/AppSection.vue b/web-app/packages/lib/src/common/components/AppSection.vue
new file mode 100644
index 00000000..26b8888b
--- /dev/null
+++ b/web-app/packages/lib/src/common/components/AppSection.vue
@@ -0,0 +1,16 @@
+<template>
+  <section class="surface-section p-4 border-round-3xl">
+    <header
+      v-if="!!$slots.title"
+      class="flex justify-content-between align-items-center pb-4"
+    >
+      <h2 class="text-xl"><slot name="title"></slot></h2>
+      <slot name="extra"></slot>
+    </header>
+    <slot></slot>
+  </section>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
diff --git a/web-app/packages/lib/src/common/components/FullStorageWarning.vue b/web-app/packages/lib/src/common/components/FullStorageWarning.vue
index 7e4965f5..42b03948 100644
--- a/web-app/packages/lib/src/common/components/FullStorageWarning.vue
+++ b/web-app/packages/lib/src/common/components/FullStorageWarning.vue
@@ -17,8 +17,7 @@ export default defineComponent({
   name: 'FullStorageWarning',
   components: { FullStorageWarningTemplate },
   props: {
-    usage: Number,
-    username: String
+    usage: Number
   }
 })
 </script>
diff --git a/web-app/packages/lib/src/common/components/UsageStatus.vue b/web-app/packages/lib/src/common/components/UsageStatus.vue
index 35ad2121..26c49996 100644
--- a/web-app/packages/lib/src/common/components/UsageStatus.vue
+++ b/web-app/packages/lib/src/common/components/UsageStatus.vue
@@ -9,15 +9,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
   <UsageStatusTemplate></UsageStatusTemplate>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
+<script setup lang="ts">
 import UsageStatusTemplate from './UsageStatusTemplate.vue'
-
-export default defineComponent({
-  name: 'UsageStatus',
-  components: { UsageStatusTemplate }
-})
 </script>
 
 <style scoped></style>
diff --git a/web-app/packages/lib/src/common/components/UsageStatusTemplate.vue b/web-app/packages/lib/src/common/components/UsageStatusTemplate.vue
index 7f9a214f..0bed933b 100644
--- a/web-app/packages/lib/src/common/components/UsageStatusTemplate.vue
+++ b/web-app/packages/lib/src/common/components/UsageStatusTemplate.vue
@@ -6,9 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 
 <!--  this is merely a placeholder -->
 <template>
-  <div>
-    <slot name="billing"></slot>
-  </div>
+  <slot name="billing"></slot>
 </template>
 
 <script lang="ts">
diff --git a/web-app/packages/lib/src/common/components/index.ts b/web-app/packages/lib/src/common/components/index.ts
index 168cef14..3d9e14dd 100644
--- a/web-app/packages/lib/src/common/components/index.ts
+++ b/web-app/packages/lib/src/common/components/index.ts
@@ -17,3 +17,5 @@ export { default as UsageStatus } from './UsageStatus.vue'
 export { default as UsageStatusTemplate } from './UsageStatusTemplate.vue'
 export { default as WarningMessage } from './WarningMessage.vue'
 export { default as WarningMessageTemplate } from './WarningMessageTemplate.vue'
+export { default as AppSection } from './AppSection.vue'
+export { default as AppContainer } from './AppContainer.vue'
diff --git a/web-app/packages/lib/src/modules/dashboard/components/DashboardAccessRequestsRow.vue b/web-app/packages/lib/src/modules/dashboard/components/DashboardAccessRequestsRow.vue
index 06e00970..7614dc62 100644
--- a/web-app/packages/lib/src/modules/dashboard/components/DashboardAccessRequestsRow.vue
+++ b/web-app/packages/lib/src/modules/dashboard/components/DashboardAccessRequestsRow.vue
@@ -5,14 +5,14 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 -->
 
 <template>
-  <v-row v-if="currentNamespace && accessRequests && accessRequests.length > 0">
-    <v-card variant="tonal" class="mt-3">
-      <v-card-title><h3>Project access requests</h3></v-card-title>
-      <v-card-text>
-        <slot name="table" :namespace="currentNamespace"></slot>
-      </v-card-text>
-    </v-card>
-  </v-row>
+  <app-section
+    v-if="currentNamespace && accessRequests && accessRequests.length > 0"
+  >
+    <template #title>Project access requests</template>
+    <template #default>
+      <slot name="table" :namespace="currentNamespace"></slot>
+    </template>
+  </app-section>
 </template>
 
 <script lang="ts">
@@ -36,7 +36,8 @@ export default defineComponent({
       async handler(value) {
         if (value) {
           await this.initNamespaceAccessRequests({
-            namespace: value
+            namespace: value,
+            params: null
           })
         }
       }
diff --git a/web-app/packages/lib/src/modules/dashboard/components/DashboardProjectsRow.vue b/web-app/packages/lib/src/modules/dashboard/components/DashboardProjectsRow.vue
deleted file mode 100644
index 05c9f0a6..00000000
--- a/web-app/packages/lib/src/modules/dashboard/components/DashboardProjectsRow.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<!--
-Copyright (C) Lutra Consulting Limited
-
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
--->
-
-<template>
-  <v-row>
-    <v-col class="pa-0">
-      <v-card class="mt-3" variant="outlined" color="white">
-        <v-card-title><h3>Recent active projects</h3></v-card-title>
-        <v-card-text style="padding-left: 0">
-          <slot name="projects"></slot>
-        </v-card-text>
-      </v-card>
-    </v-col>
-  </v-row>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'DashboardProjectsRow'
-})
-</script>
diff --git a/web-app/packages/lib/src/modules/dashboard/components/DashboardUsageInfoRow.vue b/web-app/packages/lib/src/modules/dashboard/components/DashboardUsageInfoRow.vue
index c3fa8c9b..eb6a8b67 100644
--- a/web-app/packages/lib/src/modules/dashboard/components/DashboardUsageInfoRow.vue
+++ b/web-app/packages/lib/src/modules/dashboard/components/DashboardUsageInfoRow.vue
@@ -5,26 +5,17 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 -->
 
 <template>
-  <div>
-    <usage-status />
-    <dashboard-full-storage-warning-row v-slot="{ usage, username }">
-      <full-storage-warning :usage="usage" :username="username" />
-    </dashboard-full-storage-warning-row>
-  </div>
+  <usage-status />
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
 
-import FullStorageWarning from '@/common/components/FullStorageWarning.vue'
 import UsageStatus from '@/common/components/UsageStatus.vue'
-import DashboardFullStorageWarningRow from '@/modules/dashboard/components/DashboardFullStorageWarningRow.vue'
 
 export default defineComponent({
   name: 'DashboardUsageInfoRow',
   components: {
-    DashboardFullStorageWarningRow,
-    FullStorageWarning,
     UsageStatus
   }
 })
diff --git a/web-app/packages/lib/src/modules/dashboard/components/index.ts b/web-app/packages/lib/src/modules/dashboard/components/index.ts
index 6c55c8ec..8099fc7c 100644
--- a/web-app/packages/lib/src/modules/dashboard/components/index.ts
+++ b/web-app/packages/lib/src/modules/dashboard/components/index.ts
@@ -4,5 +4,4 @@
 
 export { default as DashboardAccessRequestsRow } from './DashboardAccessRequestsRow.vue'
 export { default as DashboardFullStorageWarningRow } from './DashboardFullStorageWarningRow.vue'
-export { default as DashboardProjectsRow } from './DashboardProjectsRow.vue'
 export { default as DashboardUsageInfoRow } from './DashboardUsageInfoRow.vue'
diff --git a/web-app/packages/lib/src/modules/dashboard/views/DashboardViewTemplate.vue b/web-app/packages/lib/src/modules/dashboard/views/DashboardViewTemplate.vue
index 0ee5634f..5cc46b12 100644
--- a/web-app/packages/lib/src/modules/dashboard/views/DashboardViewTemplate.vue
+++ b/web-app/packages/lib/src/modules/dashboard/views/DashboardViewTemplate.vue
@@ -5,154 +5,56 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 -->
 
 <template>
-  <page-view
-    :style="`padding-left: ${
-      drawer ? 280 : 20
-    }px; overflow-y: auto; padding-right:20px; margin-right: 0px;`"
-  >
-    <v-layout class="column fill-height main-content">
-      <v-container>
-        <slot name="usageInfo" />
-        <v-row v-if="projectsCount === 0 && canCreateProject">
-          <v-card variant="outlined" class="mt-3">
-            <h3>Welcome {{ loggedUser.username }}, are you ready to start?</h3>
-            <p>
-              First create new project, add people to it or explore public
-              project for more inspiration
+  <div>
+    <app-container>
+      <slot name="usageInfo" />
+    </app-container>
+    <app-container><slot name="content"></slot></app-container>
+    <footer>
+      <app-container>
+        <app-section class="grid-nogutter flex align-items-center">
+          <div
+            class="dashboard-view-footer-mobile relative col-12 lg:col-3 align-self-start"
+          >
+            <img
+              src="@/assets/footer-mobile.png"
+              class="absolute top-0 left-2rem"
+            />
+          </div>
+          <div class="col-12 lg:col-5">
+            <h2 class="text-color text-sm font-semibold">
+              Download Mergin Maps
+            </h2>
+            <p class="text-color-secondary text-sm">
+              Capture geo-info easily through your mobile/tablet with the Mergin
+              Maps Input app.
             </p>
-            <v-btn color="orange" @click="newProjectDialog()"
-              ><span style="color: white">New project</span>
-            </v-btn>
-          </v-card>
-        </v-row>
-        <v-row>
-          <v-col class="pa-0">
-            <v-card class="mt-3" variant="tonal">
-              <v-card-title
-                ><h3>Download Mergin Maps Input app</h3></v-card-title
-              >
-              <v-card-text
-                ><p>
-                  Capture geo-info easily through your mobile/tablet with the
-                  Mergin Maps Input app. Designed to be compatible with all
-                  mobile devices - even those with small screens.
-                </p>
-                <v-row>
-                  <v-col cols="7" md="3" sm="3">
-                    <div class="store-button">
-                      <a
-                        href="https://play.google.com/store/apps/details?id=uk.co.lutraconsulting&utm_source=mergin-website&utm_medium=banner&utm_campaign=input"
-                        target="_blank"
-                      >
-                        <img
-                          alt="Get it on Google Play"
-                          src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png"
-                          height="70"
-                        />
-                      </a>
-                    </div>
-                  </v-col>
-                  <v-col cols="7" md="3" sm="3">
-                    <div class="store-button app-store-button">
-                      <a
-                        href="https://apps.apple.com/us/app/input/id1478603559?ls=1&utm_source=mergin-website&utm_medium=banner&utm_campaign=input"
-                        target="_blank"
-                      >
-                        <img
-                          alt="Get it on Apple store"
-                          src="@/assets/App_Store.svg"
-                          height="48"
-                        />
-                      </a>
-                    </div>
-                  </v-col>
-                  <v-col cols="7" md="3" sm="3">
-                    <div class="store-button huawei-store-button">
-                      <a
-                        href="https://appgallery.huawei.com/app/C104422773"
-                        target="_blank"
-                      >
-                        <img
-                          alt="Explore it on AppGallery"
-                          src="@/assets/huawei.svg"
-                          height="48"
-                        />
-                      </a>
-                    </div>
-                  </v-col> </v-row
-              ></v-card-text>
-            </v-card>
-          </v-col>
-        </v-row>
-        <slot name="content"></slot>
-      </v-container>
-    </v-layout>
-  </page-view>
+          </div>
+          <div class="col-12 lg:col-4">
+            <a
+              href="https://apps.apple.com/us/app/input/id1478603559?ls=1&utm_source=mergin-website&utm_medium=banner&utm_campaign=input"
+              target="_blank"
+              class="mr-1"
+              ><img src="@/assets/appstore.jpg"
+            /></a>
+            <a
+              href="https://play.google.com/store/apps/details?id=uk.co.lutraconsulting&utm_source=mergin-website&utm_medium=banner&utm_campaign=input"
+              target="_blank"
+              ><img src="@/assets/googleplay.jpg"
+            /></a>
+          </div> </app-section
+      ></app-container>
+    </footer>
+  </div>
 </template>
 
-<script lang="ts">
-import { mapActions, mapState } from 'pinia'
-import { defineComponent } from 'vue'
-
-import { useDialogStore } from '@/modules'
-import PageView from '@/modules/layout/components/PageView.vue'
-import { useLayoutStore } from '@/modules/layout/store'
-import ProjectForm from '@/modules/project/components/ProjectForm.vue'
-import { useProjectStore } from '@/modules/project/store'
-import { useUserStore } from '@/modules/user/store'
-
-export default defineComponent({
-  name: 'DashboardViewTemplate',
-  components: {
-    PageView
-  },
-  props: {
-    canCreateProject: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    ...mapState(useLayoutStore, ['drawer']),
-    ...mapState(useUserStore, ['loggedUser']),
-    ...mapState(useProjectStore, ['projectsCount'])
-  },
-  methods: {
-    ...mapActions(useDialogStore, ['show']),
-
-    newProjectDialog() {
-      const dialog = { maxWidth: 500, persistent: true }
-      this.show({
-        component: ProjectForm,
-        params: {
-          dialog
-        }
-      })
-    }
-  }
-})
+<script lang="ts" setup>
+import { AppContainer, AppSection } from '@/common/components'
 </script>
 
 <style scoped lang="scss">
-
-.store-button {
-  text-align: center;
-}
-
-.app-store-button {
-  padding-top: 11px;
-}
-
-.huawei-store-button {
-  padding-top: 10px;
-}
-
-@media only screen and (min-width: 600px) and (max-width: 960px) {
-  .app-store-button {
-    margin-left: 25%;
-  }
-  .huawei-store-button {
-    margin-left: 35%;
-  }
+.dashboard-view-footer-mobile {
+  margin-top: -1.5rem;
+  min-height: 100px;
 }
 </style>
diff --git a/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue b/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue
index efd8c644..4263b69b 100644
--- a/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue
+++ b/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue
@@ -92,7 +92,8 @@ const onCloseClick = () => {
 
 <style lang="scss" scoped>
 .sidebar {
-  max-width: 16.6%;
+  // Based on <main> grid values
+  max-width: 16.66%;
   // TODO: Clean it to normal values after VUETIFY
   z-index: 1004;
 }