feat: webinar app

.github/workflows/docker-nightly.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Set matrix
         id: set-matrix
         run: |
-          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram")
+          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram" "webinar")
           CHANGED=()
 
           if [ "${{ github.event_name }}" == "workflow_dispatch" ]; then

.github/workflows/docker-release.yml

@@ -33,7 +33,7 @@ jobs:
       - name: Set package in env
         id: set-package
         run: |
-          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram")
+          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram" "webinar")
           MATCH="${{ steps.regex-match.outputs.match }}"
 
           if [ -z "$MATCH" ]; then

.vscode/settings.json

@@ -69,5 +69,6 @@
   "sonarlint.connectedMode.project": {
     "connectionId": "sushi-love",
     "projectKey": "sushi-love_roll-stack"
-  }
+  },
+  "findUnusedExports.detectCircularImports": true
 }

apps/atrium-telegram/app/components/form/CreateFlowItem.vue

@@ -57,7 +57,6 @@ const state = ref<Partial<CreateFlowItem>>({
   title: undefined,
   description: undefined,
   type: 'user_post',
-  userId: userStore.id,
 })
 
 async function onSubmit(event: FormSubmitEvent<CreateFlowItem>) {

apps/atrium-telegram/server/api/flow/index.post.ts

@@ -14,7 +14,7 @@ export default defineEventHandler(async (event) => {
       type: data.type,
       title: data.title,
       description: data.description,
-      userId: data.userId,
+      userId: event.context.user.id,
     })
     if (!item) {
       throw createError({

apps/atrium-telegram/shared/services/flow.ts

@@ -6,6 +6,5 @@ export const createFlowItemSchema = type({
   title: type('2 <= string <= 150').describe('error.length.invalid'),
   description: type('string <= 1500 | undefined').describe('error.length.invalid').optional(),
   type: flowTypeSchema.describe('error.length.invalid'),
-  userId: type('string | undefined').describe('error.length.invalid').optional(),
 })
 export type CreateFlowItem = typeof createFlowItemSchema.infer

apps/webinar/app/app.config.ts

@@ -0,0 +1,60 @@
+export default defineAppConfig({
+  ui: {
+    button: {
+      slots: {
+        base: 'font-semibold',
+      },
+      variants: {
+        size: {
+          xl: {
+            base: 'px-4 py-3 font-semibold',
+          },
+        },
+        variant: {
+          gradient: 'text-white bg-linear-to-br from-secondary-400 to-secondary-500 hover:opacity-90 disabled:from-neutral-300 disabled:to-neutral-400 aria-disabled:from-neutral-300 aria-disabled:to-neutral-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary',
+        },
+        color: {
+          secondary: '!text-white disabled:!bg-inverted/25',
+        },
+      },
+    },
+    tabs: {
+      variants: {
+        variant: {
+          pill: {
+            trigger: 'data-[state=active]:!text-white',
+          },
+          gradient: {
+            list: 'bg-elevated rounded-lg',
+            trigger: 'data-[state=active]:bg-linear-to-br from-lime-300 to-lime-500 data-[state=active]:text-neutral-950 flex-1 w-full',
+            indicator: 'rounded-md shadow-xs',
+          },
+        },
+      },
+    },
+    modal: {
+      slots: {
+        content: 'divide-y-0',
+        header: 'pb-0 min-h-12',
+        title: 'text-lg/5 font-semibold',
+      },
+    },
+    navigationMenu: {
+      slots: {
+        link: 'text-sm',
+      },
+    },
+    toast: {
+      slots: {
+        title: 'text-lg/6',
+        description: 'leading-4',
+        icon: 'shrink-0 size-7',
+      },
+    },
+    card: {
+      slots: {
+        body: 'p-4 sm:p-4',
+      },
+    },
+  },
+})

apps/webinar/app/app.vue

@@ -0,0 +1,25 @@
+<template>
+  <UApp
+    :locale="locales[locale]"
+    class="min-h-svh"
+  >
+    <NuxtLoadingIndicator :color="false" class="bg-primary h-[2px]" />
+    <NuxtPage />
+  </UApp>
+</template>
+
+<script setup lang="ts">
+import * as locales from '@nuxt/ui/locale'
+
+const { locale } = useI18n()
+
+const lang = computed(() => locales[locale.value].code)
+const dir = computed(() => locales[locale.value].dir)
+
+useHead({
+  htmlAttrs: {
+    lang,
+    dir,
+  },
+})
+</script>

apps/webinar/app/assets/css/styles.css

@@ -0,0 +1,3 @@
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--font-headers);
+}

apps/webinar/app/components/HeaderLogo.vue

@@ -0,0 +1,7 @@
+<template>
+  <img
+    src="/sushi-main-logo.png"
+    alt=""
+    class="mx-auto h-20 w-auto motion-preset-pop"
+  >
+</template>

apps/webinar/app/components/InfiniteTitlesDivider.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="bg-[#ffed00]">
+    <UCarousel
+      v-slot="{ item }"
+      loop
+      :auto-scroll="{
+        speed: 1,
+      }"
+      :items="items"
+      :ui="{
+        item: 'shrink-0 basis-full md:basis-1/3 min-w-120 h-full min-h-16 flex flex-row gap-4 items-center justify-around',
+      }"
+    >
+      <h4 class="text-2xl font-black uppercase">
+        {{ item }}
+      </h4>
+
+      <img
+        src="/sushi-heart.svg"
+        alt=""
+        class="w-10 h-auto opacity-15"
+      >
+    </UCarousel>
+  </div>
+</template>
+
+<script setup lang="ts">
+const items = [
+  'Вебинар Суши Love 2025',
+  'Будем делиться опытом',
+  'Как избежать ошибок',
+  'На 100% бесплатно',
+]
+</script>

