From c68e3a8daf09ef695be2c3b3053f725f4c2a1eb2 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Mon, 2 Sep 2024 14:50:48 +0000
Subject: [PATCH] feat: new logo, mike and jake

---
 apps/website/app/app.vue                       |   2 +-
 apps/website/app/assets/img/logo-full-dark.png | Bin 0 -> 1399 bytes
 apps/website/app/assets/img/logo-full.png      | Bin 0 -> 1354 bytes
 apps/website/app/components/Logo.vue           |  17 +++++++++++------
 apps/website/app/pages/index.vue               |   9 +++++++--
 apps/website/public/jake/idle.png              | Bin 0 -> 1289 bytes
 apps/website/public/mike/idle.png              | Bin 0 -> 1312 bytes
 7 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 apps/website/app/assets/img/logo-full-dark.png
 create mode 100644 apps/website/app/assets/img/logo-full.png
 create mode 100644 apps/website/public/jake/idle.png
 create mode 100644 apps/website/public/mike/idle.png

diff --git a/apps/website/app/app.vue b/apps/website/app/app.vue
index ae6f4879..75f20b50 100644
--- a/apps/website/app/app.vue
+++ b/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>
diff --git a/apps/website/app/assets/img/logo-full-dark.png b/apps/website/app/assets/img/logo-full-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..8076607b485f47e4e643438370c3f6cbce23afec
GIT binary patch
literal 1399
zcmZ8he^AnA7=P8&mh+r#3tT$<QL@^Z+AN||Nkf@hSZV4hrbfp|a;8o#(P-<3Ez+ix
zu9VP~=gpFD7RZr-R`b_PG&L|0zj>LgNL><O-++eQxjTCQc;ENAd*0{yd_K?nJiqQD
zlblz4wE_U(9Q8eM4*<4k%RPO$gJn<4bh>CcZ1VPy!U13A{sI8|z$ju^{E^xjRSVlA
z0uBCcV=oIQe(n{qZyVcl*$z}n9KFJ)lJ2#DqOVI_-njFoYhGPt<e<@c-Bd=vsy}TL
z#?Ey9eDPG2dYyMPQTF$K-|m{4hobC4*nCViKBMH~vf*dcX=S!tZb@vl>R6hR!n$lj
zHpS257Eg#Oe{zU1F@ga}_Nz+@0Z0n5{S<iC0z0rACw4#A-6Q^{f@1^RzC(j;TWlP_
zXXN8H;3U%<Ihi<tH0jq0@h;+~;7Una=*}_hK=6|yQ`1&A5MWOW0LKsiA4*YsBIisk
zTkc*e*JAOmtoN^DbB!ldlBuV|YI3B3M0Nlis)HpbwgZ6spDez8j7LAhqqH@Uyud3*
zH=}IW-h>Q?SsZtiyDcI7;Qb{dNH9$iOeYD}Kc^QTK7f5wgr#+J0z;TH<l(n^gQ1P@
zb88SmiuQV(uh)r$ga!kq#9UvNCg8*H=$vAusrmLx7^-i_e8lm9>40{=U?_C{q4=64
z=T&?hm+j;)tq`=opH1k0aW-0gUe>#X$US$85r4b+?R}I%(p9C|imkuser|JIiqC8t
z3vVjhB$!M5@etk*k4J-!p%2U!RiWhgSF%{Do$}(%vfAV$#XqUo!HwQ1?t|U)XeMWh
zLF3BZdLp2T>24DAq%gHK<DV+7)-{Wc_b-7VL`kE!JNA9uUeAJK9;O2@xooLA{3J(e
z^G!vMLIjcYKfH*}50oC6q%|sdS^dn^JWR4jY5n62bTav`!7d!G^|c%x8AVe17W}HM
zHT8&hq)uKQXyA_4vemQFlzig=RP0`4s)nO91$U1cgo9eUjxR3VTPoHPCA!NTH+GER
zky>ojy5KnaIjEf{;F;&IHfi96z^pXmtNlnRB8kj&ZfZ3TUbym(U&3$GiFGZ6QnF|q
zqdIF2p$lIPv<Wvv!iGj`OnxDbSEry@{+by~(Mysi;|2&~Ph7vYhQP`qpSE`0q)wm8
zU)w6f6pz0zmtK&1LhRiu_Zhsk>4p9Wd3=c7a=0wBbrTc<Un3F}6S};o&G|tiVQ8Fz
zBs#4(m+Fs-%3~R+Wkb4tD|Kfpbe#S^<y+n={v*nm_=+F~k50YbFQ(`3F9>#fK#gsv
zxo-K3Z@AlcG0jp2tnS);Z0+{d@c3v~3M-DP$!=~bOH<sLg+79-xVJ!iCwb!%BkN5n
zkaZ?kiRP6i0*7@)QqZW;*mXR$R(d=mH(*{(L51R!`Q%6#j}klaU=4zBHnysJqJ;7=
zy2%)0x^$<dY;J_*@&^G*5I#F--Cdo!3wC<n-o4GP&zaRDmy>0kqnT=hgtkR5SsmRa
z^;PLifr8f*-CSbtAfnOohY@Cmb%e*7Z~J7uzbDJ=!3|sM&S4z$4c&_MF-+cuTkje@
zb2orGs`WfTN&WA6<!;P%$_uj14Va>Uj!G+vRugN{NEl+-U5*&-`fdG<MKdabOyq~B
G|MDLbHFsA4

literal 0
HcmV?d00001

diff --git a/apps/website/app/assets/img/logo-full.png b/apps/website/app/assets/img/logo-full.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb61a680717565b8f5df1efa3e490ac6e5a719a0
GIT binary patch
literal 1354
zcmZWoeNfV89DgjOPHWoBotPND&1<FUsh~TYlrK}K=gOD08VRSACSsNvbA(j3aw_K#
zoo^{lZQiX(*Aa910_uvUpblTAVnj*4Ap40(LV_>D?)n4w{o{F_yXX6Sp3i+g-_H-H
zVk7oiAF>7j?2U>HivwT>+;k@FhM87;x=n>?v&fE%2mzcygc1NN%c!uE3E$p>WRHpw
ziHKcG+VTQBNpmD~Z`wY~o`iaGT-ucg_m+lN_=fv9mwRXzM%B&=lI4KB!TGL)8<|VE
z;Q4gAyWh1kWa%I?GGw%Wy35ngxSY@Bc4${~vI8*MYu6UvX<kz3+{c!tzs+i$+N`#C
z3uUD?kt^w3NJv6UU$h>w1)jHN_`3k`JZuF6cCj}tz->nyOyS~dPbT^T=M>mZu)C!j
zfZk7hz>TcZaOBc(Exv-^?63XtSU(dXGXzcs=gn%QTKkngaKpu?zyuIa0O0jOI5_dg
z!XBYzb+NQ06w<I_p33PjqjdsWR{6iz4U;U1g4qWMS>g}Pfm;MPfd%{Oo=kM<t}5;J
zJ6=A2dFp;zkdukY{~CD_q2$>{bjs-mUQJhKB+%d5I=Iu99Oa~ln)sZWzry1f3;hkR
zXYIpjK^MuLJjEsIrsO%Br?PKV=>ybylB2?lJ5R@RH}cIXEZz);tL)p#Ao}83O@=oT
zlgOLp8hTZIx&bxz;iou_MjIonFe;5+1H=*~i-}|ZS;r8fewEB-N>+dI!YfqYG3uZB
zLa6Dy4m^YMb^1fRyt+8<;+B5adw}!39VSV~4W4C2fs;EaSd<!zT13k9u0siL8vPLD
z!_$-Qt2L7e<DN~%z??1^<}FHgNiQozlV}kJKAzDw_}e<RO1DzGBG99^f!6f=CF|g^
zGw9jt=@M16-vNnn&Vl(mAI|=a(mKC(U>?P?03!r*PZhp!hP>na)Nv8+ah^el2{&#o
z58wTHj;?|HSsEeZOh~CM2ql_7dPeg}m&ve|8JnHMotu7?aTbJ4qIpl|FN<u81_j#q
zcG_!}jncNCjf(q1UJN65>7%Kt@n8($CEMym+Y6+uXoG%=BxO?|Zj^zK9Wa}M%ms%M
zG$pvbJY#cWByh*s6sv}FWRIqV{I%hjI}RT-d_R_nsXoj6{k3yKwO&x6RoX1`;pARp
z5-}5r_;{*CWK8zwoMxaY(WL=LByy74Kz+rd`M*6`b$PKgb3kfj^M*QfhEd&E8b)9a
z%n%XYkdF4%h}ynUdkAn-{Bx)qL99nt`3qUks*BNi9&VK6oS-L3&+8+R9M^1%ZoBH9
z4>8%Y8JCMJG4+>U@Rb^pM~en=G0uIswfuKymPOo3eS0t#h=cr08F@eU?{in{ULcvU
zcN@?3Xi|&AGgn5|IYZbZ=dqaEnKR=8-Pv6dg+qH@2S0R^ZnvH{cC@SB+<yHDSc+N&
z5vl9bU-6^UJetbIR^n1=%;(T*;f&#<XlRbS%|z9)6kmrYji`TkKgHY;TLCfBoY8}g
z*z6n+H~mJue5~_2qS^+`SDCByy}p9&%wm$nX_iDE;&DLeHwzQkUN%Z>nXGZ3Xm!wg
O>nbWdHjEQOxb+|1E@UwP

literal 0
HcmV?d00001

diff --git a/apps/website/app/components/Logo.vue b/apps/website/app/components/Logo.vue
index 119b599b..d6b2b9f7 100644
--- a/apps/website/app/components/Logo.vue
+++ b/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>
diff --git a/apps/website/app/pages/index.vue b/apps/website/app/pages/index.vue
index df5f6f07..95a17269 100644
--- a/apps/website/app/pages/index.vue
+++ b/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>. Дружат с
         детства, вместе ходят в спортзал, ездят на рыбалку. Любят обсуждать
         технологии и автомобили. Миша – оптимист. Верит в развитие предприятий
         и постоянно улучшающийся сервис. Увлеченно наблюдает за сферой еды.
diff --git a/apps/website/public/jake/idle.png b/apps/website/public/jake/idle.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5697c7ed9fbb4516324f299d08e626f2807f6e4
GIT binary patch
literal 1289
zcmeAS@N?(olHy`uVBq!ia0y~yU<5K5893O0R7}x|G!U;i$lZxy-8q?;3=AxXJzX3_
zD(1YsYnVMXoZ<MxJ3*@=WS9)MieyR!DJ@eg%~&3!=`l@-<1feDH@6PfvB-Lvvpde&
z-67zzAxOhw=awiQHm@xfCLxN=YdgHHcFzf}egFDo?f>(e<=&q){Ql|j0n7I%uZRF`
zr3Ki1bH!JdsOWj|ntk=3&domh@$~oqHzl9fR9yUa&F!Og)bBs<a_-5!u4#MLdrg?(
zmLLO%8iRljgTf332Lr~21SW=qr)J+_-1YAB{l9sIYd$}8^-f=&^<3xC`AsE>tPBTP
z7@9a4ScH*uZTMk(<z;jC(b{Ly%hS5o*MI-;CF1$v(~(xY17+6VRiAK<3quRYqL1Gh
zOTJ#;`}SIJ#wp8=lWADZHh9kPV#)hrfpd~yPGdLb9OIiJ`TD=PuQg4+-ah(1+CTBa
z8f4GF-TO?&A^GL+KU-39S)`Tq`^(nnSHt`2ufBYKevVDBO#Pm+b(eo{5BvT9u7&CE
zS!t6_;&MaF>bHl>O<z72X~W^$#n*&0ax3eWTKxO)a`W6v6>lrQ-l}C-+`98o#jabH
zt#8-%{&-&?9)=bZ5XTqGJGkb~|9NEU%14%s?#GW?%S)(hBSio-+JK6W+Iz?D=6~?v
zj`-1!^RKNJJ<oVyz4PyHWxx3D-`r!nZl#Y3c7446>>Boc|Jh&jIs4<+`u{)k3v0gp
z-QNA!d3)Wzh{8SJe#hF^ulez_#8%y)1iKrh|5!E%%byiJu7CH{w)63yf4oY6TL0nc
z*+&JxEE#`c5AzKN=QHmpc^y|c|Nlk)<=yM$bz}7V>g#g9K2<;Z|J&(y@vg^<w-z7$
zICFA(R{eIxU;7wvxn9QMe%AL}=R@XwUp{-Tz1)_0hg>!@fzvWP`XPz@#)J8-aiFYW
zU-N6tw>=dXUtMB9djH|q-QT<4|G)Nc@zL-1iyvGLpK<j`#iq)Q*T2WdR;>T=^H0U+
z=W+G_^3t&;9gsINa(_KYTK}Bk*FE?3FRTCEj+WlH*me_EC(PK-ZBWqu?d{tw{rA4^
zV<|Jo?kTiPhKS>x{0lZd_pf_za_`oX^Y(K^Q8Ob{-9P4}xl_J<_z|)mRK$3?`njxg
HN@xNAUIym8

literal 0
HcmV?d00001

diff --git a/apps/website/public/mike/idle.png b/apps/website/public/mike/idle.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b1b07c182578a2cdcf622b70605cab1d529f6ca
GIT binary patch
literal 1312
zcmeAS@N?(olHy`uVBq!ia0y~yU<5K5893O0R7}x|G!U;i$lZxy-8q?;3=Ax{JY5_^
zD(1YsYo9SUROa}@7|kFqCCxzYpq;!If0+w9b}e3TcUMF~@%F_f8Xe8e-OXuN)^g}^
zmAzDmD9FsrRF4kqnX=5pd&47Ht)(3T&-L~%-d9=uzIOll&2sl<Prmcv;Q`C<cUoD2
z*3tr`-ORWpJY(C{r(28uTvh)z<#D>%|2sF&{w&yk@|)XF`&(82*WKN*YxQTzS?$Yg
z8562l7@9a4ScDlk)EESO7!+nOIBckzZ0&Hp_Md;;t^KP%Kde(1=i7cR^2q$umxs78
z6dN!$Bz&x1(arv<_F1{y+WGZAHJ>vqd-<fle#+yuzgaFtGCF{iFfklNwn*onUBkM%
z9ii`?`R5i3d_Ifa+;fZ<JnuhOm}C56x+tm>p+?SOesOcT{5*~0?%I#pjVD@uJ^EYT
zznZH#jTO~8h`$V;GgxK4{d`zwGZTh`Kq`tEcwfg~o9}*qXWi!O^Y@p$39<b5`{vJo
zdum>P&$ir=|9*wk{F17#4{>ULxa-~F?Pq>lwl2i3B;se}E0)!#v!DLBcDLI4>W{Zy
z^X_vSL`jxc)xC&%E)w;fF=lsRY4~$vlQ39ZpoCqqyu;y?>cw}`>)z}=UuCP#P`e4c
zPku8<eP^_>uG=eP|NZm!r<M%AuI}Prp!#<ogEmq;Bh2OnM#sMIKgIW32HDj=zmsP9
z@5Jo(Qy<qw+5f-99zXr@`r0pLmiJ2kO@2K6^v7%W%U}O^`swe>D!+smYrrW6VG<-M
znf)kc$lqh3cicbz<+k(pKYf3`f9m6Msq^J`)AMcbf48&Wj3dUI?b!={ozj15_y6rz
z;isP$w;zA{<8uAnpXZAo-T(ddn)cHlFWy8y{c&ky@Y?se9sBeTU{5$eV=ipJw)b20
zz1lyFXH_nr`#SsbyhAbAW97yJd+xov_JsB2-`#ut*Pe=(FSy%J?SEKqpF3^+|1-ts
zr?20?Wy}BiGg);pHuVdyU$@`&Ddp$Cn$m~A<Ldvd!DZ%oMxWb{8V~QC$NZvNe(%!v
zKmE6v|LOmB0=t9vi6=bZdw2VGru^R5wVY?nutyVGK1GE3&f>l4Yu~fJxV`5-`-5u6
gU#VEr|Au;oh$*wz-d`T@98~aly85}Sb4q9e0I<I9?EnA(

literal 0
HcmV?d00001