chore: webinar updates (#185)

Author: hmbanan666

apps/webinar/app/components/CountdownTimer.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-const target = ref(new Date('2025-10-25T00:00:00'))
+const target = ref(new Date('2025-10-23T12:00:00'))
 
 const state = ref({
   days: 0,

apps/webinar/app/components/Hero.vue

@@ -6,23 +6,35 @@
     headline="🤔 Мечтаете о своем заведении?"
     :links="links"
     :ui="{
-      headline: 'py-2 px-4 w-fit bg-secondary text-white rounded-md motion-preset-seesaw',
+      headline: 'py-2 px-4 w-fit bg-[#f57e20] text-white rounded-md motion-preset-seesaw',
       links: 'motion-preset-oscillate motion-duration-2000',
     }"
   >
+    <template #body>
+      <div class="flex flex-col gap-2">
+        <h3 class="flex flex-row gap-2 items-center text-xl font-bold">
+          <UIcon name="i-lucide-calendar" class="size-8 text-secondary" /> 23 октября 2025
+        </h3>
+        <h3 class="flex flex-row gap-2 items-center text-xl font-bold">
+          <UIcon name="i-lucide-clock" class="size-8 text-secondary" /> 12:00-13:30 (МСК)
+        </h3>
+      </div>
+    </template>
+
     <HeroVideo />
   </UPageHero>
 </template>
 
 <script setup lang="ts">
 const links = ref([
   {
-    label: 'Записаться',
+    label: 'Зарегистрироваться через Telegram',
     to: 'https://t.me/SLFranchiseBot',
     target: '_blank',
-    trailingIcon: 'i-lucide-arrow-right',
+    trailingIcon: 'simple-icons:telegram',
+    color: 'secondary' as const,
     ui: {
-      base: 'px-6 text-xl',
+      base: 'px-6 md:text-xl w-full md:w-fit',
     },
   },
 ])

apps/webinar/app/pages/index.vue

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