sdelay-sayt-pro-kofeynyu/index.html

131 lines
6.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>