<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="ru" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="ru" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="ru">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Строительство бань от кампании Bani Club</title>
<base href="http://bani-club.ru/" />
<meta name="description" content="Строительство бань от кампании Bani Club" />
<meta property="og:title" content="Строительство бань от кампании Bani Club" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://bani-club.ru/index.php?format=feed&amp;type=rss" />
<meta property="og:image" content="http://bani-club.ru/image/catalog/logo.png" />
<meta property="og:site_name" content="Строительство бань от кампании Bani Club" />
<!-- Swiper CSS -->

<script src="catalog/view/javascript/jquery/jquery-3.7.0.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">


<link href="catalog/view/javascript/jquery/magnific/magnific-popup.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/jquery/swiper/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/jquery/swiper/css/opencart.css" type="text/css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/swiper/js/swiper.jquery.js" type="text/javascript"></script>
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
<link href="http://bani-club.ru/image/catalog/logo.png" rel="icon" />
</head>
<body>

<header>
  <div class="container">
    
    <div class="head-block">
      <div id="logo">
                                    <a href="http://bani-club.ru/index.php?route=common/home"><img src="http://bani-club.ru/image/catalog/logo.png" title="Строительство бань от кампании Bani Club" alt="Строительство бань от кампании Bani Club" class="img-responsive" /></a>
                      		
    </div>
    <div class="h1"><h1>Строительство бань премиум-класса в Москве и области</h1></div>
    <nav id="menu" class="navbar">
  <div class="navbar-header">
    <button type="button" class="btn btn-navbar navbar-toggle" id="menu-toggle">
      <i class="fa fa-bars"></i>
    </button>
  </div>
  <div class="navbar-collapse" id="side-menu">
    <ul class="nav navbar-nav">
      <li><a href="#project">ПРОЕКТ</a></li>
      <li><a href="#gallery">ГАЛЕРЕЯ</a></li>
      <li><a href="#contacts">КОНТАКТЫ</a></li>
    </ul>
  </div>
</nav>
<div id="overlay"></div>

   
    <div class="phone-block">
    <a href="tel:+79199935694">+7 (919) 993-56-94</a>
    <a href="tel:+79199935694"><img src="/image/catalog/main/tg.png" alt="иконка"></a>
    <a href="tel:+79199935694"><img src="/image/catalog/main/whatsapp.png" alt="иконка"></a>
    </div>
     </div>
  </div>
</header>


<div id="common-home">



<div class="section-1 fade-up">
  <div class="container">
    <div class="section-1__content">
      <div class="section-1__text-block">
        <h2>
          Строительство бань<br>
          <span>премиум-класса</span>
        </h2>
      </div>
    </div>
  </div>
</div>

<section class="why-us fade-up">
  <div class="container">
    <h2 class="why-us__title">ПОЧЕМУ ВЫБИРАЮТ НАС?</h2>
    <div class="why-us__grid">

      <div class="why-us__item">
        <div class="why-us__number">01</div>
        <div>
          <h3>Проект премиум-класса</h3>
          <p>Мы создаём баню Вашей мечты. Каждый проект индивидуален и разрабатывается специально для Вас, с учётом ваших потребностей и пожеланий.</p>
        </div>
      </div>

      <div class="why-us__item">
        <div class="why-us__number">02</div>
        <div>
          <h3>Гарантия качества</h3>
          <p>Наши бани разрабатываются в соответствии со стандартами, они безопасны и долговечны. И делаются только из качественных материалов.</p>
        </div>
      </div>

      <div class="why-us__item">
        <div class="why-us__number">03</div>
        <div>
          <h3>Визуализация проекта</h3>
          <p>Вы сможете «прогуляться» по своей будущей бани и понять, подходит ли Вам выбранный стиль и нравится ли планировка. Так Вы будете уверены, что результат Вас удовлетворит.</p>
        </div>
      </div>

      <div class="why-us__item">
        <div class="why-us__number">04</div>
        <div>
          <h3>Опыт и профессионализм</h3>
          <p>Мы дорожим репутацией и разрабатываем каждый проект, как для себя. Поможем в подборе архитектурных и инженерных решений, полностью удовлетворяющих ваши нужды.</p>
        </div>
      </div>

    </div>
  </div>
