62 lines
4.0 KiB
Vue
62 lines
4.0 KiB
Vue
|
<template>
|
|||
|
|
<section class="py-14 sm:py-16 lg:py-20">
|
|||
|
|
<div class="container mx-auto max-w-6xl px-4">
|
|||
|
|
<div class="section-shell p-8 sm:p-10">
|
|||
|
|
<div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
|
|||
|
|
<div>
|
|||
|
|
<p class="badge">Умный словарь</p>
|
|||
|
|
<h2 class="font-heading text-2xl sm:text-3xl lg:text-4xl">Контекстный словарь с AI</h2>
|
|||
|
|
<p class="mt-2 text-slate-600">Переводы, транскрипции, примеры и тематические подборки в одном окне бота.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-4 py-2 text-sm text-slate-700">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6v12m6-6H6" />
|
|||
|
|
</svg>
|
|||
|
|
Добавляй слова вручную или импортом
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mt-8 grid gap-6 lg:grid-cols-3">
|
|||
|
|
<div class="card-surface fade-up lg:col-span-2">
|
|||
|
|
<div class="flex items-center justify-between">
|
|||
|
|
<div>
|
|||
|
|
<p class="text-sm text-slate-500">Ручное добавление</p>
|
|||
|
|
<h3 class="font-heading text-xl">AI анализирует и дополняет карточку</h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex h-12 w-12 items-center justify-center rounded-full bg-blue-50 text-blue-700">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 18 18 6m0 0H9m9 0v9" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mt-4 grid gap-3 sm:grid-cols-2">
|
|||
|
|
<div class="rounded-xl bg-slate-100 p-4 text-sm text-slate-700">Перевод, транскрипция, примеры и синонимы.</div>
|
|||
|
|
<div class="rounded-xl bg-slate-100 p-4 text-sm text-slate-700">Несколько значений с контекстами и пояснениями.</div>
|
|||
|
|
<div class="rounded-xl bg-slate-100 p-4 text-sm text-slate-700">Тематические подборки по запросу, готовые к повторению.</div>
|
|||
|
|
<div class="rounded-xl bg-slate-100 p-4 text-sm text-slate-700">Пагинация словаря для больших списков.</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="card-surface fade-up" style="animation-delay: 0.12s">
|
|||
|
|
<p class="text-sm text-slate-500">Импорт текста</p>
|
|||
|
|
<h3 class="font-heading text-lg">Извлечение слов из книг и статей</h3>
|
|||
|
|
<p class="mt-3 text-sm text-slate-600">Бот анализирует .txt и .md файлы, создаёт карточки с примерами использования.</p>
|
|||
|
|
<div class="mt-4 space-y-2 text-sm text-slate-700">
|
|||
|
|
<div class="flex items-center gap-2 rounded-lg bg-blue-50 px-3 py-2">
|
|||
|
|
<span class="h-2 w-2 rounded-full bg-emerald-500"></span>
|
|||
|
|
Импорт .txt / .md файлов
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-2 rounded-lg bg-indigo-50 px-3 py-2">
|
|||
|
|
<span class="h-2 w-2 rounded-full bg-cyan-500"></span>
|
|||
|
|
Автодобавление в нужные уровни CEFR и JLPT
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-2 rounded-lg bg-amber-50 px-3 py-2">
|
|||
|
|
<span class="h-2 w-2 rounded-full bg-violet-500"></span>
|
|||
|
|
Сохранение примеров для последующих заданий
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</template>
|