diff --git a/.env.development b/.env.development
index 039df66..29a4926 100644
--- a/.env.development
+++ b/.env.development
@@ -12,6 +12,6 @@ TEST_EMAIL="paolo.arena77@gmail.com"
 TEST_USERNAME="paoloar77"
 TEST_PASSWORD="mypassword@1A"
 PUBLICKEY_PUSH="BGxRrFWnPoa_ImUaWXmeEOFVI9VNKVKaAPsvsM1XY6wn24yxp9MyOQ4crNYCJKxSXV65Y1GblW5_VLoamedcZ1I"
-IN_CONSTRUCTION="0"
+IN_CONSTRUCTION="1"
 DEBUG="1"
 TELEGRAM_SUPPORT="https://t.me/freeplanet_supporto"
diff --git a/quasar.conf.js b/quasar.conf.js
index 400a73f..5c1299e 100644
--- a/quasar.conf.js
+++ b/quasar.conf.js
@@ -170,6 +170,8 @@ module.exports = function (ctx) {
         'QSlider',
         'QPopupEdit',
         'QCarousel',
+        'QCarouselControl',
+        'QCarouselSlide'
       ],
       directives: [
         'Ripple',
diff --git a/src/App.scss b/src/App.scss
index 6f6ae17..75ee84e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -44,3 +44,9 @@
 .my-notif-class{
   font-weight: bold;
 }
+
+.mybanner {
+  font-weight: bold;
+  font-size: 1.1rem;
+  text-align: center;
+}
diff --git a/src/root/home/home.scss b/src/root/home/home.scss
index 0f3b481..91d8f2a 100644
--- a/src/root/home/home.scss
+++ b/src/root/home/home.scss
@@ -25,6 +25,9 @@ p {
 }
 
 .landing {
+}
+
+.landing_background {
   background: #000 url(../../statics/images/cover.jpg) no-repeat 50% fixed;
   background-size: cover
 }
@@ -36,7 +39,7 @@ p {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  padding: 0 16px
+  //padding: 0 16px
 }
 
 .landing > section.padding {
@@ -45,7 +48,7 @@ p {
 
 .landing > section > div {
   position: relative;
-  max-width: 1040px;
+  max-width: 1240px;
   width: 100%
 }
 
@@ -91,7 +94,7 @@ p {
   font-size: 64px
 }
 
-h4{
+h4 {
   line-height: 1.5;
   text-shadow: 4px 4px 8px $grayshadow;
 }
@@ -107,12 +110,18 @@ h4{
 }
 
 .landing__footer {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
-  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 65%, #000);
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 75%, #FFF);
   padding-top: 72px !important;
   padding-bottom: 72px !important
 }
 
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: 1px;
+}
+
 .landing__footer .doc-link {
   color: #fff
 }
@@ -137,13 +146,11 @@ h4{
   opacity: 0.9;
 }
 
-
 .q-col-gutter-xl {
   padding: 50px 50px;
   //margin-left: -48px
 }
 
-
 body.mobile .landing {
   //background: unset
 }
@@ -249,12 +256,17 @@ body.mobile .landing:before {
 
 .homep-cover-img-1 {
   background: #000 url(../../statics/images/cover.jpg) no-repeat 50% fixed;
-  transition: background-image 1s ease-in-out;
+  //transition: background-image 1s ease-in-out;
 }
 
 .homep-cover-img-2 {
+  background: #000 url(../../statics/images/mountains.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
   background: #000 url(../../statics/images/all_together.jpg) no-repeat 50% fixed;
-  transition: background-image 1s ease-in-out;
+  //transition: background-image 1s ease-in-out;
 }
 
 .homep-cover-img.hide-filter:before {
@@ -277,7 +289,7 @@ body.mobile .landing:before {
   color: #e0e0e0
 }
 
-.doc-img{
+.doc-img {
   max-width: 100%;
 }
 
@@ -286,12 +298,11 @@ body.mobile .landing:before {
   padding-left: 20px;
 }
 
-.clgutter{
-  margin-top:20px;
+.clgutter {
+  margin-top: 20px;
   padding: 10px;
 }
 
-
 @media (max-width: 718px) {
   .landing__hero {
     text-align: center
@@ -299,7 +310,7 @@ body.mobile .landing:before {
   .landing__header {
     height: 7vh
   }
-  .clgutter{
+  .clgutter {
     margin-top: 0px;
     padding: 0px;
   }
@@ -318,12 +329,11 @@ body.mobile .landing:before {
     margin: 20px 0
   }
 
-  h4{
+  h4 {
     line-height: 1.4;
     text-shadow: 4px 4px 8px $grayshadow;
   }
 
-
   .landing .feature-item {
     text-align: center;
     margin-top: 20px;
@@ -351,3 +361,10 @@ body.mobile .landing:before {
     font-size: 0.75rem;
   }
 }
+
+.custom-caption {
+  text-align: center;
+  padding: 12px;
+  color: white;
+  background-color: rgba(0, 0, 0, .3);
+}
diff --git a/src/root/home/home.ts b/src/root/home/home.ts
index 9d9f271..a9a7e02 100644
--- a/src/root/home/home.ts
+++ b/src/root/home/home.ts
@@ -30,9 +30,11 @@ export default class Home extends Vue {
   public displaycard: string = 'block'
   public svgclass: string = 'svgclass'
   public $t: any
-  public firstClassSection: string = 'landing fade homep-cover-img animate-fade homep-cover-img-1'
+  // public firstClassSection: string = 'landing_background fade homep-cover-img animate-fade homep-cover-img-1'
+  public firstClassSection: string = 'fade homep-cover-img animate-fade homep-cover-img-1'
   public $q
   public polling
+  public slide = 'first'
 
   constructor() {
     super()
@@ -45,7 +47,7 @@ export default class Home extends Vue {
     const mytime = 10000
     this.polling = setInterval(() => {
 
-      this.firstClassSection = 'landing fade homep-cover-img ' + (primo ? 'homep-cover-img-2' : 'homep-cover-img-1')
+      this.firstClassSection = 'landing_background fade homep-cover-img ' + (primo ? 'homep-cover-img-2' : 'homep-cover-img-1')
       primo = !primo
 
       // console.log('this.firstClassSection', this.firstClassSection)
diff --git a/src/root/home/home.vue b/src/root/home/home.vue
index 4ae8281..f9e4165 100644
--- a/src/root/home/home.vue
+++ b/src/root/home/home.vue
@@ -1,100 +1,289 @@
 <template>
     <q-page class="text-white">
-        <div :class="firstClassSection">
+        <div class="landing">
             <section>
                 <div class="landing__hero">
-                    <div class="landing__header"></div>
-                    <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
-                        <div class="row">
-                            <logo></logo>
-                        </div>
-                        <div class="flex justify-end">
-                            <div class="q-gutter-xs testo-banda clgutter">
-                                <div class="text-h1 shadow-max">FreePlanet</div>
-                                <div class="text-subtitle1 shadow text-italic q-pl-sm">{{$t('msg.sottoTitoloApp')}}
-                                </div>
-                                <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
-                                </div>
-                                <div class="text-subtitle2 shadow text-italic q-pl-sm">
-                                    {{$t('msg.sottoTitoloApp3')}}
+                    <q-carousel
+                            animated
+                            :autoplay="7000"
+                            swipeable
+                            infinite
+                            transition-next="slide-left"
+                            transition-prev="slide-right"
+                            v-model="slide"
+                            height="100%"
+                            width="100%"
+                    >
+                        <q-carousel-slide name="first" class="homep-cover-img-1">
+                            <div class="landing__header"></div>
+                            <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                <div class="row">
+                                    <logo></logo>
                                 </div>
+                                <div class="flex justify-end">
+                                    <div class="q-gutter-xs testo-banda clgutter">
+                                        <div class="text-h1 shadow-max">FreePlanet</div>
+                                        <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                            {{$t('msg.sottoTitoloApp')}}
+                                        </div>
+                                        <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                        </div>
+                                        <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                            {{$t('msg.sottoTitoloApp3')}}
+                                        </div>
 
-                                <div class="text-subtitle3 shadow text-italic q-pl-sm ">
-                                    {{$t('msg.sottoTitoloApp4')}}
-                                </div>
+                                        <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                            {{$t('msg.sottoTitoloApp4')}}
+                                        </div>
+
+                                        <div v-if="isInCostruction" style="margin: 5px;">
+                                            <q-banner
+                                                    rounded
+                                                    class="bg-primary text-white"
+                                                    style="text-align: center;">
+
+                                                <span class="mybanner">{{$t('msg.underconstruction')}}</span>
+                                            </q-banner>
+                                            <br>
+                                        </div>
+                                        <div v-else>
+                                            <div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
+                                                <q-btn rounded size="lg" color="primary" @click="PagLogin"
+                                                       class="btn-start">
+                                                    {{$t('login.enter')}}
+                                                </q-btn>
+                                                <q-btn rounded size="lg" color="positive" @click="PagReg"
+                                                       class="btn-start">
+                                                    {{$t('reg.submit')}}
+                                                </q-btn>
+                                            </div>
+                                        </div>
+
+                                        <div v-if="isLogged">
+                                            <div>
+                                                <!--<q-field-->
+                                                <!--v-if="getPermission() === 'granted'"-->
+                                                <!--icon="notifications"-->
+                                                <!--class="shadow"-->
+                                                <!--:label="$t('notification.titlegranted')"-->
+                                                <!--:helper="$t('notification.statusnot')">-->
+                                                <!--</q-field>-->
+                                                <q-field
+                                                        v-if="NotServiceWorker()"
+                                                        class="shadow"
+                                                        icon="notifications"
+                                                        label="Service Worker not present"
+                                                >
+                                                </q-field>
+                                            </div>
+
+                                            <div>
+                                                <q-btn v-if="getPermission() !== 'granted'"
+                                                       class="enable-notifications shadow"
+                                                       color="primary" rounded
+                                                       size="md"
+                                                       icon="notifications" @click="askfornotification"
+                                                       :label="$t('notification.ask')"/>
+                                                <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
+                                                <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
+
+                                            </div>
+                                        </div>
 
 
-                                <!--
-                                                                <q-btn>
-
-                                                                    Canale Telegram: <a href="https://t.me/freeplanet_channel" target="_blank"
-                                                                                        style="color: white;">
-                                                                    <q-icon class="fab fa-telegram" size="2rem"/>
-                                                                    </a>
-                                                                </q-btn>
-                                -->
-
-                                <div v-if="isInCostruction" style="margin: 5px;">
-                                    <q-banner
-                                            type="info"
-                                            class="q-mb-sm">
-                                        {{$t('msg.underconstruction')}}
-                                    </q-banner>
-                                    <br>
-                                </div>
-                                <div v-else>
-                                    <div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
-                                        <q-btn rounded size="lg" color="primary" @click="PagLogin"
-                                               class="btn-start">
-                                            {{$t('login.enter')}}
-                                        </q-btn>
-                                        <q-btn rounded size="lg" color="positive" @click="PagReg" class="btn-start">
-                                            {{$t('reg.submit')}}
-                                        </q-btn>
+                                        <div class="q-pt-md q-pl-sm">
+                                            <div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
+                                        </div>
                                     </div>
                                 </div>
-
-                                <div v-if="isLogged">
-                                    <div>
-                                        <!--<q-field-->
-                                        <!--v-if="getPermission() === 'granted'"-->
-                                        <!--icon="notifications"-->
-                                        <!--class="shadow"-->
-                                        <!--:label="$t('notification.titlegranted')"-->
-                                        <!--:helper="$t('notification.statusnot')">-->
-                                        <!--</q-field>-->
-                                        <q-field
-                                                v-if="NotServiceWorker()"
-                                                class="shadow"
-                                                icon="notifications"
-                                                label="Service Worker not present"
-                                        >
-                                        </q-field>
-                                    </div>
-
-                                    <div>
-                                        <q-btn v-if="getPermission() !== 'granted'"
-                                               class="enable-notifications shadow"
-                                               color="primary" rounded
-                                               size="md"
-                                               icon="notifications" @click="askfornotification"
-                                               :label="$t('notification.ask')"/>
-                                        <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
-                                        <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
-
-                                    </div>
-                                </div>
-
-
-                                <div class="q-pt-md q-pl-sm">
-                                    <div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
-                                </div>
                             </div>
-                        </div>
-                    </div>
-                    <div class="landing__arrow absolute-bottom text-center">
-                        <i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
-                    </div>
+                            <div class="landing__arrow absolute-bottom text-center">
+                                <i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
+                            </div>
+                        </q-carousel-slide>
+                        <q-carousel-slide name="second" class="homep-cover-img-2">
+                            <div class="landing__header"></div>
+                            <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                <div class="row">
+                                    <logo></logo>
+                                </div>
+                                <div class="flex justify-end">
+                                    <div class="q-gutter-xs testo-banda clgutter">
+                                        <div class="text-h1 shadow-max">FreePlanet</div>
+                                        <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                            {{$t('msg.sottoTitoloApp')}}
+                                        </div>
+                                        <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                        </div>
+                                        <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                            {{$t('msg.sottoTitoloApp3')}}
+                                        </div>
+
+                                        <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                            {{$t('msg.sottoTitoloApp4')}}
+                                        </div>
+
+                                        <div v-if="isInCostruction" style="margin: 5px;">
+                                            <q-banner
+                                                    rounded
+                                                    class="bg-primary text-white"
+                                                    style="text-align: center;">
+
+                                                <span class="mybanner">{{$t('msg.underconstruction')}}</span>
+                                            </q-banner>
+                                            <br>
+                                        </div>
+                                        <div v-else>
+                                            <div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
+                                                <q-btn rounded size="lg" color="primary" @click="PagLogin"
+                                                       class="btn-start">
+                                                    {{$t('login.enter')}}
+                                                </q-btn>
+                                                <q-btn rounded size="lg" color="positive" @click="PagReg"
+                                                       class="btn-start">
+                                                    {{$t('reg.submit')}}
+                                                </q-btn>
+                                            </div>
+                                        </div>
+
+                                        <div v-if="isLogged">
+                                            <div>
+                                                <!--<q-field-->
+                                                <!--v-if="getPermission() === 'granted'"-->
+                                                <!--icon="notifications"-->
+                                                <!--class="shadow"-->
+                                                <!--:label="$t('notification.titlegranted')"-->
+                                                <!--:helper="$t('notification.statusnot')">-->
+                                                <!--</q-field>-->
+                                                <q-field
+                                                        v-if="NotServiceWorker()"
+                                                        class="shadow"
+                                                        icon="notifications"
+                                                        label="Service Worker not present"
+                                                >
+                                                </q-field>
+                                            </div>
+
+                                            <div>
+                                                <q-btn v-if="getPermission() !== 'granted'"
+                                                       class="enable-notifications shadow"
+                                                       color="primary" rounded
+                                                       size="md"
+                                                       icon="notifications" @click="askfornotification"
+                                                       :label="$t('notification.ask')"/>
+                                                <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
+                                                <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
+
+                                            </div>
+                                        </div>
+
+
+                                        <div class="q-pt-md q-pl-sm">
+                                            <div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="landing__arrow absolute-bottom text-center">
+                                <i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
+                            </div>
+                            <!--<div class="absolute-bottom custom-caption">-->
+                            <!--<div class="text-h2">Second stop</div>-->
+                            <!--<div class="text-subtitle1">Famous City</div>-->
+                            <!--</div>-->
+                        </q-carousel-slide>
+                        <q-carousel-slide name="third" class="homep-cover-img-3">
+                            <div class="landing__header"></div>
+                            <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                <div class="row">
+                                    <logo></logo>
+                                </div>
+                                <div class="flex justify-end">
+                                    <div class="q-gutter-xs testo-banda clgutter">
+                                        <div class="text-h1 shadow-max">FreePlanet</div>
+                                        <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                            {{$t('msg.sottoTitoloApp')}}
+                                        </div>
+                                        <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                        </div>
+                                        <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                            {{$t('msg.sottoTitoloApp3')}}
+                                        </div>
+
+                                        <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                            {{$t('msg.sottoTitoloApp4')}}
+                                        </div>
+
+                                        <div v-if="isInCostruction" style="margin: 5px;">
+                                            <q-banner
+                                                    rounded
+                                                    class="bg-primary text-white"
+                                                    style="text-align: center;">
+
+                                                <span class="mybanner">{{$t('msg.underconstruction')}}</span>
+                                            </q-banner>
+                                            <br>
+                                        </div>
+                                        <div v-else>
+                                            <div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
+                                                <q-btn rounded size="lg" color="primary" @click="PagLogin"
+                                                       class="btn-start">
+                                                    {{$t('login.enter')}}
+                                                </q-btn>
+                                                <q-btn rounded size="lg" color="positive" @click="PagReg"
+                                                       class="btn-start">
+                                                    {{$t('reg.submit')}}
+                                                </q-btn>
+                                            </div>
+                                        </div>
+
+                                        <div v-if="isLogged">
+                                            <div>
+                                                <!--<q-field-->
+                                                <!--v-if="getPermission() === 'granted'"-->
+                                                <!--icon="notifications"-->
+                                                <!--class="shadow"-->
+                                                <!--:label="$t('notification.titlegranted')"-->
+                                                <!--:helper="$t('notification.statusnot')">-->
+                                                <!--</q-field>-->
+                                                <q-field
+                                                        v-if="NotServiceWorker()"
+                                                        class="shadow"
+                                                        icon="notifications"
+                                                        label="Service Worker not present"
+                                                >
+                                                </q-field>
+                                            </div>
+
+                                            <div>
+                                                <q-btn v-if="getPermission() !== 'granted'"
+                                                       class="enable-notifications shadow"
+                                                       color="primary" rounded
+                                                       size="md"
+                                                       icon="notifications" @click="askfornotification"
+                                                       :label="$t('notification.ask')"/>
+                                                <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
+                                                <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
+
+                                            </div>
+                                        </div>
+
+
+                                        <div class="q-pt-md q-pl-sm">
+                                            <div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="landing__arrow absolute-bottom text-center">
+                                <i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
+                            </div>
+                            <!--<div class="absolute-bottom custom-caption">-->
+                            <!--<div class="text-h2">Third stop</div>-->
+                            <!--<div class="text-subtitle1">Famous Bridge</div>-->
+                            <!--</div>-->
+                        </q-carousel-slide>
+                    </q-carousel>
                 </div>
             </section>
 
@@ -126,7 +315,7 @@
                     </div>
                     <div class="col-12 col-sm-5">
                         <div class="feature-item"><i aria-hidden="true"
-                                                                                             class="q-icon fas fa-apple-alt"> </i><h4>
+                                                     class="q-icon fas fa-apple-alt"> </i><h4>
                             {{$t('homepage.freegas.title')}}</h4>
                             <p class="feat-descr" v-html="$t('homepage.freegas.descr')"></p></div>
                     </div>
@@ -177,10 +366,10 @@
                 <div class="text-center">
                     <div class="landing__footer-icons row flex-center">
                         <a href="https://www.facebook.com/freeplanetapp" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-facebook-f"> </i></a>
+                            <i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact"> </i></a>
 
                         <a :href="TelegramSupport" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-telegram"></i></a>
+                            <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact"></i></a>
 
 
                         <!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
@@ -193,10 +382,12 @@
                         <!--class="q-icon fab fa-patreon"> </i></a>-->
                     </div>
 
-                    <div class="q-mt-md">Released under the
+                    <div class="q-mt-xs text-weight-thin" style="text-shadow: 4px 4px 8px #555;">
+                        Contacts
+                        <!--Released under the-->
                         <!--<a href="https://github.com/quasarframework/quasar/blob/dev/LICENSE" target="_blank"-->
                         <!--rel="noopener noreferrer" class="doc-link">-->
-                        MIT LICENSE
+                        <!--MIT LICENSE-->
                         <!--<i aria-hidden="true"-->
                         <!--class="q-icon material-icons">launch</i></a>-->
                         <!--| <a href="https://www.iubenda.com/privacy-policy/40685560" target="_blank"-->
@@ -206,7 +397,6 @@
 
                 </div>
             </section>
-
         </div>
 
     </q-page>
diff --git a/src/statics/i18n.js b/src/statics/i18n.js
index d22ab12..9069e3d 100644
--- a/src/statics/i18n.js
+++ b/src/statics/i18n.js
@@ -474,7 +474,7 @@ const messages = {
     msg: {
       hello: 'Hello!',
       myAppName: 'FreePlanet',
-      underconstruction: 'App in constuction...',
+      underconstruction: 'App in construction...',
       myDescriz: '',
       sottoTitoloApp: 'The first Real Social',
       sottoTitoloApp2: 'Free, Fair and solidarity',
diff --git a/src/statics/images/mountains.jpg b/src/statics/images/mountains.jpg
new file mode 100644
index 0000000..83fef46
Binary files /dev/null and b/src/statics/images/mountains.jpg differ
diff --git a/src/views/login/requestresetpwd.vue b/src/views/login/requestresetpwd.vue
index 1656441..64d986d 100644
--- a/src/views/login/requestresetpwd.vue
+++ b/src/views/login/requestresetpwd.vue
@@ -2,8 +2,11 @@
     <div class="mypanel">
 
         <div v-if="!emailinviata">
-            <q-banner color="primary q-title" style="text-align: center;">
-                {{ $t('reset.title_reset_pwd')}}
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    style="text-align: center;">
+                <span class="mybanner">{{ $t('reset.title_reset_pwd')}}</span>
             </q-banner>
             <br>
 
@@ -30,8 +33,11 @@
 
         </div>
         <div v-else>
-            <q-banner color="primary q-title" style="text-align: center;">
-                {{ $t('reset.email_sent')}}
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    style="text-align: center;">
+                <span class="mybanner">{{ $t('reset.email_sent')}}</span>
             </q-banner>
             <br>
 
diff --git a/src/views/login/updatepassword.vue b/src/views/login/updatepassword.vue
index f3b1300..015be67 100644
--- a/src/views/login/updatepassword.vue
+++ b/src/views/login/updatepassword.vue
@@ -2,8 +2,11 @@
     <div class="mypanel">
 
         <div v-if="!emailinviata">
-            <q-banner color="primary q-title" style="text-align: center;">
-                {{ $t('reset.title_update_pwd')}}
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    style="text-align: center;">
+                <span class="mybanner">{{ $t('reset.title_update_pwd')}}</span>
             </q-banner>
             <br>
 
@@ -41,8 +44,11 @@
 
         </div>
         <div v-else>
-            <q-banner color="primary q-title" style="text-align: center;">
-                {{ $t('reset.email_sent')}}
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    style="text-align: center;">
+                <span class="mybanner">{{ $t('reset.email_sent')}}</span>
             </q-banner>
             <br>
 
diff --git a/src/views/login/vreg/vreg.scss b/src/views/login/vreg/vreg.scss
index ead1fc8..2cf4d13 100644
--- a/src/views/login/vreg/vreg.scss
+++ b/src/views/login/vreg/vreg.scss
@@ -4,8 +4,3 @@
 
 }
 
-.mybanner {
-  font-weight: bold;
-  font-size: 1.1rem;
-  text-align: center;
-}
diff --git a/src/views/login/vreg/vreg.vue b/src/views/login/vreg/vreg.vue
index 8de5f9a..05f9eb2 100644
--- a/src/views/login/vreg/vreg.vue
+++ b/src/views/login/vreg/vreg.vue
@@ -6,7 +6,7 @@
                     class="bg-primary text-white"
                     color="primary q-title"
                     style="text-align: center;">
-                {{ $t('reg.title_verif_reg')}}
+                <span class="mybanner">{{ $t('reg.title_verif_reg')}}</span>
             </q-banner>
             <br>