</section>

<section class="details fade-up" id="project">
  <h2 class="details__title">ПРОЕКТ ПРОДУМАННЫЙ ДО МЕЛОЧЕЙ</h2>
  <div class="container">
    <div class="details__content">
      <div class="details__grid">
        <div class="details__feature">
          <img src="/image/catalog/main/s31.png" alt="" loading="lazy">
          <div>
            <h3>Фундамент</h3>
            <p>Мы начинаем с надёжного железобетонного фундамента, который обеспечивает долговечность и устойчивость конструкции.</p>
          </div>
        </div>

        <div class="details__feature">
          <img src="/image/catalog/main/s32.png" alt="" loading="lazy">
          <div>
            <h3>Древесина</h3>
            <p>Для строительства стен и отделки мы используем только качественную древесину: ольху и лиственницу.</p>
          </div>
        </div>

        <div class="details__feature">
          <img src="/image/catalog/main/s33.png" alt="" loading="lazy">
          <div>
            <h3>Панорамное остекление</h3>
            <p>Мы используем панорамное остекление с энергосберегающими стеклопакетами, которые добавляют современный вид, пропускают максимум света при этом не дают «остыть» помещению в холодное время года.</p>
          </div>
        </div>

        <div class="details__feature">
          <img src="/image/catalog/main/s34.png" alt="" loading="lazy">
          <div>
            <h3>Керамогранит</h3>
            <p>Прочный и эстетичный материал для полов и стен. Не боится перепадов температуры и легко моется.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>



<section class="banya-lead-block">
  <div class="container">
    <div class="banya-lead-wrapper">
      
      

      <div class="banya-lead-text">
        <p>Мы строим бани премиум-класса, где каждая деталь продумана для максимального комфорта и расслабления.</p>
        <p>Уделяем особое внимание атмосфере: тщательно подбираем освещение, акустику и материалы, чтобы каждая парная стала местом полного уединения и восстановления.</p>
        <p>Наш опыт, передовые технологии и внимание к деталям позволяют создавать СПА-зоны, идеально вписывающиеся в пространство вашего дома.</p>
      </div>

      <div class="banya-lead-form">
        <div id="form-creator-36" class="form-creator box">
		<div class="box-heading">
		<h3>Оставьте заявку и мы свяжемся с Вами в ближайшее время</h3>
	</div>
	<hr style="margin: 8px 0 10px 0" />
		<div class="box-content">
				<form role="form" data-toggle="validator" enctype="multipart/form-data" id="form-formcreator36">
																					 						 							 																			<div class="form-group required">
											<label class="control-label" for="formInput36-1">Ваше имя</label>
											<input type="text" class="form-control" name="form_input[1][Ваше имя]" id="formInput36-1" data-minlength="3" required="" placeholder="Ваше имя">
											<div class="help-block with-errors"></div>
											<input type="hidden" class="form-control" name="form_input[1][required]" value="input">
										</div>
																 										 							 																			<div class="form-group required">
											<label class="control-label" for="formInput36-2">Телефон:</label>
											<input type="text" class="form-control" name="form_input[2][Телефон:]" id="formInput36-2" data-minlength="3" required="" placeholder="Телефон:">
											<div class="help-block with-errors"></div>
											<input type="hidden" class="form-control" name="form_input[2][required]" value="input">
										</div>
																 										 							 											 													<div class="form-group">
														<label for="formInputSelect36-3" class="control-label">Как с вами связаться?</label>
														<select class="form-control" name="form_input[3][Как с вами связаться?]" id="formInputSelect36-3">
																																														<option>Звонок</option>
															 																<option>WhatsApp</option>
															 																<option>Telegram</option>
															 														</select>
													</div>
												 
								 							 
					<div class="hidden-inputs">
						<input type="hidden" name="link_page" value="http://www.bani-club.ru/index.php?format=feed&type=rss" />
						<input type="hidden" name="module_name" value="Оставьте заявку и мы свяжемся с Вами в ближайшее время" />
						<input type="hidden" name="module_id" value="36" />
						<input type="hidden" name="form_success" value="Спасибо, Ваш запрос отправлен!" />
					</div>
					<div class="form-group text-center">
						<button type="submit" class="btn btn-lg btn-primary">Отправить</button>
					</div>
			</form>
	</div>
