206 lines
10 KiB
HTML
206 lines
10 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 rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="container header-inner">
|
||
<div class="logo">
|
||
<span class="logo-icon">✦</span>
|
||
<span class="logo-text">Дастархан</span>
|
||
</div>
|
||
<nav class="nav">
|
||
<a href="#history">История</a>
|
||
<a href="#about">О нас</a>
|
||
<a href="#menu">Меню</a>
|
||
<a href="#reviews">Отзывы</a>
|
||
<a href="#contact">Контакты</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero">
|
||
<div class="hero-bg"></div>
|
||
<div class="hero-overlay"></div>
|
||
<div class="container hero-content">
|
||
<div class="ornament ornament-top"></div>
|
||
<h1>Дастархан</h1>
|
||
<p class="hero-subtitle">Вкус традиций в современном исполнении</p>
|
||
<div class="hero-buttons">
|
||
<a href="#menu" class="btn btn-primary">Смотреть меню</a>
|
||
<a href="#contact" class="btn btn-gold">Забронировать стол</a>
|
||
</div>
|
||
<div class="ornament ornament-bottom"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="history" class="history">
|
||
<div class="container">
|
||
<h2 class="section-title">Наша история</h2>
|
||
<div class="history-content">
|
||
<div class="history-text">
|
||
<p>Ресторан «Дастархан» родился из желания сохранить и передать богатство казахской кулинарной традиции. Мы собрали старинные рецепты, которые передавались из поколения в поколение в казахских семьях, и бережно воссоздали их в современном формате.</p>
|
||
<p>Наша кухня основана на традиционных казахских рецептах, но каждое блюдо подаётся в современной интерпретации. Мы используем только свежее мясо, овощи и зелень от местных фермеров, а также традиционные молочные продукты.</p>
|
||
<p>Шеф-повар ресторана изучал секреты национальной кухни у мастеров из разных регионов Казахстана, чтобы каждое блюдо могло рассказать свою историю — историю гостеприимства, щедрости и уважения к гостям.</p>
|
||
</div>
|
||
<div class="history-image">
|
||
<img src="https://picsum.photos/seed/yurt-kazakh/600/500" alt="Казахская юрта">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="about">
|
||
<div class="container about-grid">
|
||
<div class="about-text">
|
||
<h2>Добро пожаловать в Дастархан</h2>
|
||
<p>Наш ресторан — это место, где оживают традиции казахского гостеприимства. Мы бережно храним рецепты, передаваемые из поколения в поколение, и воплощаем их в современных блюдах.</p>
|
||
<p>Каждое блюдо приготовлено из натуральных фермерских продуктов с любовью и уважением к многовековой культуре казахского народа.</p>
|
||
<div class="features">
|
||
<div class="feature">
|
||
<span class="feature-icon">🍖</span>
|
||
<span>Натуральные продукты</span>
|
||
</div>
|
||
<div class="feature">
|
||
<span class="feature-icon">👨🍳</span>
|
||
<span>Шеф-повар с опытом</span>
|
||
</div>
|
||
<div class="feature">
|
||
<span class="feature-icon">🎵</span>
|
||
<span>Живая музыка</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="about-image">
|
||
<div class="image-frame">
|
||
<img src="https://picsum.photos/seed/kazakh1/600/700" alt="Интерьер ресторана">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="menu" class="menu">
|
||
<div class="container">
|
||
<h2 class="section-title">Наше меню</h2>
|
||
<p class="section-subtitle">Лучшие блюда казахской кухни</p>
|
||
|
||
<div class="menu-categories">
|
||
<button class="category-btn active" data-category="main">Горячие блюда</button>
|
||
<button class="category-btn" data-category="soups">Супы</button>
|
||
<button class="category-btn" data-category="appetizers">Закуски</button>
|
||
<button class="category-btn" data-category="drinks">Напитки</button>
|
||
</div>
|
||
|
||
<div class="menu-grid" id="menu-grid"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="reviews" class="reviews">
|
||
<div class="container">
|
||
<h2 class="section-title">Отзывы гостей</h2>
|
||
<p class="section-subtitle">Что говорят о нас посетители</p>
|
||
<div class="reviews-grid">
|
||
<div class="review-card">
|
||
<div class="review-stars">★★★★★</div>
|
||
<p>«Прекрасное место! Бешбармак просто восхитительный, как у бабушки в ауле! Обслуживание на высоте, обязательно вернёмся.»</p>
|
||
<span class="review-author">— Алия К.</span>
|
||
</div>
|
||
<div class="review-card">
|
||
<div class="review-stars">★★★★★</div>
|
||
<p>«Отмечали здесь день рождения. Гости в восторге! Атмосфера уютная, еда вкусная, цены адекватные.»</p>
|
||
<span class="review-author">— Ержан М.</span>
|
||
</div>
|
||
<div class="review-card">
|
||
<div class="review-stars">★★★★★</div>
|
||
<p>«Уютная атмосфера и невероятно вкусная еда. Бауырсаки тают во рту. Рекомендую всем!»</p>
|
||
<span class="review-author">— Динара С.</span>
|
||
</div>
|
||
<div class="review-card">
|
||
<div class="review-stars">★★★★★</div>
|
||
<p>«Лучшее место для встреч с друзьями. Традиционная кухня в современном исполнении. Рекомендуем!»</p>
|
||
<span class="review-author">— Максат и друзья</span>
|
||
</div>
|
||
<div class="review-card">
|
||
<div class="review-stars">★★★★★</div>
|
||
<p>«Здесь чувствуешь настоящий казахский дух. Персонал внимательный, порции большие. Спасибо!»</p>
|
||
<span class="review-author">— Гульнур А.</span>
|
||
</div>
|
||
<div class="review-card">
|
||
<div class="review-stars">★★★★★</div>
|
||
<p>«Плов лучший в городе! Сорпа как в детстве у мамы. Обязательно придем ещё.»</p>
|
||
<span class="review-author">— Тимур Б.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="contact">
|
||
<div class="container contact-grid">
|
||
<div class="contact-info">
|
||
<h2>Контакты</h2>
|
||
<div class="contact-item">
|
||
<span class="contact-icon">📍</span>
|
||
<div>
|
||
<strong>Адрес</strong>
|
||
<p>ул. Абая 123, Алматы</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<span class="contact-icon">📞</span>
|
||
<div>
|
||
<strong>Телефон</strong>
|
||
<p>+7 (777) 123-45-67</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<span class="contact-icon">⏰</span>
|
||
<div>
|
||
<strong>Часы работы</strong>
|
||
<p>Пн-Вс: 10:00 - 23:00</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="reservation-form">
|
||
<h3>Забронировать стол</h3>
|
||
<form id="booking-form">
|
||
<input type="text" id="name" placeholder="Ваше имя" required>
|
||
<input type="tel" id="phone" placeholder="Номер телефона" required>
|
||
<input type="date" id="date" required>
|
||
<input type="time" id="time" required>
|
||
<select id="guests">
|
||
<option value="">Количество гостей</option>
|
||
<option value="2">2 человека</option>
|
||
<option value="4">3-4 человека</option>
|
||
<option value="6">5-6 человек</option>
|
||
<option value="8+">Более 7</option>
|
||
</select>
|
||
<textarea id="comment" placeholder="Комментарий (пожелания по столику, особый случай и т.д.)" rows="3"></textarea>
|
||
<button type="submit" class="btn btn-primary">Отправить заявку</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container footer-inner">
|
||
<div class="footer-logo">
|
||
<span class="logo-icon">✦</span>
|
||
<span>Дастархан</span>
|
||
</div>
|
||
<p>© 2026 Ресторан казахской кухни. Все права защищены.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|