393 lines
17 KiB
HTML
393 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Генацвале — Ресторан грузинской кухни</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Lobster&family=Manrope:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<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>
|
||
:root{--wine:#8B1538;--wine-dark:#5C0F26;--gold:#C9A961;--cream:#FFF8F0;--ink:#2D1B18;--gray:#8B7355}
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--cream)}
|
||
.container{max-width:1140px;margin:0 auto;padding:0 24px}
|
||
.hero{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:100px 24px;text-align:center}
|
||
.hero h1{font:'Lobster',cursive;font-size:72px;margin-bottom:16px;color:var(--gold)}
|
||
.hero p{font-size:22px;opacity:0.9;max-width:600px;margin:0 auto 24px}
|
||
.hero .address{font-size:18px;opacity:0.8;margin-bottom:32px}
|
||
.hero .phone{font-size:24px;font-weight:700;color:var(--gold)}
|
||
.qr-section{background:var(--wine);padding:60px 24px;text-align:center}
|
||
.qr-section h2{font:'Lobster',cursive;font-size:42px;color:var(--gold);margin-bottom:24px}
|
||
.qr-card{background:var(--cream);border-radius:16px;padding:40px;max-width:400px;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,0.3)}
|
||
.qr-code{width:280px;height:280px;margin:0 auto 24px;background:white;padding:16px;border-radius:8px}
|
||
.qr-code img{width:100%;height:100%;object-fit:contain}
|
||
.qr-text{font-size:18px;font-weight:600;color:var(--wine)}
|
||
.menu-section{padding:80px 24px}
|
||
.menu-section h2{font:'Lobster',cursive;font-size:48px;text-align:center;margin-bottom:16px;color:var(--wine)}
|
||
.menu-section .subtitle{text-align:center;font-size:20px;color:var(--gray);margin-bottom:48px}
|
||
.category{margin-bottom:60px}
|
||
.category h3{font-size:28px;font-weight:700;color:var(--wine);margin-bottom:24px;border-bottom:2px solid var(--gold);padding-bottom:12px;display:inline-block}
|
||
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
|
||
.menu-item{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s}
|
||
.menu-item:hover{transform:translateY(-4px)}
|
||
.menu-item img{width:100%;height:200px;object-fit:cover}
|
||
.menu-item-content{padding:20px}
|
||
.menu-item h4{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--ink)}
|
||
.menu-item .desc{font-size:14px;color:var(--gray);margin-bottom:12px;line-height:1.5}
|
||
.menu-item .price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
|
||
.menu-item .price{font-size:22px;font-weight:700;color:var(--wine)}
|
||
.menu-item .currency{font-size:14px;color:var(--gray)}
|
||
.service-notice{background:var(--wine-dark);color:var(--cream);padding:40px 24px;text-align:center}
|
||
.service-notice p{font-size:18px;max-width:600px;margin:0 auto}
|
||
.service-notice .highlight{color:var(--gold);font-weight:700;font-size:22px}
|
||
.footer{background:var(--ink);color:var(--cream);padding:60px 24px;text-align:center}
|
||
.footer h3{font:'Lobster',cursive;font-size:32px;color:var(--gold);margin-bottom:24px}
|
||
.footer p{margin-bottom:12px;font-size:18px}
|
||
.footer .contact{font-size:20px;font-weight:600;color:var(--gold);margin:20px 0}
|
||
@media(max-width:768px){.hero h1{font-size:42px}.hero p{font-size:18px}.menu-section h2{font-size:36px}.menu-grid{grid-template-columns:1fr}.qr-code{width:220px;height:220px}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>🍷 Генацвале</h1>
|
||
<p>Ресторан настоящей грузинской кухни в сердце Астаны</p>
|
||
<p class="address">📍 г.Астана, ул.Достык 16</p>
|
||
<p class="phone">📞 7083011539</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="qr-section">
|
||
<div class="container">
|
||
<h2>Меню онлайн</h2>
|
||
<div class="qr-card">
|
||
<div class="qr-code">
|
||
<img src="https://api.qrserver.com/v1/create-qr-code/?size=280x280&data=https://pages.git.vibe42.kz/Tolganay/sozday-sayt-dlya-menyu-s-kyu/" alt="QR код меню">
|
||
</div>
|
||
<p class="qr-text">Наведите камеру, чтобы открыть меню на телефоне</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="menu-section">
|
||
<div class="container">
|
||
<h2>🍽 Наше Меню</h2>
|
||
<p class="subtitle">Все цены указаны в тенге (₸)</p>
|
||
|
||
<div class="category">
|
||
<h3>🥗 Салаты</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?georgian+salad" alt="Грузинский салат">
|
||
<div class="menu-item-content">
|
||
<h4>Грузинский салат</h4>
|
||
<p class="desc">Свежие овощи с зеленью и ореховой заправкой</p>
|
||
<div class="price-row"><span class="price">1 800</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?caesar+salad" alt="Цезарь">
|
||
<div class="menu-item-content">
|
||
<h4>Цезарь с курицей</h4>
|
||
<p class="desc">Классика с пармезаном и сухариками</p>
|
||
<div class="price-row"><span class="price">2 600</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?vegetable+salad" alt="Овощной">
|
||
<div class="menu-item-content">
|
||
<h4>Овощной салат</h4>
|
||
<p class="desc">Помидоры, огурцы, перец с зеленью</p>
|
||
<div class="price-row"><span class="price">1 500</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?caprese+salad" alt="Капрезе">
|
||
<div class="menu-item-content">
|
||
<h4>Капрезе</h4>
|
||
<p class="desc">Томаты, моцарелла, базилик</p>
|
||
<div class="price-row"><span class="price">2 400</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🥟 Закуски</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?khachapuri" alt="Хачапури">
|
||
<div class="menu-item-content">
|
||
<h4>Хачапури по-аджарски</h4>
|
||
<p class="desc">Лодочка с сыром сулугуни и яйцом</p>
|
||
<div class="price-row"><span class="price">2 800</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?pkhali" alt="Пхали">
|
||
<div class="menu-item-content">
|
||
<h4>Пхали ассорти</h4>
|
||
<p class="desc">Шпинат, свекла, фасоль с грецким орехом</p>
|
||
<div class="price-row"><span class="price">1 900</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?lobio" alt="Лобио">
|
||
<div class="menu-item-content">
|
||
<h4>Лобио в горшочке</h4>
|
||
<p class="desc">Фасоль по-грузински с зеленью</p>
|
||
<div class="price-row"><span class="price">1 600</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?baklazhan" alt="Баклажаны">
|
||
<div class="menu-item-content">
|
||
<h4>Баклажаны с орехами</h4>
|
||
<p class="desc">Рулетики из баклажанов с ореховой начинкой</p>
|
||
<div class="price-row"><span class="price">2 100</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🍲 Супы</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?kharcho+soup" alt="Харчо">
|
||
<div class="menu-item-content">
|
||
<h4>Харчо</h4>
|
||
<p class="desc">Наваристый суп с говядиной и ткемали</p>
|
||
<div class="price-row"><span class="price">2 400</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?chicken+soup" alt="Чихиртма">
|
||
<div class="menu-item-content">
|
||
<h4>Чихиртма</h4>
|
||
<p class="desc">Куриный суп с яйцом</p>
|
||
<div class="price-row"><span class="price">2 100</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?mushroom+soup" alt="Грибной">
|
||
<div class="menu-item-content">
|
||
<h4>Грибной суп</h4>
|
||
<p class="desc">Ароматный суп из шампиньонов</p>
|
||
<div class="price-row"><span class="price">1 900</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🥘 Горячие блюда</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?khinkali" alt="Хинкали">
|
||
<div class="menu-item-content">
|
||
<h4>Хинкали (5 шт)</h4>
|
||
<p class="desc">С говядиной и свининой, сочные</p>
|
||
<div class="price-row"><span class="price">3 200</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?chicken+tabaka" alt="Цыпленок">
|
||
<div class="menu-item-content">
|
||
<h4>Цыпленок табака</h4>
|
||
<p class="desc">Жареный цыпленок под прессом</p>
|
||
<div class="price-row"><span class="price">5 200</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?beef+stew" alt="Оджахури">
|
||
<div class="menu-item-content">
|
||
<h4>Оджахури</h4>
|
||
<p class="desc">Мясо с картофелем по-домашнему</p>
|
||
<div class="price-row"><span class="price">3 800</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?lamb+chops" alt="Котлеты">
|
||
<div class="menu-item-content">
|
||
<h4>Котлеты по-киевски</h4>
|
||
<p class="desc">Куриные с маслом внутри</p>
|
||
<div class="price-row"><span class="price">2 900</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?fish+dish" alt="Рыба">
|
||
<div class="menu-item-content">
|
||
<h4>Рыба на гриле</h4>
|
||
<p class="desc">Стейк лосося с овощами</p>
|
||
<div class="price-row"><span class="price">6 500</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🍖 Мангал</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?shashlik" alt="Шашлык">
|
||
<div class="menu-item-content">
|
||
<h4>Шашлык из свинины</h4>
|
||
<p class="desc">На углях, с луком и лавашом</p>
|
||
<div class="price-row"><span class="price">4 500</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?lula+kebab" alt="Люля-кебаб">
|
||
<div class="menu-item-content">
|
||
<h4>Люля-кебаб</h4>
|
||
<p class="desc">Из баранины с зеленью</p>
|
||
<div class="price-row"><span class="price">3 600</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?pork+ribs" alt="Рёбрышки">
|
||
<div class="menu-item-content">
|
||
<h4>Свиные рёбрышки</h4>
|
||
<p class="desc">Томлёные в медовом соусе</p>
|
||
<div class="price-row"><span class="price">4 800</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?lamb+kebab" alt="Шашлык из баранины">
|
||
<div class="menu-item-content">
|
||
<h4>Шашлык из баранины</h4>
|
||
<p class="desc">Нежная баранина на углях</p>
|
||
<div class="price-row"><span class="price">5 500</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🥟 Выпечка</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?khachapuri+imeretian" alt="Имеретинский">
|
||
<div class="menu-item-content">
|
||
<h4>Хачапури имеретинский</h4>
|
||
<p class="desc">Круглый с сыром внутри</p>
|
||
<div class="price-row"><span class="price">2 200</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?khachapuri+megrelian" alt="Мегрельский">
|
||
<div class="menu-item-content">
|
||
<h4>Хачапури мегрельский</h4>
|
||
<p class="desc">С двойным сыром сверху</p>
|
||
<div class="price-row"><span class="price">2 600</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?lobiani" alt="Лобиани">
|
||
<div class="menu-item-content">
|
||
<h4>Лобиани</h4>
|
||
<p class="desc">Закрытый пирог с фасолью</p>
|
||
<div class="price-row"><span class="price">1 800</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?khachapuri" alt="Ачма">
|
||
<div class="menu-item-content">
|
||
<h4>Ачма</h4>
|
||
<p class="desc">Многослойный пирог с сыром</p>
|
||
<div class="price-row"><span class="price">2 400</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🍰 Десерты</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?churchkhela" alt="Чурчхела">
|
||
<div class="menu-item-content">
|
||
<h4>Чурчхела</h4>
|
||
<p class="desc">Орехи в виноградном соке</p>
|
||
<div class="price-row"><span class="price">800</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?baklava" alt="Пахлава">
|
||
<div class="menu-item-content">
|
||
<h4>Пахлава грузинская</h4>
|
||
<p class="desc">Слоёная с орехами и мёдом</p>
|
||
<div class="price-row"><span class="price">1 400</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?pelamushi" alt="Пеламуши">
|
||
<div class="menu-item-content">
|
||
<h4>Пеламуши</h4>
|
||
<p class="desc">Виноградный пудинг</p>
|
||
<div class="price-row"><span class="price">1 200</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category">
|
||
<h3>🍷 Напитки</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?red+wine" alt="Вино">
|
||
<div class="menu-item-content">
|
||
<h4>Вино домашнее (бокал)</h4>
|
||
<p class="desc">Красное / белое / полусладкое</p>
|
||
<div class="price-row"><span class="price">1 500</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?lemonade" alt="Лимонад">
|
||
<div class="menu-item-content">
|
||
<h4>Лимонад домашний</h4>
|
||
<p class="desc">Тархун / цитрус / ягоды (0.5л)</p>
|
||
<div class="price-row"><span class="price">1 200</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?georgian+tea" alt="Чай">
|
||
<div class="menu-item-content">
|
||
<h4>Чай грузинский</h4>
|
||
<p class="desc">Зелёный / чёрный с чабером</p>
|
||
<div class="price-row"><span class="price">600</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<img src="https://images.unsplash.com/400x300/?coffee" alt="Кофе">
|
||
<div class="menu-item-content">
|
||
<h4>Кофе по-восточному</h4>
|
||
<p class="desc">В турке, с кардамоном</p>
|
||
<div class="price-row"><span class="price">900</span><span class="currency">₸</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="service-notice">
|
||
<div class="container">
|
||
<p>💝 Обслуживание включено в счёт: <span class="highlight">10%</span></p>
|
||
<p style="margin-top:12px;opacity:0.8;font-size:16px">Спасибо, что выбрали нас!</p>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<h3>🍷 Генацвале</h3>
|
||
<p class="contact">📍 г.Астана, ул.Достык 16</p>
|
||
<p class="contact">📞 <a href="tel:+77083011539" style="color:var(--gold);text-decoration:none">7083011539</a></p>
|
||
<p style="margin-top:32px;opacity:0.6;font-size:14px">Ждём вас каждый день с 10:00 до 23:00</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|