apps/webinar/app/error.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="flex flex-col max-w-sm mx-auto mt-32 text-center items-center">
+    <h1 class="text-4xl font-bold mb-4">
+      {{ $t('error.title') }} {{ error?.statusCode }}
+    </h1>
+    <p>{{ error?.statusMessage }}</p>
+
+    <UButton
+      variant="solid"
+      size="xl"
+      class="mt-12 w-full justify-center"
+      @click="handleError"
+    >
+      {{ $t('common.to-home') }}
+    </UButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+const { error } = defineProps<{ error: {
+  statusCode: number
+  statusMessage?: string
+} }>()
+
+function handleError() {
+  clearError({ redirect: '/' })
+}
+</script>

apps/webinar/app/pages/index.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="mt-10">
+    <HeaderLogo />
+  </div>
+
+  <UPageHero
+    orientation="horizontal"
+    title="Мечтаете о своем заведении? Готовый алгоритм действий для новичков"
+    description="Бесплатный вебинар: «Как открыть ресторан, кофейню или суши-бар с нуля и избежать ошибок». Получите пошаговую инструкцию и ответы на все вопросы, от поиска помещения до первого заработка."
+    headline="Поторопись!"
+    :links="links"
+    :ui="{
+      headline: 'py-2 px-4 w-fit bg-secondary text-white rounded-lg motion-preset-seesaw',
+    }"
+  >
+    <video
+      controls
+      class="max-h-160 w-auto mx-auto rounded-xl"
+    >
+      <source src="https://storage.yandexcloud.net/sushi-love-test/telegram/files/BAACAgIAAxkBAAOFaMwda7U9ddiws5ZJ4oIbaeSlw0YAAvWDAAJt32BKU94XDWZ9cCg2BA.mp4" type="video/mp4">
+      Ваш браузер не поддерживает видео
+    </video>
+  </UPageHero>
+
+  <InfiniteTitlesDivider />
+
+  <UPageSection
+    title="Для кого этот вебинар?"
+    description="Этот вебинар идеально подойдет для вас, если вы:"
+    orientation="horizontal"
+    :reverse="true"
+    :features="firstSectionItems"
+  >
+    Тут фото?
+  </UPageSection>
+
+  <UPageSection
+    title="Что вы узнаете на вебинаре?"
+    description="За 1,5 часа вы получите готовый план действий"
+    orientation="horizontal"
+    :features="secondSectionItems"
+  >
+    Тут фото?
+  </UPageSection>
+</template>
+
+<script setup lang="ts">
+import type { PageFeatureProps } from '@nuxt/ui'
+
+const links = ref([
+  {
+    label: 'Записаться',
+    to: 'https://t.me/SLFranchiseBot',
+    target: '_blank',
+    trailingIcon: 'i-lucide-arrow-right',
+    ui: {
+      base: 'px-6 text-xl',
+    },
+  },
+])
+
+const firstSectionItems: PageFeatureProps[] = [
+  {
+    title: 'Мечтаете открыть свое заведение',
+    icon: 'i-lucide-store',
+  },
+  {
+    title: 'Ищете бизнес с быстрой окупаемостью',
+    icon: 'i-lucide-piggy-bank',
+  },
+  {
+    title: 'Не знаете, с чего начать и сколько денег нужно',
+    icon: 'i-lucide-chart-pie',
+  },
+  {
+    title: 'Боитесь не справиться с конкуренцией и привлечением гостей',
+    icon: 'i-lucide-users',
+  },
+  {
+    title: 'Не понимаете, как контролировать закупки, себестоимость и воровство на кухне',
+    icon: 'i-lucide-hand-coins',
+  },
+]
+
+const secondSectionItems: PageFeatureProps[] = [
+  {
+    title: 'Актуальность рынка',
+    description: 'Данные исследований за 2025 год',
+    icon: 'i-lucide-pie-chart',
+  },
+  {
+    title: 'Выбор и проверка помещения',
+    description: 'Как избежать ошибок и не взять «проблемное» место',
+    icon: 'i-lucide-home',
+  },
+  {
+    title: 'Юридические вопросы',
+    description: 'Какие документы нужны и как их правильно оформить',
+    icon: 'i-lucide-file-text',
+  },
+  {
+    title: 'Ремонт и оборудование',
+    description: 'Как не переплатить подрядчикам и где искать недорогое оборудование',
+    icon: 'i-lucide-hammer',
+  },
+  {
+    title: 'Подбор и обучение персонала',
+    description: 'Где найти поваров и как их обучить стандартам',
+    icon: 'i-lucide-users',
+  },
+  {
+    title: 'Запуск рекламы',
+    description: 'И привлечение первых гостей',
+    icon: 'i-lucide-megaphone',
+  },
+  {
+    title: 'Финансовый расчет',
+    description: 'Разбор инвестиций, ежемесячных расходов и планируемой прибыли',
+    icon: 'i-lucide-chart-line',
+  },
+]
+
+useHead({
+  title: 'Вебинар',
+})
+</script>

apps/webinar/i18n/locales/ru-RU.json

@@ -0,0 +1,27 @@
+{
+  "name": "Русский",
+  "short-name": "Рус",
+  "common": {
+    "color-mode": {
+      "title": "Тема",
+      "select": "Выберите тему интерфейса",
+      "system": "Системная",
+      "light": "Светлая",
+      "dark": "Темная",
+      "switch": {
+        "system": "Переключиться на системную тему",
+        "light": "Переключиться на светлый режим",
+        "dark": "Переключиться на темный режим"
+      }
+    },
+    "to-home": "На главную"
+  },
+  "error": {
+    "common": "Неверное значение",
+    "not-selected": "Не выбрано",
+    "length": {
+      "invalid": "Недопустимое количество символов"
+    },
+    "file-size-or-type": "Недопустимый размер или тип файла"
+  }
+}