add map/products

components/FooterBlock.vue

@@ -20,15 +20,30 @@
         </div>
       </div>
 
-      <img
-        class="w-[70%] sm:w-[50%] xl:w-[30%]"
-        src="/public/logo-footer.svg"
-        alt="logo-footer"
-      />
+      <ClientOnly v-if="!colorMode?.forced">
+        <img
+          class="cursor-pointer w-[70%] sm:w-[50%] xl:w-[30%]"
+          :src="isDark ? '/logo-footer-dark.svg' : '/logo-footer.svg'"
+          alt="logo"
+          @click="menuStore.navigateToItem()"
+        />
+      </ClientOnly>
     </UiContainer>
   </div>
 </template>
 
 <script lang="ts" setup>
 const menuStore = useMenuStore();
+const store = useStore();
+const open = ref(false);
+const colorMode = useColorMode();
+
+const isDark = computed({
+  get() {
+    return colorMode.value === "dark";
+  },
+  set(_isDark) {
+    colorMode.preference = _isDark ? "dark" : "light";
+  },
+});
 </script>