Fix/fix buh footer + creata pagina not found

Author: salvatore-impellizzeri

src/App.vue

@@ -17,6 +17,10 @@ export default {
     isAboutUsPage() {
       return this.$route.name === 'AboutUs';
     },
+
+    isNotFound() {
+      return this.$route.name === 'not-found';
+    },
   }
 };
 </script>
@@ -26,10 +30,10 @@ export default {
     <header>  
       <AppHeader/>
     </header>
-    <main :class="[ !isAboutUsPage && !isApartmentShowPage  ? 'mt-[500px]' : '']">
+    <main :class="[ !isAboutUsPage && !isApartmentShowPage && !isNotFound  ? 'mt-[500px] mb-[250px]' : '']">
       <AppMain/>
     </main>
-    <footer :class="{'mt-[100px]' : !isAboutUsPage}">
+    <footer>
       <AppFooter/>
     </footer>
   </template>

src/Header/Components/JumboStatic.vue

@@ -21,15 +21,18 @@ export default {
     isAboutUsPage() {
       return this.$route.name === 'AboutUs';
     },
+    isNotFound() {
+      return this.$route.name === 'not-found';
+    },
   },
 };
 </script>
 
 <template>
-  <div v-if="!isAboutUsPage" class="h-[800px] w-full relative overflow-hidden">
+  <div v-if="!isAboutUsPage && !isNotFound" class="h-[800px] w-full relative overflow-hidden">
     <!-- Sfondo -->
     <div
-      class="absolute top-0 left-0 right-0 bottom-0 w-full h-full bg-cover bg-center transition-all duration-500 ease-in-out"
+      class="absolute top-0 left-0 right-0 bottom-0 w-full h-[full] bg-cover bg-center transition-all duration-500 ease-in-out"
       :style="{ 
         backgroundImage: `url('/images/Jumbo.jpg')`, 
         backgroundPosition: '50% 40%' 

src/Header/Components/NavBar.vue

@@ -67,7 +67,6 @@ export default {
       <!-- Logo -->
       <div class="text-[#EDEEF0] text-2xl w-14 h-10 font-bold">
         <router-link to="/" class="transition-all ease-in-out duration-300 hover:opacity-70 flex items-center">
-          <img src="/images/logo.png" alt="Logo" class="h-full object-cover">
           <span>MilanBnB</span>
         </router-link>
       </div>

src/Header/Components/SearchBar.vue

@@ -48,7 +48,7 @@ export default {
          this.tomtomAxios
         axios
           .get(url, {
-            credentials: 'omit'
+            credentials: 'include'
           })
           .then((response) => {
             const apartments = response.data.results[0].address.freeformAddress;

src/views/AboutUs.vue

@@ -46,7 +46,7 @@ export default {
 </script>
 
 <template>
-  <div class="bg-gradient-to-b from-white to-gray-200 h-screen flex items-center justify-center animate__animated animate__fadeIn">
+  <div class="bg-gradient-to-b from-white to-gray-200 h-[700px] flex items-center justify-center animate__animated animate__fadeIn">
     <div class="max-w-7xl px-6 lg:px-8">
       <h1 class="text-gray-800 text-3xl font-semibold tracking-tight text-center animate__animated animate__fadeInDown">
         Il nostro Team

src/views/NotFound.vue

@@ -20,9 +20,39 @@ export default {
 </script>
 
 <template>
-
+  <main class="relative grid h-screen place-items-center px-6 py-24 sm:py-32 lg:px-8">
+    <div class="absolute inset-0 bg-cover bg-no-repeat bg-center blur-md opacity-70" 
+      :style="{
+        backgroundImage: 'url(public/images/Jumbo.jpg)',
+      }">
+    </div>
+    <div class="relative text-center z-10">
+      <p class="text-4xl drop-shadow-lg font-semibold text-[#B49578]">404</p>
+      <h1 class="mt-4 text-balance text-5xl font-semibold tracking-tight text-white drop-shadow-lg sm:text-7xl">
+        Pagina non trovata
+      </h1>
+      <p class="mt-6 text-pretty drop-shadow-lg text-lg font-medium text-white sm:text-xl/8">
+        Ci dispiace, non abbiamo trovato la pagina che stavi cercando.
+      </p>
+      <div class="mt-10 flex items-center justify-center gap-x-6">
+        <router-link
+          to="/"
+          class="rounded-md bg-[#B49578] px-3.5 py-2.5 text-sm transition-all ease-in-out duration-300 font-semibold text-white shadow-sm hover:text-[#B49578] hover:bg-white"
+        >
+          Torna alla Home
+        </router-link>
+        <router-link
+          to="/about"
+          class="rounded-full py-3 px-6 transition-all ease-in-out duration-300 text-sm font-semibold text-[#B49578] bg-white shadow-sm hover:bg-[#B49578] hover:text-white"
+        >
+          Contatta il Servizio Clienti
+        </router-link>
+      </div>
+    </div>
+  </main>
 </template>
 
+
 <style scoped>
 
 </style>