chore: update (#197)

Author: hmbanan666

apps/webinar/app/components/About.vue

@@ -1,19 +1,23 @@
 <template>
   <UPageSection
-    title="Франшиза Суши Love"
     orientation="vertical"
+    :ui="{
+      container: 'lg:pt-0',
+    }"
   >
-    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 md:gap-10">
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-10">
       <div
         v-for="item in lastSectionItems"
         :key="item.title"
-        class="px-6 py-6 w-full h-full flex flex-col gap-2.5 items-center text-center bg-muted rounded-lg motion-preset-slide-right"
+        class="px-6 py-12 w-full h-full flex flex-col gap-2.5 items-center text-center bg-muted rounded-lg motion-preset-slide-right"
       >
         <UIcon
           v-if="item.icon"
           :name="item.icon"
           class="size-12 text-secondary"
         />
+        <Logo v-else />
+
         <h4 class="text-2xl/7 font-bold">
           {{ item.title }}
         </h4>
@@ -24,6 +28,9 @@
 
 <script lang="ts" setup>
 const lastSectionItems = [
+  {
+    title: 'Франшиза Суши Love',
+  },
   {
     title: '12 лет на рынке',
     icon: 'i-lucide-calendar-heart',

apps/webinar/app/components/Countdown.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-elevated">
+  <div class="bg-elevated bg-cover" style="background-image: url('/countdown-background.jpg');">
     <UPageSection
       title="Получить готовый план"
       description="И ответы на все свои вопросы, от поиска помещения до первого заработка. Мероприятие будет доступно через:"
@@ -9,10 +9,11 @@
         title: 'text-center',
         description: 'text-center',
         headline: 'py-2 px-4 mx-auto w-fit bg-secondary text-white rounded-md motion-preset-oscillate-sm',
+        wrapper: 'bg-default px-6 py-5 rounded-xl',
       }"
     >
       <template #body>
-        <div class="flex flex-col items-center">
+        <div class="md:px-4 flex flex-col items-center">
           <CountdownTimer />
 
           <UButton
@@ -23,11 +24,11 @@
             label="Зарегистрироваться"
             icon="i-lucide-calendar-plus"
             :ui="{
-              base: 'bg-[#f57e20] text-white',
+              base: 'bg-[#f57e20] text-white text-xl font-bold',
             }"
-            class="mt-12 w-full justify-center"
+            class="mt-8 w-full justify-center"
           />
-          <p class="px-6 mt-2 text-center text-sm">
+          <p class="px-6 mt-2 text-center text-base/5">
             И сразу получить подарок: гайд по документообороту по открытию заведения в сфере общепита
           </p>
         </div>

apps/webinar/app/components/CountdownTimer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-row gap-2">
+  <div class="w-full grid grid-cols-4 gap-2">
     <CountdownTimerItem :value="state.days" label="Дней" />
     <CountdownTimerItem :value="state.hours" label="Часов" />
     <CountdownTimerItem :value="state.minutes" label="Минут" />

apps/webinar/app/components/CountdownTimerItem.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="px-2 md:px-5 py-4 min-w-18 md:min-w-24 bg-inverted rounded-lg flex flex-col items-center">
-    <h3 class="text-3xl font-bold text-inverted">
+  <div class="px-2 md:px-5 py-4 min-w-18 md:min-w-24 w-full bg-accented/50 rounded-lg flex flex-col items-center">
+    <h3 class="text-3xl font-bold text-primary">
       {{ value }}
     </h3>
-    <span class="text-sm text-dimmed">
+    <span class="text-sm text-muted">
       {{ label }}
     </span>
   </div>

apps/webinar/app/components/Footer.vue

@@ -15,7 +15,7 @@
             size="xl"
             color="neutral"
             variant="soft"
-            icon="i-lucide-briefcase"
+            :icon="item.icon"
             :label="item.label"
             block
           />

apps/webinar/app/components/Speakers.vue

@@ -25,19 +25,19 @@ const speakers = ref([
     name: 'Лидия Трошина',
     caption: 'Директор по маркетингу франшизы «Суши Love»',
     description: 'Покажет стратегии по привлечению гостей работающие в 2025 году',
-    image: 'https://avatar.nextorders.ru/377188?emotion=8&gender=female&clothing=teal',
+    image: '/speaker-1.jpg',
   },
   {
     name: 'Татьяна Панасевич',
     caption: 'Основатель сети суши-баров «Суши Love»',
-    description: 'Ответит на все вопросы по работе с франшизой',
-    image: 'https://avatar.nextorders.ru/797837?emotion=6&gender=female&clothing=violet',
+    description: 'Открыла более 100 заведений, ответит на все ваши вопросы',
+    image: '/speaker-2.jpg',
   },
   {
     name: 'Анна Михалко',
     caption: 'Наставник партнеров и эксперт по открытию новых точек франшизы',
     description: 'Даст пошаговый план открытия, который используют все наши партнеры',
-    image: 'https://avatar.nextorders.ru/887463?emotion=7&gender=female&clothing=pink',
+    image: '/speaker-3.jpg',
   },
 ])
 </script>

apps/webinar/app/pages/index.vue

@@ -29,8 +29,8 @@
 
   <Countdown />
   <Speakers />
-  <Results />
   <About />
+  <Results />
   <Questions />
 
   <Footer />