131 lines
6.6 KiB
HTML
131 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Дизайн: Стандартный дизайн. Сохраняй все пять CSS; подробности в design.md. -->
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Зерно — кофейня</title>
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<link rel="stylesheet" href="design-system/vibe-theme.css">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.menu-list { display: grid; gap: var(--kt-ai-space-4); }
|
||
.menu-item {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: var(--kt-ai-space-3);
|
||
}
|
||
.menu-item .name { font-weight: 500; }
|
||
.menu-item .lead {
|
||
flex: 1;
|
||
border-bottom: 1px dotted var(--kt-ai-border);
|
||
transform: translateY(-4px);
|
||
}
|
||
.menu-item .price { white-space: nowrap; }
|
||
.menu-cat {
|
||
margin-top: var(--kt-ai-space-7);
|
||
text-transform: uppercase;
|
||
font-size: 0.75rem;
|
||
letter-spacing: 0.08em;
|
||
color: var(--kt-ai-fg-muted);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<strong>Зерно<span style="color:var(--kt-ai-fg-faint)"> — кофейня</span></strong>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#about">О нас</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#menu">Меню</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#contacts">Как нас найти</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>Кофе, за которым <span style="background:var(--kt-ai-primary-subtle);padding:0 0.4em;border-radius:6px">возвращаются</span></h1>
|
||
<p class="kt-ai-hero-sub">Свежая обжарка, тихие углы и выпечка каждое утро — кофейня рядом с домом.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#menu">Смотреть меню</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#contacts">Как нас найти</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Почему к нам ходят</h2>
|
||
<p>Маленькая кофейня в центре: без спешки, с честным зерном и людьми, которые помнят ваш заказ.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile">
|
||
<h3>Своя обжарка каждые две недели</h3>
|
||
<p>Работаем с тремя фермами в Эфиопии, Колумбии и Бразилии. Зерно доживает на полке не дольше месяца.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Выпечка каждое утро</h3>
|
||
<p>Крендель, чизкейк и круассан пекут в 7:00. К обеду обычно заканчивается — успейте.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Тихие места и розетки</h3>
|
||
<p>18 мест за большими столами. Работать на ноутбуке удобно: Wi-Fi быстрый, розетки у каждого места.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Берём с собой</h3>
|
||
<p>Своя керамика для зала, плотные стаканы для дороги. Кофе на вылет — 2–3 минуты.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="menu" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap" data-width="narrow">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Меню</h2>
|
||
<p>Коротко и без лишнего. Цены в тенге.</p>
|
||
</div>
|
||
|
||
<div class="menu-list" style="margin-top:var(--kt-ai-space-9)">
|
||
<div class="menu-cat">Классика</div>
|
||
<div class="menu-item"><span class="name">Эспрессо</span><span class="lead"></span><span class="price">900 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Американо</span><span class="lead"></span><span class="price">1 100 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Капучино</span><span class="lead"></span><span class="price">1 400 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Флэт уайт</span><span class="lead"></span><span class="price">1 500 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Раф лаванда</span><span class="lead"></span><span class="price">1 600 ₸</span></div>
|
||
|
||
<div class="menu-cat">Сезон</div>
|
||
<div class="menu-item"><span class="name">Какао на кокосовом молоке</span><span class="lead"></span><span class="price">1 500 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Матча латте</span><span class="lead"></span><span class="price">1 700 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Лимонад с мятой и огурцом</span><span class="lead"></span><span class="price">1 300 ₸</span></div>
|
||
|
||
<div class="menu-cat">Выпечка</div>
|
||
<div class="menu-item"><span class="name">Крендель с сыром</span><span class="lead"></span><span class="price">1 200 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Чизкейк</span><span class="lead"></span><span class="price">1 400 ₸</span></div>
|
||
<div class="menu-item"><span class="name">Круассан миндальный</span><span class="lead"></span><span class="price">1 300 ₸</span></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap" data-width="narrow">
|
||
<h2>Заходите на чашку</h2>
|
||
<p>Алматы, ул. Абылай хана, 42. Ежедневно с 8:00 до 22:00. Забронировать стол: +7 701 234 56 78.</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="tel:+77012345678">Позвонить</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Зерно</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Instagram · Telegram</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|