{extends 'file:templates/layout.tpl'}
{block 'main'}

<section class="banner-area">
	<div class="container">
		<div class="row">
			<div class="col-4">
				<div class="banner-device">
					<img src="assets/templates/images/2.png" alt="">
				</div>
			</div>
			<div class="col-8">
				<div class="banner-txt">
					<div class="banner-intro">
						[[!getImageList?
						&tvname=`header_home`
						&docid=`1`
						&tpl= `@CODE: <div><h1 class="banner-title">[[+header_home_title]]</h1><p>[[+header_home_text]]</p></div>` 
						]]

					</div>
					<div class="app-media">
						<div class="single-media">
							<a  href="#">
								<img src="assets/templates/images/site-develop.png" alt="">
							</a>
							<p>Веб-разработка</p>
							<span>Ваш магазин работает на всех устройствах</span>
						</div>
						<div class="single-media">
							<a href="#"><img src="assets/templates/images/seo.png" alt=""></a>
							<p>Продвижение и реклама</p>
							<span>+ настройка рекламнойй компании ЯД в ПОДАРОК</span>
						</div>
						<div class="single-media">
							<a href="#"><img src="assets/templates/images/suport.png" alt=""></a>
							<p>Техническая поддержка</p>
							<span>Cкайп-обучение по работе с интерфейсом магазина</span>
							<span>Тех.поддержка 24 часа в сутки</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- Banner End -->

<!-- Why Use Start -->
<section class="choose-area section-padding version-1" id="use">
	<div class="container">
		<div class="zagolovok tr"><span>ПРЕИМУЩЕСТВА</span> готового интернет-магазина от Халтурина</div>
		<div class="row">

			<div class="col-5">
				<div class="section-intro">
					<h2 class="section-title">Готовый интернет-магазин под ключ<br> за 5 рабочих дней</h2>
					<p>Нет времени общаться с дизайнерами и программистами, а уже сейчас надо продавать через интернет и получать прибыль? Для вас - создание полноценного интернет-магазина без месяцев ожидания.</p>
					<p>САЙТ БУДЕТ ПРИНАДЛЕЖАТЬ ПОЛНОСТЬЮ ВАМ </p>
					<p>ВЫ МОЖЕТЕ ВНОСИТЬ ЛЮБЫЕ ИЗМЕНЕНИЯ</p>
					<p>ВСЕ ЧТО НАДО ДЛЯ УСПЕШНОЙ ТОРГОВЛИ УЖЕ ВНУТРИ</p>
					<a href="/catalog" class="custom-btn">Смотреть примеры</a>
				</div>
			</div>
			<div class="col-6 offset-lg-1 offset-sm-1">
				<div class="row">

					<div class="col-6">
						<div class="single-use">
							<i class="fas fa-ruble-sign"></i>
							<h4>Выгодная цена</h4>
							<p>Вы получаете весь функционал в 4 раза дешевле, чем индивидуальная разработка</p>
						</div>
						<div class="single-use">
							<i class="fas fa-mobile-alt"></i>
							<h4>Продающий дизайн на всех устройствах</h4>
							<p>Интернет магазин  отлично выглядит как на ПК, так и на мобильных, откуда приходит около 50% посетителей..</p>
						</div>
					</div>
					<div class="col-6">
						<div class="single-use sp">
							<i class="fa fa-cogs"></i>
							<h4>Функционал</h4>
							<p>Интернет магазин содержит весь необходимый функционал:<br><strong>мгновенный поиск товара,</strong><br><strong> программа лояльности,</strong><br><strong>возможность оплаты онлайн,</strong><br> 
								<strong>импорт-экспорт товаров,</strong><br><strong> интеграция с Яндекс.Маркетом </strong></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Why Use End -->

	<!-- How Work Start -->
	<section class="work-area section-padding" id="work">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="section-intro blue-bg">
						<h2 class="section-title">Принципы нашей работы</h2>
						<p>Консультируем по вопросам по skype интернет-магазина, помогаем справиться с возможными трудностями
						</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-4">
					<div class="single-work">
						<span>1</span>
						<h4>Качество</h4>
						<p>Ответственный подход ко всем этапам проекта, контроль качества на всех стадиях, информирование клиента о текущем состоянии проекта на всех этапах, наличие срока гарантийного обслуживания для всех проектов.</p>
					</div>
				</div>
				<div class="col-4">
					<div class="single-work">
						<span>2</span>
						<h4>Репутация</h4>
						<p>Диалог с клиентами и партнерами, готовность идти навстречу в вопросах, связанных со всеми участками совместной работы.</p>
					</div>
				</div>
				<div class="col-4">
					<div class="single-work">
						<span>3</span>
						<h4>Доступная цена</h4>
						<p>Наша основная производственная база находиться на аутсорсе, мы имеем возможность предложить клиентам разумные цены при неизменно высоком качестве оказываемых услуг.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- How Work End -->

	<!-- Screenshot Area Start -->
	<section class="screenshot-area" id="screenshot">
		<div class="container">
		  [[$ofer_home]]
		  [[$ofer_home2]]
			<div class="row">
				<div class="col-12">
					<div class="section-intro">
						<h2 class="section-title">Готовый интернет магазин</h2>
						<p>В нашем каталоге  Вы найдете интернет магазин под любую тематику
						</p>
					</div>
				</div>
			</div>
			<div class="row">
				<!-- Swiper -->
				<div class="swiper-container one">
					<div class="swiper-wrapper">
						[[!pdoResources?
						&element=`pdoResources`
						&parents=`12`
						&limit=`6`
						&includeTVs=`image`
						&tvPrefix=``
						&tpl=`@FILE chunks/product/product_item_slider.tpl`
						]]


					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>

			</div>
			
			</div>
		</section>
		[[!AjaxForm? 
				&form=`@FILE chunks/forms/form_zakaz.tpl` 
				&snippet=`FormIt`         
				&hooks=`FormItSaveForm,email`
				&emailSubject=`Заказ с сайта [[++site_url]]`
				&emailTo=`info@halturin.ru`
				&emailFrom=`no-reply@mysite.com`
				&emailTpl=`@FILE chunks/emails/form_zakaz.tpl`
				&validate=`phone:minLength=^2^`
				&formName=`Заказ сайта`
				&validationErrorMessage=`В форме содержатся ошибки!`
				&successMessage=`Сообщение успешно отправлено`
				]]
		<!-- Screenshot Area End -->

		<!-- Review Area Start -->