</div>

<script type="text/javascript">
			$('#form-formcreator36').on('submit', function(e) {
				e.preventDefault(); 
				var that = $(e.target);      
				$.ajax({                 
					url: 'index.php?route=extension/module/formcreator/send',
					type: 'post', 
					data: $(this).serialize(), 
					dataType:'json', 
					success: function(data) {
						if (data['error']) {
							$('.form-creator .text-danger').remove();
							if (data['error']) {
								var error = $('<div class="text-left alert alert-danger">'+ data['error'] +'</div>');
								that.prepend(error);
							}
							return;
						}
						$('.form-creator .alert-danger').remove();
						alertForm({form: that, msg: data['success']});
						that.find('input[type=\'text\']').val('');
						that.find('textarea').val('');
					}, 
				});
			});
			function alertForm(alert) {
				var div = $('<div class="text-left alert alert-success" style="display: none;">' + alert.msg + '</div>');        
				alert.form.prepend(div);
				div.slideDown(400).delay(3000).slideUp(400, function() {
					alert.form.closest('.modal').modal('hide');
					div.remove();    
				});
			}
</script>

      </div>
    </div>
  </div>
</section>






<section class="video-review-section">
 <h2 class="details__title">ВИДЕООБЗОР БАНИ</h2>
    <iframe src="https://vk.com/video_ext.php?oid=-229896868&id=456239017&hd=2&autoplay=1" width="325" height="646" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
</section>






<section class="gallery fade-up" id="gallery">
  <div class="container">
    <h2 class="details__title">ВНЕШНИЙ ВИД БАНИ</h2>
    <div class="gallery-grid">
            <a href="/image/catalog/galer/1.jpg" class="gallery-item" title="Баня на заказ">
        <img src="/image/catalog/galer/1.jpg" alt="Баня на заказ 1" title="Баня на заказ 1" loading="lazy">
      </a>
            <a href="/image/catalog/galer/2.jpg" class="gallery-item" title="Баня на заказ">
        <img src="/image/catalog/galer/2.jpg" alt="Баня на заказ 2" title="Баня на заказ 2" loading="lazy">
      </a>
            <a href="/image/catalog/galer/3.jpg" class="gallery-item" title="Баня на заказ">
        <img src="/image/catalog/galer/3.jpg" alt="Баня на заказ 3" title="Баня на заказ 3" loading="lazy">
      </a>
            <a href="/image/catalog/galer/4.jpg" class="gallery-item" title="Баня на заказ">
        <img src="/image/catalog/galer/4.jpg" alt="Баня на заказ 4" title="Баня на заказ 4" loading="lazy">
      </a>
            <a href="/image/catalog/galer/5.jpg" class="gallery-item" title="Баня на заказ">
        <img src="/image/catalog/galer/5.jpg" alt="Баня на заказ 5" title="Баня на заказ 5" loading="lazy">
      </a>
          </div>
  </div>
</section>

