chore: webinar updates (#187)

Author: hmbanan666

apps/webinar/app/components/Footer.vue

@@ -9,7 +9,7 @@
       <UContainer>
         <div class="w-full grid grid-cols-1 lg:grid-cols-4 gap-4 items-center justify-center">
           <div class="mx-auto md:mx-0 mb-2 md:mb-0">
-            <HeaderLogo />
+            <Logo />
           </div>
 
           <UButton

apps/webinar/app/components/Header.vue

@@ -1,6 +1,6 @@
 <template>
   <UContainer class="mt-10 flex flex-col md:flex-row gap-y-6 items-center justify-between">
-    <HeaderLogo />
+    <Logo />
     <SocialButtons />
   </UContainer>
 </template>

apps/webinar/app/components/HeaderLogo.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 512 512"
+    class="shrink-0 h-12 w-fit fill-red-600 motion-preset-pop"
+  >
+    <path d="M255 113c-57,60 -109,112 -235,87l0 0c-23,-7 -13,50 35,58l0 0c260,43 241,-131 375,-204l0 0c18,-13 -12,-25 -24,-26l0 0c-5,-1 -9,-1 -14,-1l0 0c-54,0 -97,44 -138,87zm-253 30c-2,14 -6,44 15,47l0 0 0 0c124,24 176,-41 234,-102l0 0c-33,-43 -78,-63 -120,-63l0 0c-63,0 -121,43 -129,117zm444 -67c-126,65 -133,252 -398,189l0 0c-27,-7 -4,47 39,58l0 0c243,53 268,-94 402,-205l0 0c21,-17 -1,-46 -27,-46l0 0c-5,0 -11,1 -16,4zm40 77c-81,83 -133,156 -217,182l0 0c-43,13 -97,15 -173,-1l0 0c-28,-6 0,38 42,46l0 0c66,11 136,3 197,-20l0 0c82,-31 176,-110 178,-198l0 0c-1,-11 -5,-17 -12,-17l0 0c-5,0 -10,3 -15,8zm-69 188c-97,55 -157,67 -267,50l0 0c-21,-3 -18,11 -2,20l0 0c97,55 228,25 287,-63l0 0c11,-16 12,-22 9,-22l0 0c-4,0 -15,7 -28,14zm-223 112c11,10 47,35 71,34l0 0c13,0 33,-13 45,-22l0 0c2,-1 4,-3 6,-4l0 0c8,-6 2,-9 -3,-8l0 0c-46,4 -78,0 -112,-11l0 0c-4,-1 -7,-2 -9,-2l0 0c-7,0 -5,6 3,13z" />
+  </svg>
+</template>

apps/webinar/app/components/Logo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col gap-2">
+  <div class="flex flex-col gap-2 motion-preset-slide-up">
     <!-- <img
       :src="speaker.image"
       alt=""

apps/webinar/app/components/SpeakerCard.vue

@@ -10,7 +10,7 @@
     :reverse="true"
     :features="firstSectionItems"
   >
-    <div class="p-4 w-full h-full min-h-56 text-muted bg-accented rounded-lg">
+    <div class="p-4 w-full h-full min-h-56 text-muted bg-accented rounded-lg motion-preset-slide-right">
       Тут фото?
     </div>
   </UPageSection>
@@ -21,7 +21,7 @@
     orientation="horizontal"
     :features="secondSectionItems"
   >
-    <div class="p-4 w-full h-full min-h-56 text-muted bg-accented rounded-lg">
+    <div class="p-4 w-full h-full min-h-56 text-muted bg-accented rounded-lg motion-preset-slide-left">
       Тут фото?
     </div>
   </UPageSection>