218 lines
11 KiB
HTML
218 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- Основные SEO теги -->
|
||
<title>Hotel 777 - Уютный отдых в Абхазии | Мгудзырхуа</title>
|
||
<meta name="description" content="Hotel 777 в селе Мгудзырхуа, Абхазия. Уютные номера, вкусная кухня, близость к морю и горам. Забронируйте отдых прямо сейчас!">
|
||
<meta name="keywords" content="отель абхазия, гостиница мгудзырхуа, отдых в абхазии, бронирование отеля, hotel 777">
|
||
|
||
<!-- Open Graph для соцсетей -->
|
||
<meta property="og:title" content="Hotel 777 - Уютный отдых в Абхазии">
|
||
<meta property="og:description" content="Комфортабельные номера, домашняя кухня и живописные виды. Ждем вас в гости!">
|
||
<meta property="og:image" content="/img/h777.webp">
|
||
<meta property="og:url" content="https://hotel777.abh">
|
||
<meta property="og:type" content="website">
|
||
|
||
<link rel="stylesheet" href="style.css">
|
||
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
|
||
|
||
<!-- Стили AOS (Animate On Scroll) -->
|
||
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
||
|
||
<!-- Стили Swiper (Галерея) -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Шапка сайта -->
|
||
<header>
|
||
<div class="logo">HOTEL 777</div>
|
||
<nav>
|
||
<a href="#about" data-i18n="nav_about">О нас</a>
|
||
<a href="#food" data-i18n="nav_food">Кухня</a>
|
||
<a href="#location" data-i18n="nav_location">Где мы</a>
|
||
<a href="#booking" data-i18n="nav_booking">Бронь</a>
|
||
</nav>
|
||
<select id="langSwitch" class="lang-switch" aria-label="Выбор языка">
|
||
<option value="ru" selected>Русский</option>
|
||
<option value="en">English</option>
|
||
<option value="ab">Аҧсуа</option>
|
||
</select>
|
||
</header>
|
||
|
||
<!-- Hero секция -->
|
||
<section class="hero">
|
||
<h1 class="animate" data-i18n="hero_title">Добро пожаловать</h1>
|
||
<p class="animate delay-1" data-i18n="hero_subtitle">Ваш идеальный отдых на берегу Черного моря</p>
|
||
<a href="#booking" class="btn animate delay-2" data-i18n="hero_btn">Забронировать номер</a>
|
||
</section>
|
||
|
||
<!-- Секция "О нас" (динамически через about.js) -->
|
||
<section id="about" class="white-bg"></section>
|
||
|
||
<!-- Кухня будет загружаться отдельным скриптом food.js -->
|
||
<section id="food"></section>
|
||
|
||
<!-- Летнее кафе будет добавлено в будущем (фото можно вставить позже) -->
|
||
<section id="summer-cafe" class="white-bg"></section>
|
||
|
||
<!-- Секция "Удобное расположение" -->
|
||
<section id="location" class="location-section">
|
||
<div class="location-bg" data-aos="fade-in"></div>
|
||
<div class="container location-container">
|
||
<h2 data-aos="fade-up" data-i18n="loc_title">Удобное расположение</h2>
|
||
<p class="location-desc" data-aos="fade-up" data-aos-delay="100" data-i18n="loc_desc">
|
||
Мы находимся в живописном селе Мгудзырхуа. Тишина, чистый воздух и близость к основным достопримечательностям Абхазии.
|
||
</p>
|
||
|
||
<div class="distances-grid">
|
||
<div class="distance-card" data-aos="zoom-in" data-aos-delay="200">
|
||
<div class="icon">🌊</div>
|
||
<h3 data-i18n="loc_sea">До моря</h3>
|
||
<p data-i18n="loc_sea_time">15 минут на машине</p>
|
||
</div>
|
||
<div class="distance-card" data-aos="zoom-in" data-aos-delay="300">
|
||
<div class="icon">🏙️</div>
|
||
<h3 data-i18n="loc_gudauta">Гудаута</h3>
|
||
<p data-i18n="loc_gudauta_dist">20 км от отеля</p>
|
||
</div>
|
||
<div class="distance-card" data-aos="zoom-in" data-aos-delay="400">
|
||
<div class="icon">✈️</div>
|
||
<h3 data-i18n="loc_airport">Аэропорт</h3>
|
||
<p data-i18n="loc_airport_dist">40 км (Сухум/Сочи)</p>
|
||
</div>
|
||
<div class="distance-card" data-aos="zoom-in" data-aos-delay="500">
|
||
<div class="icon">🏔️</div>
|
||
<h3 data-i18n="loc_ritsa">Озеро Рица</h3>
|
||
<p data-i18n="loc_ritsa_dist">60 км экскурсия</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="map-action" data-aos="fade-up" data-aos-delay="600">
|
||
<a href="https://yandex.ru/maps/?text=Мгудзырхуа" target="_blank" class="btn-map" data-i18n="loc_map_btn">
|
||
Открыть на карте
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Секция Галереи -->
|
||
<section id="gallery" class="gallery-section white-bg">
|
||
<div class="container">
|
||
<h2 class="section-title" data-aos="fade-up" data-i18n="gallery_title">Фотогалерея</h2>
|
||
|
||
<!-- Swiper -->
|
||
<div class="swiper mySwiper" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="swiper-wrapper">
|
||
<!-- Слайды с абхазской природой -->
|
||
<div class="swiper-slide"><img src="img/a1.webp" alt="Природа Абхазии 1" loading="lazy"></div>
|
||
<div class="swiper-slide"><img src="img/a2.webp" alt="Природа Абхазии 2" loading="lazy"></div>
|
||
<div class="swiper-slide"><img src="img/a3.webp" alt="Природа Абхазии 3" loading="lazy"></div>
|
||
<div class="swiper-slide"><img src="img/a4.webp" alt="Природа Абхазии 4" loading="lazy"></div>
|
||
<div class="swiper-slide"><img src="img/a5.webp" alt="Природа Абхазии 5" loading="lazy"></div>
|
||
</div>
|
||
|
||
<div class="swiper-pagination"></div>
|
||
<div class="swiper-button-next"></div>
|
||
<div class="swiper-button-prev"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Секция "Бронирование" -->
|
||
<section id="booking">
|
||
<h2 class="section-title animate" data-i18n="book_title">Забронировать отдых</h2>
|
||
<form id="bookingForm" class="booking-form animate">
|
||
<div class="form-group">
|
||
<label for="name" data-i18n="label_name">Ваше имя</label>
|
||
<input type="text" id="name" name="name" required data-i18n-ph="ph_name" placeholder="Иван Иванов">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="phone" data-i18n="label_phone">Номер телефона</label>
|
||
<input type="tel" id="phone" name="phone" required placeholder="+ ___ (___) ___-__-__">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="adults" data-i18n="book_adults">Количество взрослых</label>
|
||
<input type="number" id="adults" name="adults" min="1" value="1" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="children" data-i18n="book_children">Количество детей (до 12 лет)</label>
|
||
<input type="number" id="children" name="children" min="0" value="0">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="checkin" data-i18n="book_checkin">Дата заезда</label>
|
||
<input type="date" id="checkin" name="checkin" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="checkout" data-i18n="book_checkout">Дата выезда</label>
|
||
<input type="date" id="checkout" name="checkout" required>
|
||
</div>
|
||
<div style="margin:1.5rem 0; font-size:0.9rem; color:#666;">
|
||
<input type="checkbox" id="consent" required style="margin-right:8px;">
|
||
<label for="consent" data-i18n="fz152" style="display:inline; font-weight:400;">Согласие на обработку данных (152-ФЗ)</label>
|
||
</div>
|
||
<button type="submit" class="btn full-width" data-i18n="book_btn">Отправить заявку</button>
|
||
<div id="bookingMessage" style="margin-top:1rem; text-align:center;"></div>
|
||
</form>
|
||
</section>
|
||
|
||
<footer>
|
||
<p data-i18n="footer_text">© 2026 Hotel 777. Абхазия, Мгудзырхуа.</p>
|
||
</footer>
|
||
|
||
<div id="cookieBanner" class="cookie-banner">
|
||
<p data-i18n="cookie_text">Мы используем файлы cookie для улучшения работы сайта.</p>
|
||
<button class="cookie-btn" onclick="acceptCookies()" data-i18n="cookie_btn">Согласен</button>
|
||
</div>
|
||
|
||
<!-- Модальное окно для фактов о городах -->
|
||
<div id="cityModal" class="modal">
|
||
<div class="modal-content">
|
||
<span class="modal-close">×</span>
|
||
<h3 id="modalCityTitle"></h3>
|
||
<div id="modalFactsList" class="modal-facts"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Schema.org разметка -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Hotel",
|
||
"name": "Hotel 777",
|
||
"image": [
|
||
"https://hotel777.abh/img/h777.webp"
|
||
],
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"streetAddress": "с. Мгудзырхуа",
|
||
"addressLocality": "Гудаутский район",
|
||
"addressCountry": "Абхазия"
|
||
},
|
||
"telephone": "+7940XXXXXXX",
|
||
"priceRange": "$",
|
||
"starRating": {
|
||
"@type": "Rating",
|
||
"ratingValue": "3"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- Скрипт AOS -->
|
||
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
||
|
||
<!-- Скрипт Swiper -->
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
|
||
<script src="scripts.js"></script>
|
||
<script src="about.js"></script>
|
||
<script src="location.js"></script>
|
||
<script src="hero-slideshow.js"></script>
|
||
<script src="food.js"></script>
|
||
<script src="summer-cafe.js"></script>
|
||
</body>
|
||
</html>
|