<section class="gallery fade-up">
  <div class="container">
    <h2 class="details__title">Внутренний вид бани</h2>
    <div class="gallery-grid">
                  <a href="/image/catalog/vbane/01.jpg" class="gallery-item" title="Внутренний вид бани 1">
        <img src="/image/catalog/vbane/01.jpg" alt="Внутренний вид бани 1" title="Внутренний вид бани 1" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/02.jpg" class="gallery-item" title="Внутренний вид бани 2">
        <img src="/image/catalog/vbane/02.jpg" alt="Внутренний вид бани 2" title="Внутренний вид бани 2" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/03.jpg" class="gallery-item" title="Внутренний вид бани 3">
        <img src="/image/catalog/vbane/03.jpg" alt="Внутренний вид бани 3" title="Внутренний вид бани 3" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/04.jpg" class="gallery-item" title="Внутренний вид бани 4">
        <img src="/image/catalog/vbane/04.jpg" alt="Внутренний вид бани 4" title="Внутренний вид бани 4" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/05.jpg" class="gallery-item" title="Внутренний вид бани 5">
        <img src="/image/catalog/vbane/05.jpg" alt="Внутренний вид бани 5" title="Внутренний вид бани 5" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/06.jpg" class="gallery-item" title="Внутренний вид бани 6">
        <img src="/image/catalog/vbane/06.jpg" alt="Внутренний вид бани 6" title="Внутренний вид бани 6" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/07.jpg" class="gallery-item" title="Внутренний вид бани 7">
        <img src="/image/catalog/vbane/07.jpg" alt="Внутренний вид бани 7" title="Внутренний вид бани 7" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/08.jpg" class="gallery-item" title="Внутренний вид бани 8">
        <img src="/image/catalog/vbane/08.jpg" alt="Внутренний вид бани 8" title="Внутренний вид бани 8" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/09.jpg" class="gallery-item" title="Внутренний вид бани 9">
        <img src="/image/catalog/vbane/09.jpg" alt="Внутренний вид бани 9" title="Внутренний вид бани 9" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/10.jpg" class="gallery-item" title="Внутренний вид бани 10">
        <img src="/image/catalog/vbane/10.jpg" alt="Внутренний вид бани 10" title="Внутренний вид бани 10" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/11.jpg" class="gallery-item" title="Внутренний вид бани 11">
        <img src="/image/catalog/vbane/11.jpg" alt="Внутренний вид бани 11" title="Внутренний вид бани 11" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/12.jpg" class="gallery-item" title="Внутренний вид бани 12">
        <img src="/image/catalog/vbane/12.jpg" alt="Внутренний вид бани 12" title="Внутренний вид бани 12" loading="lazy">
      </a>
                  <a href="/image/catalog/vbane/13.jpg" class="gallery-item" title="Внутренний вид бани 13">
        <img src="/image/catalog/vbane/13.jpg" alt="Внутренний вид бани 13" title="Внутренний вид бани 13" loading="lazy">
      </a>
          </div>
  </div>
</section>

