FEAT: backup/restore v2 & disclaimer v1

src/pages/index.vue

@@ -15,8 +15,9 @@
     </header>
     <main class="-mt-20">
       <Demo />
-      <AppList />
+      <Disclaimer />
       <BackupRestore />
+      <AppList />
     </main>
   </div>
 </template>
@@ -33,15 +34,14 @@ import HeroButtons from 'Component/hero-buttons.vue'
 import Demo from 'Component/demo.vue'
 import AppList from 'Component/applications-list.vue'
 import BackupRestore from 'Component/backup-restore.vue'
+import Disclaimer from 'Component/disclaimer.vue'
 
 useMeta({
   title: 'Deploy stack',
 })
 
 const router = useRouter()
-
 const usersStore = useUsersStore()
-
 const newName = ref('')
 
 function saveName() {
@@ -57,9 +57,12 @@ function saveName() {
 
 <style>
   .pegaz-section {
-    @apply flex flex-col md:flex-row items-center justify-center mb-28;
+    @apply flex flex-col md:flex-row items-center justify-center mb-28
+  }
+  .title {
+    @apply text-3xl text-center mb-10
   }
   .app {
-    @apply bg-black bg-opacity-10 w-20 h-20 p-4 rounded-xl flex-wrap cursor-pointer inline-block transition-all;
+    @apply bg-black bg-opacity-10 w-20 h-20 p-4 rounded-xl flex-wrap cursor-pointer inline-block transition-all
   }
 </style>