{% extends 'application/layout.html.twig' %}
{% block content %}
<main class="main">
<div class="breadcrumb">
<div class="container">
<ol class="breadcrumb__list">
<li class="breadcrumb__item"><a href="{{ path('home') }}" class="breadcrumb__link">Главная</a></li>
<li class="breadcrumb__item active" aria-current="page">{{ page.name(app.request.locale) }}</li>
</ol>
</div>
</div>
<div class="container">
<div class="promo-photo">
<div class="promo-photo__photo">
<picture>
<source type="image/webp" srcset="/img/project@1x.webp 1x, /img/project@2x.webp 2x">
<img src="/img/project@1x.jpg" srcset="/img/project@2x.jpg 2x" alt="" width="1320" height="500" loading="lazy">
</picture>
</div>
<h1 class="promo-photo__title">Проектирование<br> и монтаж под ключ</h1>
</div>
<div class="section__item--md">
<div class="promo-about__row">
<div class="promo-about__column">
<div class="screen__lead">
<p>У бренда Decostore производит качественные отделочные материалы: лепной декор из экополимера, стеновые и акустические панели, МДФ-плинтусы, интерьерный багет, межкомнатные арки, 3D-орнаменты, экраны для радиаторов, натуральные обои и полотно.</p>
<p>Мы выполняем монтаж собственной продукции силами штатной монтажной службы. В команде высококвалифицированные специалисты, которые быстро и качественно выполнят монтаж на вашем объекте.</p>
</div>
</div>
<div class="promo-about__column">
<div class="statistic">
<div class="statistic__column">
<div class="item-statistic">
<div class="item-statistic__num">25 <span class="item-statistic__unit">лет</span></div>
<div class="item-statistic__descr">На рынке декоративных материалов</div>
</div>
</div>
<div class="statistic__column">
<div class="item-statistic">
<div class="item-statistic__num">1000+</div>
<div class="item-statistic__descr">Точек продаж по России и ЕАЭС</div>
</div>
</div>
<div class="statistic__column">
<div class="item-statistic">
<div class="item-statistic__num">10 000+</div>
<div class="item-statistic__descr">Артикулов в каталоге продукции</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section__item--md project-advantage">
<div class="project-advantage__row">
<div class="project-advantage__column">
<div class="item-advantage-project">
<div class="item-advantage-project__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3zm11 0H3v10h10V3z"/><path d="M11 1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 11 1zM5 1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 5 1zM2 5.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zM10.614 7.657a.5.5 0 0 1-.021.707l-2.919 2.75a.5.5 0 0 1-.687-.001l-1.581-1.5a.5.5 0 1 1 .688-.726l1.238 1.175 2.575-2.426a.5.5 0 0 1 .707.021z"/></svg></div>
<div class="item-advantage-project__detail">Монтаж декоративных элементов в удобное для вас время</div>
</div>
</div>
<div class="project-advantage__column">
<div class="item-advantage-project">
<div class="item-advantage-project__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 3.5a.5.5 0 1 0 0 1h10a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-10A1.5 1.5 0 0 1 2 12V4a1.5 1.5 0 0 1 1.5-1.5H12a.5.5 0 0 1 0 1H3.5zM3 5.414V12a.5.5 0 0 0 .5.5h10v-7h-10a1.5 1.5 0 0 1-.5-.086z"/><path d="M11.25 9.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z"/></svg></div>
<div class="item-advantage-project__detail">Подберем индивидуальное решение с учетом всех пожеланий и бюджета</div>
</div>
</div>
<div class="project-advantage__column">
<div class="item-advantage-project">
<div class="item-advantage-project__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 8a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 0 1H8a.5.5 0 0 1-.5-.5zM7.5 4a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 0 1H8a.5.5 0 0 1-.5-.5zM7.5 12a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 0 1H8a.5.5 0 0 1-.5-.5zM6.118 2.661a.5.5 0 0 1-.029.707l-2.169 2a.5.5 0 0 1-.678 0l-1.081-1a.5.5 0 0 1 .678-.735l.743.686L5.41 2.632a.5.5 0 0 1 .707.029zM6.118 6.661a.5.5 0 0 1-.029.707l-2.169 2a.5.5 0 0 1-.678 0l-1.081-1a.5.5 0 0 1 .678-.735l.743.686L5.41 6.632a.5.5 0 0 1 .707.029zM6.118 10.661a.5.5 0 0 1-.029.707l-2.169 2a.5.5 0 0 1-.678 0l-1.081-1a.5.5 0 0 1 .678-.735l.743.686 1.829-1.687a.5.5 0 0 1 .707.029z"/></svg></div>
<div class="item-advantage-project__detail">Разработаем проект, составим смету и список товаров</div>
</div>
</div>
<div class="project-advantage__column">
<div class="item-advantage-project">
<div class="item-advantage-project__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.878 12.378a.5.5 0 0 1 .707 0L8 13.793l1.415-1.415a.5.5 0 0 1 .707.707l-1.768 1.768a.5.5 0 0 1-.708 0l-1.768-1.768a.5.5 0 0 1 0-.707z"/><path d="M8 9.5a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-1 0V10a.5.5 0 0 1 .5-.5zM7.646 1.146a.5.5 0 0 1 .708 0l1.768 1.77a.5.5 0 0 1-.707.706L8 2.207 6.585 3.622a.5.5 0 1 1-.707-.707l1.768-1.769z"/><path d="M8 1a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V1.5A.5.5 0 0 1 8 1zM3.622 5.878a.5.5 0 0 1 0 .707L2.207 8l1.415 1.415a.5.5 0 0 1-.707.707L1.146 8.354a.5.5 0 0 1 0-.708l1.77-1.768a.5.5 0 0 1 .706 0z"/><path d="M1 8a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H1.5A.5.5 0 0 1 1 8zM12.378 5.878a.5.5 0 0 1 .707 0l1.768 1.768a.5.5 0 0 1 0 .708l-1.768 1.768a.5.5 0 0 1-.707-.707L13.793 8l-1.415-1.415a.5.5 0 0 1 0-.707z"/><path d="M9.5 8a.5.5 0 0 1 .5-.5h4.5a.5.5 0 0 1 0 1H10a.5.5 0 0 1-.5-.5z"/></svg></div>
<div class="item-advantage-project__detail">Выполним весь цикл работ от замера до монтажа</div>
</div>
</div>
<div class="project-advantage__column">
<div class="item-advantage-project">
<div class="item-advantage-project__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.293 2.793A1 1 0 0 1 3 2.5h10a1 1 0 0 1 1 1v3.669c0 5.593-4.749 7.444-5.68 7.753a.95.95 0 0 1-.64 0C6.749 14.612 2 12.762 2 7.17V3.5a1 1 0 0 1 .293-.707zM13 3.5H3v3.669c0 4.891 4.137 6.52 5 6.806.863-.286 5-1.915 5-6.806V3.5z"/><path d="M11.112 6.155a.5.5 0 0 1-.017.707l-3.669 3.5a.5.5 0 0 1-.69 0l-1.831-1.75a.5.5 0 0 1 .69-.723l1.487 1.42 3.323-3.17a.5.5 0 0 1 .707.016z"/></svg></div>
<div class="item-advantage-project__detail">1 год гарантии от Decostore на выполненные работы и материалы</div>
</div>
</div>
</div>
</div>
<div class="section__item--md service">
<div class="box service-card">
<div class="service-card__sidebar">
<h2 class="service-card__title">Проектирование</h2>
<div class="service-card__descr">Опытные специалисты Decostore создадут дизайн-проект под ваши потребности</div>
<div class="service-card__photo">
<picture>
<source type="image/webp" srcset="/img/service-project@1x.webp 1x, /img/service-project@2x.webp 2x">
<img src="/img/service-project@1x.jpg" srcset="/img/service-project@2x.jpg 2x" alt="" width="488" height="280" loading="lazy">
</picture>
</div>
</div>
<div class="service-card__main">
<div class="service-card__minititle">В услугу входит:</div>
<div class="service-card__text">
<ul>
<li>Разработка индивидуальных изделий любой сложности (как сборных конструкций, так и отдельных элементов декора)</li>
<li>Чертежи и схемы индивидуальных сечений погонажа</li>
<li>Проектирование сложных составных изделий из отдельных элементов нашего каталога (декоративные настенные рамы, потолочные композиции, дверные порталы, камины, розетки)</li>
<li>Адаптация потолочных композиции под форму и размер помещения</li>
<li>Решение технических особенностей помещений с использованием лепнины (спрячем короба, трубы, технические выступы)</li>
<li>Выезд на замеры и консультирование</li>
</ul>
</div>
<div class="service-card__footer">
<div class="service-card__value price">
<span class="">от</span>
<span class="price__value">100</span>
<span class="price__unit">м<sup>2</sup></span>
</div>
<div class="service-card__btn">
<a href="#request" class="btn btn--wide-sm a-scroll">Оставить заявку</a>
<a href="{{ path('gallery') }}" class="btn btn--outline btn--wide-sm">Галерея проектов</a>
</div>
</div>
</div>
</div>
<div class="box service-card">
<div class="service-card__sidebar">
<h2 class="service-card__title">Инструкции по монтажу</h2>
<div class="service-card__descr">Опытные специалисты проведут полный комплекс работ по монтажу под ключ</div>
<div class="service-card__photo">
<picture>
<source type="image/webp" srcset="/img/service-montage@1x.webp 1x, /img/service-montage@2x.webp 2x">
<img src="/img/service-montage@1x.jpg" srcset="/img/service-montage@2x.jpg 2x" alt="" width="488" height="280" loading="lazy">
</picture>
</div>
</div>
<div class="service-card__main">
<div class="service-card__minititle">В услугу входит:</div>
<div class="service-card__text">
<ul>
<li>проведение замеров и расчетов;</li>
<li>помощь в выборе подходящих накладных элементов декора;</li>
<li>подготовка поверхностей к работе: выравнивание потолков, стен, устранение дефектов;</li>
<li>подготовка отделочных материалов к монтажу (нарезка);</li>
<li>выбор и приготовление клеящего состава;</li>
<li>проведение монтажных мероприятий</li>
</ul>
</div>
<div class="service-card__footer">
<div class="service-card__value price">
<span class="">от</span>
<span class="price__value">100</span>
<span class="price__unit">м<sup>2</sup></span>
</div>
<div class="service-card__btn">
<a href="#request" class="btn btn--wide-sm a-scroll">Оставить заявку</a>
<a href="{{ path('gallery') }}" class="btn btn--outline btn--wide-sm">Галерея проектов</a>
</div>
</div>
</div>
</div>
</div>
{#
<div class="section__item--md individual-advantage">
<h2 class="individual-advantage__title">4 шага до вашего заказа</h2>
<div class="individual-advantage__row">
<div class="individual-advantage__column">
<div class="item-advantage-individual box box--outline">
<div class="item-advantage-individual__num">1</div>
<div class="item-advantage-individual__title">Тестовый образец профиля</div>
<div class="item-advantage-individual__descr">Сделаем тестовый образец для проверки качества и согласования с Вами</div>
</div>
</div>
<div class="individual-advantage__column">
<div class="item-advantage-individual box box--outline">
<div class="item-advantage-individual__num">2</div>
<div class="item-advantage-individual__title">Производственный опыт более 20 лет</div>
<div class="item-advantage-individual__descr">Гарантия от производителя, имеются все сертификаты качества</div>
</div>
</div>
<div class="individual-advantage__column">
<div class="item-advantage-individual box box--outline">
<div class="item-advantage-individual__num">3</div>
<div class="item-advantage-individual__title">Оптимальное ценообразование</div>
<div class="item-advantage-individual__descr">Вы оплачиваете только реально проделанную работу</div>
</div>
</div>
<div class="individual-advantage__column">
<div class="item-advantage-individual box box--outline">
<div class="item-advantage-individual__num">4</div>
<div class="item-advantage-individual__title">Инжинирингованный сервис и консультация</div>
<div class="item-advantage-individual__descr">Поможем определить размеры и подобрать изделия для вашей задачи</div>
</div>
</div>
</div>
</div>
#}
<div class="section__item section__item--md">
<h2 class="product-add__title">Галерея готовых проектов</h2>
<div class="project__carousel swiper a-carousel-projects-inside nav-right">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic82@1x.webp 1x, /img/pic82@2x.webp 2x">
<img src="/img/pic82@1x.jpg" srcset="/img/pic82@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Дизайн уютной кухни в частной квартире</span>
{# </a>#}
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic83@1x.webp 1x, /img/pic83@2x.webp 2x">
<img src="/img/pic83@1x.jpg" srcset="/img/pic83@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Декоративные панели в стальной комнате</span>
{# </a>#}
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic80@1x.webp 1x, /img/pic80@2x.webp 2x">
<img src="/img/pic80@1x.jpg" srcset="/img/pic80@2x.jpg 2x" alt="" width="650" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Установка арки в гардеробной комнате</span>
{# </a>#}
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic52@1x.webp 1x, /img/pic52@2x.webp 2x">
<img src="/img/pic52@1x.jpg" srcset="/img/pic52@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Установка балок на кухне площадью 16 м<sup>2</sup></span>
{# </a>#}
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic53@1x.webp 1x, /img/pic53@2x.webp 2x">
<img src="/img/pic53@1x.jpg" srcset="/img/pic53@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Установка арки в квартире</span>
{# </a>#}
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic82@1x.webp 1x, /img/pic82@2x.webp 2x">
<img src="/img/pic82@1x.jpg" srcset="/img/pic82@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Установка балочной системы на кухне <!--загородного дома площадью 20 м<sup>2</sup>--></span>
{# </a>#}
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic83@1x.webp 1x, /img/pic83@2x.webp 2x">
<img src="/img/pic83@1x.jpg" srcset="/img/pic83@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
{# <a href="project-page.html">#}
{# <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>#}
<span class="item__text">Перегородка из перфорированных панелей в спальне 14 м<sup>2</sup></span>
{# </a>#}
</div>
</div>
</div>
{#
<div class="swiper-slide project__column--lg">
<div class="item item--project-list">
<div class="item__photo">
<picture>
<source type="image/webp" srcset="/img/pic81@1x.webp 1x, /img/pic81@2x.webp 2x">
<img src="/img/pic81@1x.jpg" srcset="/img/pic81@2x.jpg 2x" alt="" width="315" height="425" loading="lazy">
</picture>
</div>
<div class="item__title">
<a href="project-page.html">
<span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
<span class="item__text">Поклейка обоев в офисном помещении 20 м<sup>2</sup></span>
</a>
</div>
</div>
</div>
#}
</div>
<div class="btn-prev"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 12.867a.536.536 0 0 1-.708 0l-5-4.546a.426.426 0 0 1 0-.642l5-4.546a.536.536 0 0 1 .708 0 .426.426 0 0 1 0 .643L6.207 8l4.647 4.224a.426.426 0 0 1 0 .643z"/></svg></div>
<div class="btn-next"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"/></svg></div>
</div>
</div>
<div class="section__item--md individual-footer">
<div class="individual-footer__main">
<h2 class="h1">Уникальный сервис и консультация</h2>
<div class="individual-footer__text">
<p class="lead lead--short">По вашим запросам мы создаём дизайн-проект помещения, а также выполняем монтаж собственной продукции силами штатной монтажной службы. В команде высококвалифицированные специалисты, которые быстро и качественно выполнят проектирование и монтаж на вашем объекте.</p>
</div>
</div>
{{ include('application/partial/request-short-form.html.twig') }}
</div>
</div>
</main>
{% endblock %}