<!--section class="review-area" id="review">
		<div class="container">
				<div class="row">
						<div class="section-intro">
								<h2 class="section-title">Клиенты о нас</h2>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
						</div>
				</div>
				<div class="row">
						<div class="col-12">
								<div class="review-wrap owl-carousel">
										[[!pdoResources?
                    &element=`pdoResources`
                    &parents=`21`
                    &limit=`6`
                    &includeTVs=`image`
                    &tvPrefix=``
                    &tpl=`@FILE chunks/page/reviewer_slider_item.tpl`
                    ]]

								</div>
						</div>
				</div>
		</div>
	</section-->
	<!-- Review Area End -->

	<!-- Down Area Start -->
<!--section class="down-load-area section-padding">
		<div class="container">
				<div class="row">
						<div class="col-12">
								<div class="section-intro">
										<h2 class="section-title">Download app today</h2>
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.</p>
								</div>
						</div>
				</div>
				<div class="row">
						<div class="col-12">
								<div class="download-wrap">
										<div class="single-option">
												<a href="#">
														<i class="fa fa-apple"></i>
														<div class="optino-txt">
																<span>Download on the</span>
																<h4>App Store</h4>
														</div>
												</a>
										</div>
										<div class="single-option">
												<a href="#">
														<i class="fa fa-play"></i>
														<div class="optino-txt">
																<span>Download on the</span>
																<h4>App Store</h4>
														</div>
												</a>
										</div>
										<div class="single-option">
												<a href="#">
														<i class="fa fa-apple"></i>
														<div class="optino-txt">
																<span>Download on the</span>
																<h4>App Store</h4>
														</div>
												</a>
										</div>
								</div>
						</div>
				</div>
		</div>
	</section -->
	<!-- Down Area End -->

	<!-- Subscribe Area Start -->
	<section class="subscribe-area section-padding">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="section-intro">
						<h2 class="section-title">Есть вопросы?</h2>
						<p></p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-12 text-center">
					[[-!AjaxForm@contacts]]


					[[!AjaxForm? 
					&form=`@FILE chunks/forms/form_home.tpl` 
					&snippet=`FormIt`         
					&hooks=`FormItSaveForm,email`
					&emailSubject=`Заявка с сайта [[++site_url]]`
					&emailTo=`info@halturin.ru`
					&emailFrom=`no-reply@mysite.com`
					&emailTpl=`@FILE chunks/emails/form_home_email.tpl`
					&validate=`phone:minLength=^2^`
					&formName=`Заявка с главной`
					&validationErrorMessage=`В форме содержатся ошибки!`
					&successMessage=`Сообщение успешно отправлено`
					]]

				</div>
			</div>
		</div>
	</section>
	<!-- Subscribe Area End -->

	{/block}