<section class="contacts-map-block"  id="contacts">
  <div class="contacts-map">

    <!-- Карта -->
    <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Ab09fd7dca9b300d6d290e26a08c3e3133bdd66b7e3937b2ab566406274317630&amp;source=constructor" width="100%" height="700" frameborder="0"></iframe>

    <!-- Контент поверх карты -->
    <div class="contacts-map-overlay">
      <div class="container">
        <div class="contacts-map-content">
          
          <div class="contacts-form">
            <div id="form-creator-37" class="form-creator box">
		<div class="box-heading">
		<h3>Оставьте заявку и мы свяжемся с Вами в ближайшее время</h3>
	</div>
	<hr style="margin: 8px 0 10px 0" />
		<div class="box-content">
				<form role="form" data-toggle="validator" enctype="multipart/form-data" id="form-formcreator37">
																					 						 							 																			<div class="form-group">
											<label for="formInput37-1" class="control-label">Ваше имя</label>
											<input type="text" class="form-control" name="form_input[1][Ваше имя]" id="formInput37-1" placeholder="Ваше имя">
										</div>
																 										 							 																			<div class="form-group">
											<label for="formInput37-2" class="control-label">Телефон</label>
											<input type="text" class="form-control" name="form_input[2][Телефон]" id="formInput37-2" placeholder="Телефон">
										</div>
																 										 							 											 													<div class="form-group">
														<label for="formInputSelect37-3" class="control-label">Как с вами связаться?</label>
														<select class="form-control" name="form_input[3][Как с вами связаться?]" id="formInputSelect37-3">
																																														<option>Звонок</option>
															 																<option>WhatsApp</option>
															 																<option>Telegram</option>
															 														</select>
													</div>
												 
								 							 
					<div class="hidden-inputs">
						<input type="hidden" name="link_page" value="http://www.bani-club.ru/index.php?format=feed&type=rss" />
						<input type="hidden" name="module_name" value="Оставьте заявку и мы свяжемся с Вами в ближайшее время" />
						<input type="hidden" name="module_id" value="37" />
						<input type="hidden" name="form_success" value="Спасибо, Ваш запрос отправлен!" />
					</div>
					<div class="form-group text-center">
						<button type="submit" class="btn btn-lg btn-primary">Отправить</button>
					</div>
			</form>
	</div>
</div>

<script type="text/javascript">
			$('#form-formcreator37').on('submit', function(e) {
				e.preventDefault(); 
				var that = $(e.target);      
				$.ajax({                 
					url: 'index.php?route=extension/module/formcreator/send',
					type: 'post', 
					data: $(this).serialize(), 
					dataType:'json', 
					success: function(data) {
						if (data['error']) {
							$('.form-creator .text-danger').remove();
							if (data['error']) {
								var error = $('<div class="text-left alert alert-danger">'+ data['error'] +'</div>');
								that.prepend(error);
							}
							return;
						}
						$('.form-creator .alert-danger').remove();
						alertForm({form: that, msg: data['success']});
						that.find('input[type=\'text\']').val('');
						that.find('textarea').val('');
					}, 
				});
			});
			function alertForm(alert) {
				var div = $('<div class="text-left alert alert-success" style="display: none;">' + alert.msg + '</div>');        
				alert.form.prepend(div);
				div.slideDown(400).delay(3000).slideUp(400, function() {
					alert.form.closest('.modal').modal('hide');
					div.remove();    
				});
			}
</script>

          </div>

          <div class="contacts-info">
            <h2>Контактная информация</h2>
            <a href="tel:+79199935694" class="contacts-phone">+7 (919) 993-56-94</a>
            <div class="contacts-city">МО, г.Химки, ул. Московская 38а офис 703, 7 этаж</a>
          
            </div>
          </div>

          

        </div>
      </div>
    </div>

  </div>
</section>

















<script>
$(document).ready(function() {
  $('.gallery-grid').magnificPopup({
    delegate: 'a',
    type: 'image',
    gallery: {
      enabled: true
    }
  });
});

// Плавное появление секций
document.addEventListener("DOMContentLoaded", function () {
  const animatedElements = document.querySelectorAll('.fade-up');

  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('show');
      }
    });
  }, {
    threshold: 0.1
  });

  animatedElements.forEach(el => observer.observe(el));
});
</script>

</div>
<footer class="site-footer">
  <div class="container">
    <div class="footer-wrapper">

      <div class="footer-left">
        <img src="/image/catalog/logo.png" alt="Премиальные бани" class="footer-logo">
        <div class="footer-address">МО, г.Химки, ул. Московская 38а офис 703, 7 этаж</div>
      </div>

      <div class="footer-menu">
        <a href="#project">Проект</a>
        <a href="#gallery">Галерея</a>
        <a href="#contacts">Контакты</a>
      </div>

      <div class="footer-info">
       
        <div class="footer-copy">© 2026 Bani-club.ru</div>
      </div>

    </div>
  </div>
</footer>


<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->
</body></html>
