127 lines
5.4 KiB
HTML
127 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" data-theme="auto">
|
||
<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="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☕</text></svg>">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.menu-price { font-weight: var(--kt-ai-weight-semibold); color: var(--kt-ai-primary); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<strong>☕ Уют</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>Кофейня «Уют»</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="#contacts">Забронировать стол</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#menu">Смотреть меню</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>Мы варим кофе с 2018 года и знаем, как сделать ваш день лучше.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">🌿</div>
|
||
<h3>Свежая обжарка</h3>
|
||
<p>Зёрна обжариваем небольшими партиями каждую неделю.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">🧁</div>
|
||
<h3>Домашние десерты</h3>
|
||
<p>Готовим сами: круассаны, чизкейки, макаруны.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">💛</div>
|
||
<h3>Уютная атмосфера</h3>
|
||
<p>Мягкие кресла, приглушённый свет, музыка без слов.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="menu" 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); --kt-ai-grid-cols: 2;">
|
||
<article class="kt-ai-tile">
|
||
<h3>Эспрессо</h3>
|
||
<p>Насыщенный вкус, 30 мл</p>
|
||
<p class="menu-price">350 ₸</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Капучино</h3>
|
||
<p>Эспрессо, молоко, нежная пенка, 180 мл</p>
|
||
<p class="menu-price">890 ₸</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Латте</h3>
|
||
<p>Мягкий кофейный вкус с большим количеством молока, 240 мл</p>
|
||
<p class="menu-price">950 ₸</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Флэт уайт</h3>
|
||
<p>Двойной эспрессо и тонкий слой молока, 150 мл</p>
|
||
<p class="menu-price">990 ₸</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Раф «Ваниль»</h3>
|
||
<p>Сливочный кофе с ванильным сиропом, 200 мл</p>
|
||
<p class="menu-price">1 100 ₸</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>Авторский раф «Солёная карамель»</h3>
|
||
<p>Фирменный рецепт: карамель, морская соль, сливки, 200 мл</p>
|
||
<p class="menu-price">1 250 ₸</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap" data-width="narrow">
|
||
<h2>Ждём вас в гости</h2>
|
||
<p style="margin: var(--kt-ai-space-6) 0;">
|
||
<strong>Адрес:</strong> г. Алматы, ул. Абая, 42<br>
|
||
<strong>Часы работы:</strong> Пн–Пт 8:00–22:00, Сб–Вс 10:00–23:00<br>
|
||
<strong>Телефон:</strong> +7 777 123 45 67
|
||
</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://wa.me/77771234567?text=Здравствуйте! Хочу забронировать стол.">Забронировать стол в WhatsApp</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Кофейня «Уют»</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Алматы, ул. Абая, 42</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|