feat: new logo, mike and jake

apps/website/app/app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col min-h-screen bg-white dark:bg-gray-900/75 font-serif">
+  <div class="flex flex-col min-h-screen bg-white dark:bg-gray-800 font-serif">
     <Header transparent />
     <NuxtPage />
   </div>

apps/website/app/components/Logo.vue

@@ -1,8 +1,13 @@
 <template>
-  <NuxtLink to="/" class="flex items-center gap-2 leading-tight hover:opacity-80 duration-200">
-    <img src="~/assets/img/logo.png" alt="Logo" class="h-12 w-12">
-    <p class="text-gray-700 dark:text-white font-bold text-xl">
-      Next Orders
-    </p>
-  </NuxtLink>
+  <ClientOnly>
+    <NuxtLink to="/" class="flex items-center gap-2 leading-tight hover:opacity-80 duration-200">
+      <img alt="Logo" src="~/assets/img/logo-full.png" class="h-12 w-auto" :class="{ hidden: isDark }">
+      <img alt="Logo Dark" src="~/assets/img/logo-full-dark.png" class="h-12 w-auto" :class="{ hidden: !isDark }">
+    </NuxtLink>
+  </ClientOnly>
 </template>
+
+<script setup lang="ts">
+const colorMode = useColorMode()
+const isDark = computed(() => colorMode.value === 'dark')
+</script>

apps/website/app/pages/index.vue

@@ -1,10 +1,15 @@
 <template>
   <UContainer class="max-w-screen-md">
+    <div class="flex items-center justify-center group">
+      <img src="/mike/idle.png" alt="" class="h-40 w-40 group-hover:-translate-x-8 duration-200">
+      <img src="/jake/idle.png" alt="" class="h-40 w-40 scale-x-[-1] group-hover:translate-x-8 duration-200">
+    </div>
+
     <div class="space-y-6 mt-10 text-lg">
       <p>
         Живут в одном чудесном городе два давних друга и коллеги:
-        <span class="text-green-600 font-medium">Миша</span> и
-        <span class="text-blue-600 font-medium">Женя</span>. Дружат с
+        <span class="text-green-500 font-medium">Миша</span> и
+        <span class="text-blue-500 font-medium">Женя</span>. Дружат с
         детства, вместе ходят в спортзал, ездят на рыбалку. Любят обсуждать
         технологии и автомобили. Миша – оптимист. Верит в развитие предприятий
         и постоянно улучшающийся сервис. Увлеченно наблюдает за сферой еды.