diff --git a/nuxt.config.js b/nuxt.config.js
index 1e920c6..939f1cd 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -9,8 +9,7 @@ module.exports = {
     title: 'Home' || '',
     meta: [
       { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' }
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
     ],
     link: [
       { rel: 'icon', type: 'image/png', href: '/index.png' },
diff --git a/package.json b/package.json
index c55db5d..448cdaa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "prociv-website",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Sito della protezione civile di settimo milanese",
   "author": "Andrea Tombolato <andreacw96@gmail.com> (https://github.com/andreacw5)",
   "private": true,
diff --git a/src/assets/img/activity.jpg b/src/assets/img/activity.jpg
deleted file mode 100644
index 7bfd9d0..0000000
Binary files a/src/assets/img/activity.jpg and /dev/null differ
diff --git a/src/assets/img/groups.jpg b/src/assets/img/groups.jpg
deleted file mode 100644
index 76a4e62..0000000
Binary files a/src/assets/img/groups.jpg and /dev/null differ
diff --git a/src/assets/img/hq.png b/src/assets/img/hq.png
deleted file mode 100644
index d19393c..0000000
Binary files a/src/assets/img/hq.png and /dev/null differ
diff --git a/src/assets/img/hq.webp b/src/assets/img/hq.webp
new file mode 100644
index 0000000..7f00639
Binary files /dev/null and b/src/assets/img/hq.webp differ
diff --git a/src/assets/img/lazy.webp b/src/assets/img/lazy.webp
index 523d5f2..3af81ee 100644
Binary files a/src/assets/img/lazy.webp and b/src/assets/img/lazy.webp differ
diff --git a/src/assets/img/reportage_car.webp b/src/assets/img/reportage_car.webp
index 7083b05..9526fab 100644
Binary files a/src/assets/img/reportage_car.webp and b/src/assets/img/reportage_car.webp differ
diff --git a/src/assets/img/vehicles/cars/land.webp b/src/assets/img/vehicles/cars/land.webp
new file mode 100644
index 0000000..4d9aefd
Binary files /dev/null and b/src/assets/img/vehicles/cars/land.webp differ
diff --git a/src/assets/img/vehicles/cars/mitsubishi.webp b/src/assets/img/vehicles/cars/mitsubishi.webp
new file mode 100644
index 0000000..03a95c2
Binary files /dev/null and b/src/assets/img/vehicles/cars/mitsubishi.webp differ
diff --git a/src/assets/img/vehicles/ducato/ducato.jpg b/src/assets/img/vehicles/ducato/ducato.jpg
deleted file mode 100644
index d147b04..0000000
Binary files a/src/assets/img/vehicles/ducato/ducato.jpg and /dev/null differ
diff --git a/src/assets/img/vehicles/iveco/iveco2.jpg b/src/assets/img/vehicles/iveco/iveco2.jpg
deleted file mode 100644
index 372f70c..0000000
Binary files a/src/assets/img/vehicles/iveco/iveco2.jpg and /dev/null differ
diff --git a/src/assets/img/vehicles/land/land.jpg b/src/assets/img/vehicles/land/land.jpg
deleted file mode 100644
index 4ba7746..0000000
Binary files a/src/assets/img/vehicles/land/land.jpg and /dev/null differ
diff --git a/src/assets/img/vehicles/land/land2.jpg b/src/assets/img/vehicles/land/land2.jpg
deleted file mode 100644
index 9b1ff82..0000000
Binary files a/src/assets/img/vehicles/land/land2.jpg and /dev/null differ
diff --git a/src/assets/img/vehicles/mitsu/mitsubishi.jpg b/src/assets/img/vehicles/mitsu/mitsubishi.jpg
deleted file mode 100644
index 0758fad..0000000
Binary files a/src/assets/img/vehicles/mitsu/mitsubishi.jpg and /dev/null differ
diff --git a/src/assets/img/vehicles/mitsu/mitsubishi3.jpg b/src/assets/img/vehicles/mitsu/mitsubishi3.jpg
deleted file mode 100644
index 4f15d2b..0000000
Binary files a/src/assets/img/vehicles/mitsu/mitsubishi3.jpg and /dev/null differ
diff --git a/src/assets/img/vehicles/trucks/ducato.webp b/src/assets/img/vehicles/trucks/ducato.webp
new file mode 100644
index 0000000..f85b60a
Binary files /dev/null and b/src/assets/img/vehicles/trucks/ducato.webp differ
diff --git a/src/assets/img/vehicles/trucks/iveco.webp b/src/assets/img/vehicles/trucks/iveco.webp
new file mode 100644
index 0000000..9359ecb
Binary files /dev/null and b/src/assets/img/vehicles/trucks/iveco.webp differ
diff --git a/src/assets/img/volunteers/groups.webp b/src/assets/img/volunteers/groups.webp
new file mode 100644
index 0000000..82bccfc
Binary files /dev/null and b/src/assets/img/volunteers/groups.webp differ
diff --git a/src/components/activity/ActivityTypeIcon.vue b/src/components/activity/ActivityTypeIcon.vue
deleted file mode 100644
index e886d2d..0000000
--- a/src/components/activity/ActivityTypeIcon.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
- <div class="icon">
-   <v-icon v-if="type === 'tecnical'" color="gray" :title="$t('activity.type.' + type)">mdi-hammer-wrench</v-icon>
-   <v-icon v-else-if="type === 'fire'" color="gray" :title="$t('activity.type.' + type)">mdi-fire-alert</v-icon>
-   <v-icon v-else-if="type === 'hydrogeological'" color="gray" :title="$t('activity.type.' + type)">mdi-water-alert-outline</v-icon>
-   <v-icon v-else-if="type === 'covid'" color="gray" :title="$t('activity.type.' + type)">mdi-virus-outline</v-icon>
-   <v-icon v-else-if="type === 'landslide'" color="gray" :title="$t('activity.type.' + type)">mdi-landslide-outline</v-icon>
-   <v-icon v-else-if="type === 'rescue'" color="gray" :title="$t('activity.type.' + type)">mdi-lifebuoy</v-icon>
-   <v-icon v-else-if="type === 'event'" color="gray" :title="$t('activity.type.' + type)">mdi-calendar-text</v-icon>
-   <v-icon v-else color="gray" :title="$t('activity.type.' + type)">mdi-ballot-outline</v-icon>
- </div>
-</template>
-
-<script>
-export default {
-  name: "ActivityTypeIcon",
-  props: {
-    type: {
-      type: String,
-      default: 'other'
-    }
-  }
-};
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/components/navigation/LowerBar.vue b/src/components/navigation/LowerBar.vue
index e4bb765..cd542a7 100644
--- a/src/components/navigation/LowerBar.vue
+++ b/src/components/navigation/LowerBar.vue
@@ -31,8 +31,8 @@
         <v-container class="py-0 px-0 px-sm-2">
           <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/')}">{{ $t('menu.home') }}</v-btn>
           <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/about')}">{{ $t('menu.about') }}</v-btn>
-          <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/operations')}">{{ $t('menu.activity') }}</v-btn>
-          <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/headquarter')}">{{ $t('menu.headquarters') }}</v-btn>
+          <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/operations')}">{{ $t('operations.title') }}</v-btn>
+          <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/headquarter')}">{{ $t('headquarters.title') }}</v-btn>
           <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/volunteer')}">{{ $t('menu.volunteer') }}</v-btn>
           <v-btn text color="#ffffff" nuxt :to="{ path: localePath('/vehicle')}">{{ $t('menu.vehicles') }}</v-btn>
         </v-container>
diff --git a/src/components/activity/ActivityCard.vue b/src/components/operations/OperationCard.vue
similarity index 69%
rename from src/components/activity/ActivityCard.vue
rename to src/components/operations/OperationCard.vue
index 9c457f2..14d5a16 100644
--- a/src/components/activity/ActivityCard.vue
+++ b/src/components/operations/OperationCard.vue
@@ -2,17 +2,17 @@
   <v-card>
     <v-list-item>
       <v-list-item-action>
-        <activity-type-icon :type="activity.type" />
+        <operation-type-icon :type="activity.type" />
       </v-list-item-action>
       <v-list-item-content>
         <v-list-item-title>{{ activity.title }}</v-list-item-title>
         <v-list-item-subtitle>
-          {{ activity.startDate | formatDate('dd/MM/yyyy') }} - {{ activity.description }}
+          {{ activity.startDate | formatDate('dd/MM/yyyy') }} - {{ activity.location }}
         </v-list-item-subtitle>
       </v-list-item-content>
       <v-list-item-action>
         <v-list-item-action-text>
-          <strong>{{ $t('activity.type.' + activity.type) }}</strong>
+          <strong>{{ $t('operations.type.' + activity.type) }}</strong>
         </v-list-item-action-text>
         <v-list-item-action-text>
           {{ dateDifferences(activity.startDate, activity.endDate) }}
@@ -23,11 +23,11 @@
 </template>
 
 <script>
-import ActivityTypeIcon from "@/components/activity/ActivityTypeIcon";
+import OperationTypeIcon from "@/components/operations/OperationTypeIcon";
 import { formatDistanceStrict } from "date-fns";
 import { it } from "date-fns/locale";
 export default {
-  components: { ActivityTypeIcon },
+  components: { OperationTypeIcon },
   props: {
     activity: {
       type: Object,
@@ -36,7 +36,10 @@ export default {
   },
   methods: {
     dateDifferences (starting, ending) {
-      return formatDistanceStrict(new Date(starting), new Date(ending), {locale: it})
+      if (starting && ending) {
+        return formatDistanceStrict(new Date(starting), new Date(ending), {locale: it})
+      }
+      return '----'
     }
   }
 };
diff --git a/src/components/activity/StatsCard.vue b/src/components/operations/OperationStatCard.vue
similarity index 58%
rename from src/components/activity/StatsCard.vue
rename to src/components/operations/OperationStatCard.vue
index f2cde2f..f49e700 100644
--- a/src/components/activity/StatsCard.vue
+++ b/src/components/operations/OperationStatCard.vue
@@ -1,11 +1,11 @@
 <template>
-  <v-card :title="'Totale interventi di ' + $t('activity.type.' + activity.type)">
+  <v-card :title="'Totale interventi di ' + $t('operations.type.' + activity.type)">
     <v-list-item>
       <v-list-item-action>
-        <activity-type-icon :type="activity.type" />
+        <operation-type-icon :type="activity.type" />
       </v-list-item-action>
       <v-list-item-content>
-        <v-list-item-title>{{ $t('activity.type.' + activity.type) }}</v-list-item-title>
+        <v-list-item-title>{{ $t('operations.type.' + activity.type) }}</v-list-item-title>
       </v-list-item-content>
       <v-list-item-action>
         <v-list-item-action-text>
@@ -17,10 +17,10 @@
 </template>
 
 <script>
-import ActivityTypeIcon from "@/components/activity/ActivityTypeIcon";
+import OperationTypeIcon from "@/components/operations/OperationTypeIcon";
 export default {
-  name: "StatsCard",
-  components: { ActivityTypeIcon },
+  name: "OperationStatsCard",
+  components: { OperationTypeIcon },
   props: {
     activity: {
       type: Object,
diff --git a/src/components/operations/OperationTypeIcon.vue b/src/components/operations/OperationTypeIcon.vue
new file mode 100644
index 0000000..dc2d08b
--- /dev/null
+++ b/src/components/operations/OperationTypeIcon.vue
@@ -0,0 +1,28 @@
+<template>
+ <div class="icon">
+   <v-icon v-if="type === 'tecnical'" color="gray" :title="$t('operations.type.' + type)">mdi-hammer-wrench</v-icon>
+   <v-icon v-else-if="type === 'fire'" color="gray" :title="$t('operations.type.' + type)">mdi-fire-alert</v-icon>
+   <v-icon v-else-if="type === 'hydrogeological'" color="gray" :title="$t('operations.type.' + type)">mdi-water-alert-outline</v-icon>
+   <v-icon v-else-if="type === 'covid'" color="gray" :title="$t('operations.type.' + type)">mdi-virus-outline</v-icon>
+   <v-icon v-else-if="type === 'landslide'" color="gray" :title="$t('operations.type.' + type)">mdi-landslide-outline</v-icon>
+   <v-icon v-else-if="type === 'rescue'" color="gray" :title="$t('operations.type.' + type)">mdi-lifebuoy</v-icon>
+   <v-icon v-else-if="type === 'event'" color="gray" :title="$t('operations.type.' + type)">mdi-calendar-text</v-icon>
+   <v-icon v-else color="gray" :title="$t('operations.type.' + type)">mdi-ballot-outline</v-icon>
+ </div>
+</template>
+
+<script>
+export default {
+  name: "OperationTypeIcon",
+  props: {
+    type: {
+      type: String,
+      default: 'other'
+    }
+  }
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/activity/ActivityList.vue b/src/components/operations/OperationsList.vue
similarity index 77%
rename from src/components/activity/ActivityList.vue
rename to src/components/operations/OperationsList.vue
index e553f14..c8b25db 100644
--- a/src/components/activity/ActivityList.vue
+++ b/src/components/operations/OperationsList.vue
@@ -18,13 +18,13 @@
         </template>
         <v-col
           v-else
-          v-for="activity in activities"
-          :key="activity.id"
+          v-for="operation in operations"
+          :key="operation.id"
           cols="12"
           md="12"
           lg="12"
         >
-          <activity-card :activity="activity" />
+          <operation-card :activity="operation" />
         </v-col>
       </v-row>
     </v-card-text>
@@ -32,11 +32,11 @@
 </template>
 
 <script>
-import ActivityCard from "@/components/activity/ActivityCard";
+import OperationCard from "@/components/operations/OperationCard";
 export default {
-  components: { ActivityCard },
+  components: { OperationCard },
   props: {
-    activities: {
+    operations: {
       type: Array,
       required: true
     },
diff --git a/src/i18n/it.js b/src/i18n/it.js
index 6dac80d..8d614a9 100644
--- a/src/i18n/it.js
+++ b/src/i18n/it.js
@@ -17,10 +17,8 @@ export default {
     home: 'Home',
     login: 'Login',
     logout: 'Logout',
-    activity: 'Interventi',
     about: 'Chi siamo',
     vehicles: 'Veicoli',
-    headquarters: 'Sede',
     volunteer: 'Volontari',
     alerts: 'Allerte',
   },
@@ -48,14 +46,10 @@ export default {
     title: 'Interventi',
     noData: 'Nessun intervento disponibile',
     add: 'Crea un\'intervento',
-  },
-  activity: {
-    title: 'Interventi',
     subtitle: 'Elenco degli interventi',
     new: 'Aggiungi un\'intervento',
     edit: 'Modifica intervento',
     delete: 'Elimina intervento',
-    noData: 'Nessun intervento disponibile',
     save: 'Salva intervento',
     cancel: 'Annulla',
     fields: {
@@ -139,5 +133,27 @@ export default {
         description: 'I cookie operativi sono utilizzati per fornire i nostri servizi e non possono essere disabilitati.'
       }
     }
+  },
+  headquarters: {
+    title: 'Sede',
+    description: 'La sede della Protezione Civile di Settimo Milanese',
+    address: 'Indirizzo',
+    maps: 'Apri in Google Maps',
+    contacts: 'Contatti utili',
+    phone: {
+      title: 'Telefono',
+      call: 'Chiama',
+      description: 'Numero per informazioni o non emergenze'
+    },
+    emergency: {
+      title: 'Telefono',
+      description: 'Numero per le emergenze'
+    },
+    email: 'Email',
+    sendMail: 'Invia una mail'
+  },
+  error: {
+    title: 'Forse non è qui!',
+    description: 'Sembra che la pagina che stavi cercando non esista più o sia stata spostata!',
   }
 }
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index e45c7c0..72ae0d2 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -86,7 +86,7 @@ export default {
       sidebar: [
         { icon: 'home', i18n: 'menu.home', path: '/'},
         { icon: 'account-group', i18n: 'menu.about', path: '/about'},
-        { icon: 'shield-alert-outline', i18n: 'menu.activity', path: '/operations'},
+        { icon: 'shield-alert-outline', i18n: 'operations.title', path: '/operations'},
         { icon: 'office-building', i18n: 'menu.headquarters', path: '/headquarter'},
         { icon: 'account-group', i18n: 'menu.volunteer', path: '/volunteer'},
         { icon: 'car-settings', i18n: 'menu.vehicles', path: '/vehicle'},
@@ -106,7 +106,6 @@ export default {
       this.$auth.setUser(user)
       // Set axios token
       this.$axios.setToken(token, 'Bearer')
-      console.log('auth done!')
     } else {
       this.$auth.logout()
     }
diff --git a/src/layouts/error.vue b/src/layouts/error.vue
index e369afa..89e76f7 100644
--- a/src/layouts/error.vue
+++ b/src/layouts/error.vue
@@ -1,182 +1,30 @@
-<template functional>
-  <v-layout>
-    <v-flex xs12 sm4>
-      <div class="container">
-        <div class="four1">
-          <svg
-            width="90px"
-            height="170px"
-            viewBox="0 0 133 234"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-          >
-            <g
-              id="Page-1"
-              stroke="none"
-              stroke-width="1"
-              fill="none"
-              fill-rule="evenodd"
-            >
-              <g
-                id="404"
-                transform="translate(0.000000, -2.000000)"
-                fill="#007096"
-              >
-                <g id="4-1" transform="translate(0.000000, 2.000000)">
-                  <polygon
-                    id="Path"
-                    points="72.5466868 198.372928 0 198.372928 0 166.947514 48.1896202 0 83.5942392 0 33.4376957 166.947514 72.5466868 166.947514 72.5466868 100.495856 105.984382 100.495856 105.984382 166.947514 132.046116 166.947514 132.046116 198.372928 105.984382 198.372928 105.984382 233.071823 72.5466868 233.071823"
-                  ></polygon>
-                </g>
-              </g>
-            </g>
-          </svg>
-        </div>
-        <div class="zero">
-          <svg
-            width="90px"
-            height="170px"
-            viewBox="0 0 148 237"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-          >
-            <g
-              id="Page-1"
-              stroke="none"
-              stroke-width="1"
-              fill="none"
-              fill-rule="evenodd"
-            >
-              <g id="404" transform="translate(-148.000000, 0.000000)">
-                <g id="0" transform="translate(148.000000, 0.000000)">
-                  <g id="face" transform="translate(38.000000, 86.000000)">
-                    <polygon
-                      id="X-Copy-3"
-                      fill="#323232"
-                      transform="translate(35.500000, 18.000000) rotate(-270.000000) translate(-35.500000, -18.000000) "
-                      points="30.5085911 17.7751756 18 -14 29.1053837 -14 35.4799542 6.45901639 35.8808706 6.45901639 42.255441 -14 53 -14 40.4513173 17.8126464 53 50 42.2955326 50 35.8006873 29.4285714 35.1191294 29.4285714 28.3436426 50 18 50"
-                    ></polygon>
-                    <path
-                      id="Combined-Shape"
-                      d="M24.0351542,54 C24.0118227,54.3463381 24,54.7095981 24,55.0905484 C24,66.0862349 33.8497355,75 46,75 C58.1502645,75 68,66.0862349 68,55.0905484 C68,54.7095981 67.9881773,54.3463381 67.9648458,54 L24.0351542,54 Z"
-                      fill="#F75757"
-                    ></path>
-                    <rect
-                      id="Rectangle"
-                      fill="#323232"
-                      x="0"
-                      y="44"
-                      width="68"
-                      height="10"
-                    ></rect>
-                  </g>
-                  <path
-                    id="404-copy-2"
-                    d="M0.961656046,50.0842541 C0.961656046,42.2278613 2.96423494,35.2445057 6.96945281,29.1339779 C10.9746707,23.0234501 16.3415821,17.7859334 23.0703481,13.4212707 C29.7991142,9.05660801 37.5691203,5.72860262 46.3805996,3.4371547 C55.1920789,1.14570677 64.4039418,0 74.0164647,0 C83.6289876,0 92.8408505,1.14570677 101.65233,3.4371547 C110.463809,5.72860262 118.233815,9.05660801 124.962581,13.4212707 C131.691347,17.7859334 137.058259,23.0234501 141.063477,29.1339779 C145.068694,35.2445057 147.071273,42.2278613 147.071273,50.0842541 L147.071273,186.915746 C147.071273,194.772139 145.068694,201.755494 141.063477,207.866022 C137.058259,213.97655 131.691347,219.214067 124.962581,223.578729 C118.233815,227.943392 110.463809,231.271397 101.65233,233.562845 C92.8408505,235.854293 83.6289876,237 74.0164647,237 C64.4039418,237 55.1920789,235.854293 46.3805996,233.562845 C37.5691203,231.271397 29.7991142,227.943392 23.0703481,223.578729 C16.3415821,219.214067 10.9746707,213.97655 6.96945281,207.866022 C2.96423494,201.755494 0.961656046,194.772139 0.961656046,186.915746 L0.961656046,50.0842541 Z M29.9573833,186.473826 C29.9573833,191.274955 39.7025876,201.314403 47.9147519,204.478783 C56.1269162,207.643164 61.046071,209.521702 73.9509006,209.521702 C86.8557302,209.521702 96.0430912,206.378605 104.255255,203.214225 C112.46742,200.049844 117.944418,191.274955 117.944418,186.473826 L117.944418,49.6423343 C117.944418,44.8412053 109.271767,36.8600273 101.059602,33.6956468 C92.847438,30.5312663 86.8557302,28.2586018 73.9509006,28.2586018 C61.046071,28.2586018 54.1320606,30.5312663 45.9198963,33.6956468 C37.707732,36.8600273 29.9573833,44.8412053 29.9573833,49.6423343 L29.9573833,186.473826 Z"
-                    fill="#007096"
-                  ></path>
-                </g>
-              </g>
-            </g>
-          </svg>
-        </div>
-        <div class="four2">
-          <svg
-            width="90px"
-            height="170px"
-            viewBox="0 0 133 234"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-          >
-            <g
-              id="Page-1"
-              stroke="none"
-              stroke-width="1"
-              fill="none"
-              fill-rule="evenodd"
-            >
-              <g
-                id="404"
-                transform="translate(0.000000, -2.000000)"
-                fill="#007096"
-              >
-                <g id="4-1" transform="translate(0.000000, 2.000000)">
-                  <polygon
-                    id="Path"
-                    points="72.5466868 198.372928 0 198.372928 0 166.947514 48.1896202 0 83.5942392 0 33.4376957 166.947514 72.5466868 166.947514 72.5466868 100.495856 105.984382 100.495856 105.984382 166.947514 132.046116 166.947514 132.046116 198.372928 105.984382 198.372928 105.984382 233.071823 72.5466868 233.071823"
-                  ></polygon>
-                </g>
-              </g>
-            </g>
-          </svg>
-        </div>
-      </div>
-    </v-flex>
-    <v-flex xs12 sm4>
-      <h1>PAGE NOT FOUND</h1>
-      <nuxt-link class="navbar-item" to="/" title="Vai alla pagina principale">
-        <h4>Clicca qui per tornare alla home!</h4>
-      </nuxt-link>
-    </v-flex>
-  </v-layout>
+<template>
+  <div class="d-flex flex-column flex-grow-1">
+    <v-container class="py-2 py-lg-4">
+      <v-card class="text-center w-full error-page pa-3">
+        <v-img
+          src="/images/aliens.svg"
+          max-height="350"
+          contain
+        />
+        <div class="display-2 mt-10">{{ $t('error.title') }}</div>
+        <div class="mt-3 mb-10">{{ $t('error.description') }}</div>
+        <v-btn nuxt :to="{ path: localePath('/')}" block large color="primary" style="color: white">
+          {{ $t('common.back') }}
+        </v-btn>
+      </v-card>
+    </v-container>
+  </div>
 </template>
 
-<style scoped>
-@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
-
-.container {
-  display: block;
-  text-align: center;
-  margin-top: 5%;
-}
-.four1 {
-  animation: swing ease-in-out 1.5s infinite alternate;
-  display: inline-block;
-}
-.zero {
-  animation: swing2 ease-in-out 1.5s infinite alternate;
-  display: inline-block;
-}
-.four2 {
-  animation: swing3 ease-in-out 1.5s infinite alternate;
-  display: inline-block;
+<script>
+export default {
+  layout: 'auth'
 }
+</script>
 
-@keyframes swing {
-  0% {
-    transform: rotate(3deg);
-  }
-  100% {
-    transform: rotate(-3deg);
-  }
-}
-
-@keyframes swing2 {
-  0% {
-    transform: rotate(-3deg);
-  }
-  100% {
-    transform: rotate(3deg);
-  }
-}
-@keyframes swing3 {
-  0% {
-    transform: rotate(-3deg);
-  }
-  100% {
-    transform: rotate(8deg);
-  }
-}
-h1 {
-  font-family: "Fjalla One";
-  text-align: center;
-  color: #666;
-}
-h4 {
-  text-align: center;
-  color: #666;
+<style>
+.error-page {
+  max-width: 500px;
 }
 </style>
diff --git a/src/pages/about.vue b/src/pages/about/index.vue
similarity index 98%
rename from src/pages/about.vue
rename to src/pages/about/index.vue
index 1f61f95..6bc22ad 100644
--- a/src/pages/about.vue
+++ b/src/pages/about/index.vue
@@ -120,7 +120,7 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   }
 };
diff --git a/src/pages/alerts.vue b/src/pages/alerts.vue
index 65bce9d..4995598 100644
--- a/src/pages/alerts.vue
+++ b/src/pages/alerts.vue
@@ -4,6 +4,122 @@
       <page-title i18n="menu.alerts" title='Allerte' class="mb-2" />
       <!-- Allerte list -->
       <div class="flex-grow-1 min-w-0">
+        <v-row dense>
+          <v-col cols="12" md="12">
+            <v-card>
+              <v-card-title>
+                 Le fasi operative
+              </v-card-title>
+              <v-card-text>
+                Quando c'è un'allerta, Regioni e comuni valutano, in base alla propria organizzazione e al proprio territorio, quale fase operativa del piano di Protezione Civile attivare:
+                <strong>ATTENZIONE</strong>, <strong>PRE-ALLARME</strong>, <strong>ALLARME</strong>. In caso di allerta rossa sul territorio, si attiva almeno la fase di pre-allarme.
+              </v-card-text>
+            </v-card>
+          </v-col>
+          <v-col cols="12" md="12">
+            <v-row dense>
+              <v-col cols="12" md="4">
+                <v-card>
+                  <v-card-title>
+                    <v-icon class="mr-2">mdi-alert-circle-outline</v-icon>
+                    ATTENZIONE
+                  </v-card-title>
+                  <v-divider />
+                  <v-card-subtitle>
+                    Il comune si prepara a rispondere all'eventuale emergenza attivando risorse e prodecure
+                  </v-card-subtitle>
+                  <v-card-text>
+                    <p class="center-text"><strong>VERIFICA</strong></p>
+                    <p>la prontezza operativa della propria struttura in contatto con Regione e Prefettura. <br>
+                      Verifica le reperibilità del personale e dei volontari</p>
+                  </v-card-text>
+                </v-card>
+              </v-col>
+              <v-col cols="12" md="4">
+                <v-card>
+                  <v-card-title>
+                    <v-icon class="mr-2">mdi-alert-circle-outline</v-icon>
+                    PRE-ALLARME
+                  </v-card-title>
+                  <v-divider />
+                  <v-card-subtitle>
+                    Il comune si mobilita per prevenire o ridurre i possibili danni a persone, animali e cose
+                  </v-card-subtitle>
+                  <v-card-text>
+                    <p class="center-text"><strong>ATTIVA</strong></p>
+                    <p>il Centro Operativo Comunale per coordinbare gli interventi <br>
+                    il personale e i volontari iniziano le attività di monitoraggio di sottopassi, argini, ponti,...</p>
+                  </v-card-text>
+                </v-card>
+              </v-col>
+              <v-col cols="12" md="4">
+                <v-card>
+                  <v-card-title>
+                    <v-icon class="mr-2">mdi-alert-circle-outline</v-icon>
+                    ALLARME
+                  </v-card-title>
+                  <v-divider />
+                  <v-card-subtitle>
+                    Il comune pienamente operativo per fronteggiare effetti e danni previsti o in atto
+                  </v-card-subtitle>
+                  <v-card-text>
+                    <p class="center-text"><strong>COORDINA</strong></p>
+                    <p>tutte le attività di assistenza e soccorso alla popolazione <br>
+                    l'evacuazione delle aree a rischio e il soccorso ai cittadini in difficoltà</p>
+                  </v-card-text>
+                </v-card>
+              </v-col>
+            </v-row>
+          </v-col>
+          <v-col cols="12" md="12">
+            <v-card>
+              <v-card-title>
+                I colori delle allerte
+              </v-card-title>
+              <v-card-text>
+                <p>Il dipartimento di protezione civile invia bollettini giornalieri codificando lo stato delle zone tramite codici colori, verde, giallo, arancione e rosso. In base al colore assegnato il territorio dovrà attivare le risorse opportune per verificare, mitigare ed eventualmente gestire l'emergenza in arrivo. Più l'allerta è importante, peggiori sono i possibili danni previsti </p>
+                <v-row dense>
+                  <v-col cols="12" md="4">
+                    <v-card color="yellow" outlined>
+                      <v-card-title>
+                        <v-icon class="mr-2">mdi-alert-circle-outline</v-icon>
+                        Giallo
+                      </v-card-title>
+                      <v-divider />
+                      <v-card-text>
+                        <p>Il territorio è soggetto a condizioni meteorologiche avverse, ma non è previsto alcun fenomeno particolarmente pericoloso</p>
+                      </v-card-text>
+                    </v-card>
+                  </v-col>
+                  <v-col cols="12" md="4">
+                    <v-card color="orange" outlined>
+                      <v-card-title>
+                        <v-icon class="mr-2">mdi-alert-circle-outline</v-icon>
+                        Arancione
+                      </v-card-title>
+                      <v-divider />
+                      <v-card-text>
+                        <p>Il territorio è soggetto a condizioni meteorologiche avverse, ma non è previsto alcun fenomeno particolarmente pericoloso</p>
+                      </v-card-text>
+                    </v-card>
+                  </v-col>
+                  <v-col cols="12" md="4">
+                    <v-card color="red" outlined rounded>
+                      <v-card-title>
+                        <v-icon class="mr-2">mdi-alert-circle-outline</v-icon>
+                        Rosso
+                      </v-card-title>
+                      <v-divider />
+                      <v-card-text>
+                        <p>Il territorio è soggetto a condizioni meteorologiche avverse, ma non è previsto alcun fenomeno particolarmente pericoloso</p>
+                      </v-card-text>
+                    </v-card>
+                  </v-col>
+                </v-row>
+              </v-card-text>
+            </v-card>
+          </v-col>
+        </v-row>
       </div>
     </v-container>
   </div>
diff --git a/src/pages/headquarter.vue b/src/pages/headquarter.vue
index 139e7e6..c74854f 100644
--- a/src/pages/headquarter.vue
+++ b/src/pages/headquarter.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="d-flex flex-column flex-grow-1">
     <v-container class="py-2 py-lg-4">
-      <page-title i18n="menu.headquarters" title='Base operatica' class="mb-2" />
+      <page-title i18n="headquarters.title" title='Base operatica' class="mb-2" />
       <!-- Activities list -->
       <div class="flex-grow-1 min-w-0">
         <v-row dense>
@@ -9,41 +9,65 @@
             <v-card>
               <v-img
                 :lazy-src="require('@/assets/img/lazy.webp')"
-                :src="require('@/assets/img/hq.png')"
+                :src="require('@/assets/img/hq.webp')"
                 max-height="300"
               ></v-img>
             </v-card>
           </v-col>
           <v-col cols="12" md="6" lg="6">
             <v-card>
+              <v-card-title>
+                <h3 class="headline mb-0">
+                  <v-icon size="30" color="#0066cc">mdi-map-marker</v-icon>
+                  {{ $t('headquarters.address') }}
+                </h3>
+              </v-card-title>
               <v-card-text>
                 <div class="text-center">
-                  <v-icon size="40" color="#0066cc">mdi-map-marker</v-icon>
-                  <br>
-                  <h2 class="mb-2">Indirizzo</h2>
-                  <a
-                    href="https://www.google.it/maps/place/Protezione+civile+-+Settimo+Milanese/@45.4704258,9.0672919,21z/data=!4m5!3m4!1s0x4786eb01ea1341e1:0xdb5a715389ef2a3f!8m2!3d45.470496!4d9.0673872"
-                    target="_blank"
-                    style="font-size: 125%"
-                    class="mb-1 mt-1"
-                  >
-                    Via Ippolito Nievo, 1, 20019 Settimo Milanese MI
-                  </a>
+                  <v-list outlined rounded>
+                    <v-list-item>
+                      <v-list-item-action>
+                        <v-icon>mdi-map-search</v-icon>
+                      </v-list-item-action>
+                      <v-list-item-content>
+                        <v-list-item-title>
+                          <v-tooltip bottom>
+                            <template v-slot:activator="{ on }">
+                              <a
+                                href="https://www.google.it/maps/place/Protezione+civile+-+Settimo+Milanese/@45.4704258,9.0672919,21z/data=!4m5!3m4!1s0x4786eb01ea1341e1:0xdb5a715389ef2a3f!8m2!3d45.470496!4d9.0673872"
+                                target="_blank"
+                                class="mb-1 mt-1"
+                                v-on="on"
+                              >
+                                Via Ippolito Nievo, 1, 20019 Settimo Milanese MI
+                              </a>
+                            </template>
+                            <span>{{ $t('headquarters.maps') }}</span>
+                          </v-tooltip>
+                        </v-list-item-title>
+                      </v-list-item-content>
+                    </v-list-item>
+                  </v-list>
                 </div>
               </v-card-text>
             </v-card>
             <v-card class="mt-2">
+              <v-card-title>
+                <h3 class="headline mb-0">
+                  <v-icon size="30" color="#0066cc">mdi-account-box-outline</v-icon>
+                  {{ $t('headquarters.contacts') }}
+                </h3>
+              </v-card-title>
               <v-card-text>
                 <div class="text-center">
-                  <h2>Contatti utili</h2>
-                  <v-list outlined rounded class="mt-2">
+                  <v-list outlined rounded>
                     <v-list-item>
                       <v-list-item-action>
                         <v-icon>mdi-phone</v-icon>
                       </v-list-item-action>
                       <v-list-item-content>
                         <v-list-item-title><a style="color: red">112</a></v-list-item-title>
-                        <v-list-item-subtitle>Numero per le emergenze</v-list-item-subtitle>
+                        <v-list-item-subtitle>{{ $t('headquarters.emergency.description') }}</v-list-item-subtitle>
                       </v-list-item-content>
                     </v-list-item>
                     <v-divider></v-divider>
@@ -52,8 +76,15 @@
                         <v-icon>mdi-phone</v-icon>
                       </v-list-item-action>
                       <v-list-item-content>
-                        <v-list-item-title><a href="tel:+393293817148">393293817148</a></v-list-item-title>
-                        <v-list-item-subtitle>Numero per informazioni o non emergenze</v-list-item-subtitle>
+                        <v-list-item-title>
+                          <v-tooltip bottom>
+                            <template v-slot:activator="{ on }">
+                              <a href="tel:+393293817148" v-on="on">393293817148</a>
+                            </template>
+                            <span>{{ $t('headquarters.phone.call') }}</span>
+                          </v-tooltip>
+                        </v-list-item-title>
+                        <v-list-item-subtitle>{{ $t('headquarters.phone.description') }}</v-list-item-subtitle>
                       </v-list-item-content>
                     </v-list-item>
                     <v-divider></v-divider>
@@ -62,7 +93,14 @@
                         <v-icon>mdi-at</v-icon>
                       </v-list-item-action>
                       <v-list-item-content>
-                        <v-list-item-title><a href="mailto:prociv@comune.settimomilanese.it">prociv@comune.settimomilanese.it</a></v-list-item-title>
+                        <v-list-item-title>
+                          <v-tooltip bottom>
+                            <template v-slot:activator="{ on }">
+                              <a href="mailto:prociv@comune.settimomilanese.it" v-on="on">prociv@comune.settimomilanese.it</a>
+                            </template>
+                            <span>{{ $t('headquarters.sendMail') }}</span>
+                          </v-tooltip>
+                        </v-list-item-title>
                       </v-list-item-content>
                     </v-list-item>
                   </v-list>
@@ -94,7 +132,7 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   }
 };
diff --git a/src/pages/index.vue b/src/pages/index.vue
index aa738eb..96e374c 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -21,7 +21,7 @@
               </v-col>
             </v-row>
           </v-alert>
-          <activity-list :activities="activities" :loading="loading" />
+          <operations-list :operations="operations" :loading="loading" />
         </v-col>
         <v-col cols="12" sm="12" md="4" lg="4">
           <v-card class="mb-2">
@@ -49,8 +49,7 @@
 
 <script>
 import WeatherAlert from "../components/index/WeatherAlert";
-import ActivityCard from "../components/activity/ActivityCard";
-import ActivityList from "@/components/activity/ActivityList";
+import OperationsList from "@/components/operations/OperationsList";
 import { isWeekend } from "date-fns";
 
 export default {
@@ -62,13 +61,13 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   },
-  components: { ActivityList, WeatherAlert, ActivityCard },
+  components: { OperationsList, WeatherAlert },
   data() {
     return {
-      activities: [],
+      operations: [],
       loading: true,
       alerts: {
         hydro: {},
@@ -95,7 +94,7 @@ export default {
       this.$axios
         .get('/api/v1/activities?take=5')
         .then(response => {
-          this.activities = response.data;
+          this.operations = response.data;
           this.loading = false;
         });
     },
diff --git a/src/pages/operations/index.vue b/src/pages/operations/index.vue
index 07468d7..1cd886a 100644
--- a/src/pages/operations/index.vue
+++ b/src/pages/operations/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="d-flex flex-column flex-grow-1">
     <v-container class="py-2 py-lg-4">
-      <page-title i18n="menu.activity" title='Attività' class="mb-2" />
+      <page-title i18n="operations.title" title='Attività' class="mb-2" />
       <!-- Activities list -->
       <div class="flex-grow-1 min-w-0">
         <template v-if="loading">
@@ -20,11 +20,12 @@
               v-for="stat in stats"
               :key="stat.type"
               cols="12"
+              xs="3"
               sm="6"
               md="3"
               lg="3"
             >
-              <stats-card :activity="stat" />
+              <operation-stat-card :activity="stat" />
             </v-col>
           </v-row>
           <v-divider class="mt-2" />
@@ -46,7 +47,7 @@
                 colored-border
                 type="info"
               >
-                {{ $t('activity.noData') }}
+                {{ $t('operations.noData') }}
               </v-alert>
             </template>
             <template v-slot:default="{ items }">
@@ -58,7 +59,7 @@
                   md="12"
                   lg="12"
                 >
-                  <activity-card :activity="activity" />
+                  <operation-card :activity="activity" />
                 </v-col>
               </v-row>
             </template>
@@ -70,9 +71,9 @@
 </template>
 
 <script>
-import ActivityCard from "@/components/activity/ActivityCard";
+import OperationCard from "@/components/operations/OperationCard";
 import PageTitle from "@/components/common/PageTitle";
-import StatsCard from "@/components/activity/StatsCard";
+import OperationStatCard from "@/components/operations/OperationStatCard";
 export default {
   head: {
     title: "Interventi",
@@ -82,13 +83,13 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   },
   components: {
-    StatsCard,
+    OperationStatCard,
     PageTitle,
-    ActivityCard
+    OperationCard
   },
   data() {
     return {
diff --git a/src/pages/operations/new.vue b/src/pages/operations/new.vue
index 881e2bd..f768215 100644
--- a/src/pages/operations/new.vue
+++ b/src/pages/operations/new.vue
@@ -9,7 +9,7 @@
             <v-form>
               <v-text-field
                 v-model="intervention.title"
-                :label="$t('activity.fields.title')"
+                :label="$t('operations.fields.title')"
                 placeholder="Rimozione albero in via Roma"
                 persistent-placeholder
                 :rules="[v => !!v || $t('common.required')]"
@@ -19,7 +19,7 @@
               />
               <v-text-field
                 v-model="intervention.description"
-                :label="$t('activity.fields.description')"
+                :label="$t('operations.fields.description')"
                 placeholder="Rimozione albero in via Roma in ausilio alla polizia locale"
                 persistent-placeholder
                 :rules="[v => !!v || $t('common.required')]"
@@ -35,7 +35,7 @@
                         dense
                         class="mb-1"
                         outlined
-                        :label="$t('activity.fields.startDate')"
+                        :label="$t('operations.fields.startDate')"
                         :class="isDragging ? 'text-gray-600' : 'text-gray-900'"
                         :value="inputValue.start"
                         :rules="[v => !!v || $t('common.required')]"
@@ -46,7 +46,7 @@
                       <v-text-field
                         dense
                         outlined
-                        :label="$t('activity.fields.endDate')"
+                        :label="$t('operations.fields.endDate')"
                         :class="isDragging ? 'text-gray-600' : 'text-gray-900'"
                         :value="inputValue.end"
                         :rules="[v => !!v || $t('common.required')]"
@@ -61,7 +61,7 @@
                 :items="types"
                 item-text="text"
                 item-value="value"
-                :label="$t('activity.fields.type')"
+                :label="$t('operations.fields.type')"
                 :rules="[v => !!v || $t('common.required')]"
                 required
                 dense
@@ -69,7 +69,7 @@
               />
               <v-text-field
                 v-model="intervention.location"
-                :label="$t('activity.fields.location')"
+                :label="$t('operations.fields.location')"
                 placeholder="Via Roma 1, Settimo Milanese (MI)"
                 persistent-placeholder
                 required
@@ -109,7 +109,7 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   },
   data() {
diff --git a/src/pages/vehicle.vue b/src/pages/vehicle.vue
index 1d5eca5..c7025d5 100644
--- a/src/pages/vehicle.vue
+++ b/src/pages/vehicle.vue
@@ -95,7 +95,7 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   },
   data() {
diff --git a/src/pages/volunteer.vue b/src/pages/volunteer.vue
index 671a0d4..55db1b1 100644
--- a/src/pages/volunteer.vue
+++ b/src/pages/volunteer.vue
@@ -9,7 +9,7 @@
             <v-card>
               <v-img
                 :lazy-src="require('@/assets/img/lazy.webp')"
-                :src="require('@/assets/img/groups.jpg')"
+                :src="require('@/assets/img/volunteers/groups.webp')"
                 max-height="250"
               ></v-img>
             </v-card>
@@ -65,7 +65,7 @@ export default {
       { name: "og:description", content: "" },
       { name: "og:type", content: "website" },
       { name: "og:url", content: "https://procivsettimomi.it" },
-      { name: "og:image", content: "/assets/img/activity.jpg" },
+      { name: "og:image", content: "/assets/img/lazy.webp" },
     ]
   }
 };
diff --git a/src/static/images/aliens.svg b/src/static/images/aliens.svg
new file mode 100644
index 0000000..2a50e38
--- /dev/null
+++ b/src/static/images/aliens.svg
@@ -0,0 +1,59 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="840" height="726.85">
+  <defs>
+    <linearGradient id="a" x1="432" y1="245.78" x2="432" y2="18.85" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="gray" stop-opacity=".25"/>
+      <stop offset=".54" stop-color="gray" stop-opacity=".12"/>
+      <stop offset="1" stop-color="gray" stop-opacity=".1"/>
+    </linearGradient>
+    <linearGradient id="b" x1="447.27" y1="1916.01" x2="447.27" y2="1730.58" gradientTransform="rotate(18.2 4156.739 1702.728)" xlink:href="#a"/>
+    <linearGradient id="c" x1="334.27" y1="1539.38" x2="334.27" y2="1353.95" gradientTransform="rotate(18.2 4156.739 1702.728)" xlink:href="#a"/>
+    <linearGradient id="d" x1="432" y1="258.09" x2="432" y2="103.27" xlink:href="#a"/>
+  </defs>
+  <ellipse cx="432" cy="132.31" rx="146.46" ry="113.46" fill="url(#a)" opacity=".8"/>
+  <ellipse cx="432" cy="132.31" rx="143.21" ry="110.94" fill="#63b9ff"/>
+  <path d="M311.94 144.64c0-61.27 64.11-110.94 143.2-110.94a175.54 175.54 0 0171.36 14.73c-25.17-17-58.1-27.33-94.14-27.33-79.09 0-143.21 49.67-143.21 110.94 0 41.14 28.91 77.05 71.86 96.21-30.07-20.34-49.07-50.25-49.07-83.61z" fill="#fff" opacity=".1"/>
+  <path fill="#63b9ff" opacity=".2" d="M432 176.9l158.76 274.98 158.76 274.97H114.48l158.76-274.97L432 176.9z"/>
+  <path d="M649.67 652.79L662 616.2a62.66 62.66 0 00-23.2-70.89l.1-.06a61.48 61.48 0 00-15.79-8l-.17-.06-.19-.06a61.55 61.55 0 00-16.9-3.18 59.28 59.28 0 00-6.11 0 62.32 62.32 0 00-10.49 1.45c-1 .22-2 .47-2.91.74s-1.93.56-2.88.87c-1.9.63-3.77 1.34-5.6 2.15-.92.4-1.83.82-2.72 1.27a61.47 61.47 0 00-7.75 4.56c-.83.57-1.64 1.16-2.44 1.76a62 62 0 00-21.24 29.6L524.33 634a61.86 61.86 0 00-2.68 28.12c.2 1.45.45 2.89.74 4.32s.65 2.84 1 4.24c.27.93.55 1.86.86 2.78.46 1.37 1 2.74 1.51 4.08.37.89.76 1.78 1.17 2.66.81 1.75 1.71 3.46 2.68 5.13s2 3.3 3.16 4.88c.84 1.18 1.73 2.34 2.65 3.46 1.24 1.5 2.54 3 3.92 4.33a61.81 61.81 0 0021 13.89l.34.14a21.66 21.66 0 011.4-2.17c3-4.11 8.22-7 13.19-5.92.36.08.72.19 1.08.3 2.52.89 5 2.48 7.43 3.26a6.66 6.66 0 005.61-.07c4.86-2.59 3.06-10.76 7.23-14.34a6.5 6.5 0 01.61-.46 1.88 1.88 0 01-.16-.23c3.22-2 7.68-.67 11.39.62 4 1.41 9.22 2.36 12-.91 1.88-2.24 1.74-5.65 3.53-8 2.08-2.7 6-3 9.39-2.52l.17.05c6.5 2.68 13.6-1.77 13.1-8.78-.59-9.35 2.35-18.16 3.02-20.07z" transform="translate(-180 -86.57)" fill="url(#b)" opacity=".3"/>
+  <path d="M383.21 620.21c2.92-4 7.93-6.8 12.73-5.71s9.35 5.66 13.62 3.37c5.84-3.12 1.7-14.59 11.18-15.44a12.44 12.44 0 015.77 1c4 1.63 10.26 3.47 13.34-.2 1.81-2.16 1.68-5.45 3.41-7.69 2-2.6 5.81-2.93 9.06-2.43l.16.05c6.27 2.59 13.13-1.71 12.64-8.47-.63-9 2.23-17.48 2.85-19.32l11.88-35.31A60.38 60.38 0 00442 453.77a60.38 60.38 0 00-76.27 37.86L347 547.16a60.39 60.39 0 0034.82 75.15 21.47 21.47 0 011.39-2.1z" fill="#fff"/>
+  <circle cx="405.35" cy="486.08" r="6.51" opacity=".2"/>
+  <circle cx="442.37" cy="498.53" r="6.51" opacity=".2"/>
+  <ellipse cx="595.55" cy="603.56" rx="9.76" ry="6.51" transform="rotate(-71.4 445.368 685.53)" fill="#e0e0e0"/>
+  <circle cx="552.53" cy="487.52" r="9.76" fill="#fff"/>
+  <circle cx="583.45" cy="472.17" r="4.88" fill="#fff"/>
+  <g opacity=".5">
+    <path d="M662.67 259.79L675 223.2a62.66 62.66 0 00-23.2-70.89l.1-.06a61.48 61.48 0 00-15.79-8l-.17-.06-.19-.06a61.55 61.55 0 00-16.9-3.18 59.28 59.28 0 00-6.11 0 62.32 62.32 0 00-10.49 1.45c-1 .22-2 .47-2.91.74s-1.93.56-2.88.87c-1.9.63-3.77 1.34-5.6 2.15-.92.4-1.83.82-2.72 1.27a61.47 61.47 0 00-7.75 4.56c-.83.57-1.64 1.16-2.44 1.76a62 62 0 00-21.24 29.6L537.33 241a61.86 61.86 0 00-2.68 28.12c.2 1.45.45 2.89.74 4.32s.65 2.84 1 4.24c.27.93.55 1.86.86 2.78.46 1.37 1 2.74 1.51 4.08.37.89.76 1.78 1.17 2.66.81 1.75 1.71 3.46 2.68 5.13s2 3.3 3.16 4.88a61.73 61.73 0 006.57 7.79 61.81 61.81 0 0021 13.89l.34.14a21.66 21.66 0 011.4-2.17c3-4.11 8.22-7 13.19-5.92.36.08.72.19 1.08.3 2.52.89 5 2.48 7.43 3.26a6.66 6.66 0 005.61-.07c4.86-2.59 3.06-10.76 7.23-14.34a6.5 6.5 0 01.61-.46 1.88 1.88 0 01-.16-.23c3.22-2 7.68-.67 11.39.62 4 1.41 9.22 2.36 12-.91 1.88-2.24 1.74-5.65 3.53-8 2.08-2.7 6-3 9.39-2.52h.17c6.5 2.68 13.6-1.77 13.1-8.78-.59-9.3 2.35-18.11 3.02-20.02z" transform="translate(-180 -86.57)" fill="url(#c)" opacity=".3"/>
+    <path d="M396.21 227.21c2.92-4 7.93-6.8 12.73-5.71s9.35 5.66 13.62 3.37c5.84-3.12 1.7-14.59 11.18-15.44a12.44 12.44 0 015.77 1c4 1.63 10.26 3.47 13.34-.2 1.81-2.16 1.68-5.45 3.41-7.69 2-2.6 5.81-2.93 9.06-2.43l.16.05c6.27 2.59 13.13-1.71 12.64-8.47-.63-9 2.23-17.48 2.85-19.32l11.88-35.31A60.38 60.38 0 00455 60.77a60.38 60.38 0 00-76.27 37.86L360 154.16a60.39 60.39 0 0034.82 75.15 21.47 21.47 0 011.39-2.1z" fill="#fff"/>
+    <circle cx="418.35" cy="93.08" r="6.51" opacity=".2"/>
+    <circle cx="455.37" cy="105.53" r="6.51" opacity=".2"/>
+  </g>
+  <path d="M569.52 99.43a87.52 87.52 0 012.79 22c0 61.27-64.11 110.94-143.2 110.94-64.73-.04-119.42-33.3-137.11-78.94 13.14 50.77 71 89 140.41 89 79.09 0 143.21-49.67 143.21-110.94a88.16 88.16 0 00-6.1-32.06z" opacity=".1"/>
+  <ellipse cx="432" cy="180.68" rx="296.18" ry="77.41" fill="url(#d)" opacity=".8"/>
+  <path d="M432 105.83c-158.18 0-286.42 33.51-286.42 74.86h572.84c0-41.35-128.24-74.86-286.42-74.86zM432 255.54c158.18 0 286.42-33.51 286.42-74.85H145.58c0 41.34 128.24 74.85 286.42 74.85z" fill="#fff"/>
+  <path d="M432 255.54c158.18 0 286.42-33.51 286.42-74.85H145.58c0 41.34 128.24 74.85 286.42 74.85z" opacity=".05"/>
+  <rect x="295.3" y="161.15" width="273.4" height="39.06" rx="17.22" opacity=".05"/>
+  <path d="M133.89 57.81a3.68 3.68 0 01-2.05-4.44 1.86 1.86 0 00.08-.41 1.84 1.84 0 00-3.31-1.22 1.82 1.82 0 00-.2.36 3.67 3.67 0 01-4.44 2.05 2 2 0 00-.41-.08 1.84 1.84 0 00-1.22 3.31 1.62 1.62 0 00.36.21 3.68 3.68 0 012.05 4.44 1.89 1.89 0 00-.08.4 1.84 1.84 0 003.31 1.23 1.65 1.65 0 00.2-.37 3.67 3.67 0 014.44-2 2 2 0 00.41.08 1.84 1.84 0 001.22-3.31 1.62 1.62 0 00-.36-.25zM642.89 363.81a3.68 3.68 0 01-2-4.44 1.86 1.86 0 00.08-.41 1.84 1.84 0 00-3.31-1.22 1.82 1.82 0 00-.2.36 3.67 3.67 0 01-4.44 2.05 2 2 0 00-.41-.08 1.84 1.84 0 00-1.22 3.31 1.62 1.62 0 00.36.21 3.68 3.68 0 012 4.44 1.89 1.89 0 00-.08.4 1.84 1.84 0 003.31 1.23 1.65 1.65 0 00.2-.37 3.67 3.67 0 014.44-2 2 2 0 00.41.08 1.84 1.84 0 001.22-3.31 1.62 1.62 0 00-.36-.25zM80.89 505.81a3.68 3.68 0 01-2.05-4.44 1.86 1.86 0 00.08-.41 1.84 1.84 0 00-3.31-1.22 1.82 1.82 0 00-.2.36 3.67 3.67 0 01-4.44 2.05 2 2 0 00-.41-.08 1.84 1.84 0 00-1.22 3.31 1.62 1.62 0 00.36.21 3.68 3.68 0 012.05 4.44 1.89 1.89 0 00-.08.4 1.84 1.84 0 003.31 1.23 1.65 1.65 0 00.2-.37 3.67 3.67 0 014.44-2 2 2 0 00.41.08 1.84 1.84 0 001.22-3.31 1.62 1.62 0 00-.36-.25zM25.89 174.81a3.68 3.68 0 01-2-4.44 1.86 1.86 0 00.08-.41 1.84 1.84 0 00-3.31-1.22 1.82 1.82 0 00-.2.36 3.67 3.67 0 01-4.44 2.05 2 2 0 00-.41-.08 1.84 1.84 0 00-1.22 3.31 1.62 1.62 0 00.36.21 3.68 3.68 0 012.05 4.44 1.89 1.89 0 00-.08.4 1.84 1.84 0 003.31 1.23 1.65 1.65 0 00.2-.37 3.67 3.67 0 014.44-2 2 2 0 00.41.08 1.84 1.84 0 001.22-3.31 1.62 1.62 0 00-.41-.25zM632.89 6.81a3.68 3.68 0 01-2-4.44 1.86 1.86 0 00.08-.41 1.84 1.84 0 00-3.31-1.22 1.82 1.82 0 00-.2.36 3.67 3.67 0 01-4.44 2 2 2 0 00-.41-.08 1.84 1.84 0 00-1.27 3.41 1.62 1.62 0 00.36.21 3.68 3.68 0 012 4.44 1.89 1.89 0 00-.08.4 1.84 1.84 0 003.38 1.18 1.65 1.65 0 00.2-.37 3.67 3.67 0 014.44-2 2 2 0 00.41.08 1.84 1.84 0 001.22-3.31 1.62 1.62 0 00-.38-.25z" fill="#4d8af0" opacity=".5"/>
+  <g opacity=".5" fill="#47e6b1">
+    <path d="M110 257.85h3v17h-3z"/>
+    <path d="M120 264.85v3h-17v-3z"/>
+  </g>
+  <g opacity=".5" fill="#47e6b1">
+    <path d="M830 177.85h3v17h-3z"/>
+    <path d="M840 184.85v3h-17v-3z"/>
+  </g>
+  <g opacity=".5" fill="#47e6b1">
+    <path d="M730 456.85h3v17h-3z"/>
+    <path d="M740 463.85v3h-17v-3z"/>
+  </g>
+  <circle cx="723" cy="81.85" r="6" fill="#f55f44" opacity=".5"/>
+  <circle cx="6" cy="12.85" r="6" fill="#f55f44" opacity=".5"/>
+  <circle cx="186" cy="357.85" r="6" fill="#f55f44" opacity=".5"/>
+  <ellipse cx="234" cy="154.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="234" cy="207.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="621" cy="154.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="621" cy="207.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="432" cy="124.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="457" cy="51.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="392" cy="81.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="517" cy="94.43" rx="34" ry="7" opacity=".05"/>
+  <ellipse cx="432" cy="228.43" rx="34" ry="7" opacity=".05"/>
+</svg>
diff --git a/src/static/index.png b/src/static/index.png
index 53f2609..25e36ef 100644
Binary files a/src/static/index.png and b/src/static/index.png differ