49 lines
2.9 KiB
Vue
49 lines
2.9 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 space-y-8 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">Английский и японский</h2>
|
||
<p class="mt-2 text-slate-600">Уровни CEFR A1–C2 и JLPT N5–N1, интерфейс на русском, английском и японском.</p>
|
||
</div>
|
||
<div class="rounded-full border border-slate-200 bg-slate-50 px-4 py-2 text-sm text-slate-700">Интерфейс: RU · EN · JP</div>
|
||
</div>
|
||
<div class="grid gap-6 md:grid-cols-2">
|
||
<div class="card-surface fade-up">
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-2xl">🇬🇧</span>
|
||
<div>
|
||
<p class="text-sm uppercase tracking-wide text-slate-500">English</p>
|
||
<h3 class="font-heading text-xl">CEFR A1–C2</h3>
|
||
</div>
|
||
</div>
|
||
<p class="mt-3 text-sm text-slate-600">Диалоги, задания и словарь с транскрипциями, устойчивыми выражениями и примерами.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2 text-xs text-slate-700">
|
||
<span class="rounded-full bg-blue-50 px-3 py-1 text-blue-800">Произношение</span>
|
||
<span class="rounded-full bg-indigo-50 px-3 py-1 text-indigo-800">Фразовые глаголы</span>
|
||
<span class="rounded-full bg-amber-50 px-3 py-1 text-amber-800">Бизнес-лексика</span>
|
||
</div>
|
||
</div>
|
||
<div class="card-surface fade-up" style="animation-delay: 0.08s">
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-2xl">🇯🇵</span>
|
||
<div>
|
||
<p class="text-sm uppercase tracking-wide text-slate-500">日本語</p>
|
||
<h3 class="font-heading text-xl">JLPT N5–N1</h3>
|
||
</div>
|
||
</div>
|
||
<p class="mt-3 text-sm text-slate-600">Кандзи, чтения, примеры предложений и контекстные подсказки для каждого уровня JLPT.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2 text-xs text-slate-700">
|
||
<span class="rounded-full bg-red-50 px-3 py-1 text-red-800">Кандзи + фуриганда</span>
|
||
<span class="rounded-full bg-blue-50 px-3 py-1 text-blue-800">Грамматика JLPT</span>
|
||
<span class="rounded-full bg-slate-100 px-3 py-1 text-slate-800">Сленг / 日常会話</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|