<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="color-scheme" content="only light">
  <meta name="description">
  <meta name="keywords">
  <title></title>
  <script src="https://unpkg.com/htmx.org@2.0.1" integrity="sha384-QWGpdj554B4ETpJJC9z+ZHJcA/i59TyjxEPXiiUgN2WmTyV5OEZWCD6gQhgkdpB/" crossorigin="anonymous" defer></script>
  <style>
    :root {
      --text: #6B6B6B;
      --accent: #3e6937;
      --bg-color: #F3F8F5;
    }
    /*svg path {*/
    /*  fill: var(--accent)!important;*/
    /*}*/
  </style>
<!--  <link rel="stylesheet" th:href="@{/css/style.css}">-->
  <link rel="preload"  href="/css/style.css" as="style">
  <link rel="stylesheet"  href="/css/style.css">
  <!-- Yandex.Metrika counter -->
  <script type="text/javascript" >
    (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
      m[i].l=1*new Date();
      for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
      k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

    ym(98893312, "init", {
      clickmap:true,
      trackLinks:true,
      accurateTrackBounce:true
    });
  </script>
<!--  <noscript><div><img src="https://mc.yandex.ru/watch/98893312" style="position:absolute; left:-9999px;" alt="" /></div></noscript>-->
  <!-- /Yandex.Metrika counter -->
</head>
<body class="bd">

    <header class="header">
    <div class="header__block">
      <div class="header-burger">
        <span class="header-burger__line"></span>
      </div>
      <div class="header__left">
        <a href="/" class="header__logo">
          <svg width="84" height="57" viewBox="0 0 84 57" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="28" cy="28" r="28" fill="var(--accent)"/>
            <path d="M56 56C63.4261 56 70.548 53.05 75.799 47.799C81.05 42.548 84 35.4261 84 28C84 20.5739 81.05 13.452 75.799 8.20101C70.548 2.94999 63.4261 2.21989e-07 56 -1.22392e-06L56 28L56 56Z" fill="var(--accent)"/>
            <g clip-path="url(#clip0_3_313)">
              <path d="M37.2326 14C32.4822 14 28.6321 18.753 28.6321 24.1175C28.6321 27.3824 30.1674 30.2615 32.0439 32.054C33.6908 33.6287 34.7026 34.8413 34.9047 37.4724V54.8204C34.9047 56.0238 35.881 57.0001 37.0844 57.0001H37.3796C38.583 57.0001 39.5593 56.0238 39.5593 54.8204V37.4723C39.7614 34.8412 40.7731 33.6287 42.42 32.054C44.2966 30.2614 45.8319 27.3823 45.8319 24.1174C45.8317 18.753 41.9803 14 37.2326 14Z" fill="white"/>
              <path d="M21.8384 16.0616V25.2474C21.8384 25.8339 21.3634 26.3103 20.7767 26.3103H20.492C19.9067 26.3103 19.4303 25.8339 19.4303 25.2474V16.0196C19.4303 14.5065 18.412 14.0525 17.4343 14.0525C16.458 14.0525 15.4397 14.5065 15.4397 16.0196V25.2474C15.4397 25.8339 14.9633 26.3103 14.3768 26.3103H14.0934C13.5068 26.3103 13.0317 25.8339 13.0317 25.2474V16.0616C13.0317 13.3517 9.16843 13.4436 9.16843 16.0917C9.16843 19.2621 9.16843 24.8629 9.16843 24.8629C9.15004 29.734 10.3141 30.9977 12.2352 32.516C13.7837 33.739 15.1077 34.4371 15.1077 37.4736V54.8204C15.1077 56.0237 16.0827 57 17.2874 57H17.5827C18.786 57 19.7623 56.0237 19.7623 54.8204V37.4736C19.7623 34.4371 21.0851 33.7389 22.6336 32.516C24.556 30.9977 25.72 29.734 25.7016 24.8629C25.7016 24.8629 25.7016 19.2621 25.7016 16.0917C25.7017 13.4436 21.8384 13.3517 21.8384 16.0616Z" fill="white"/>
            </g>
            <defs>
              <clipPath id="clip0_3_313">
                <rect width="43" height="43" fill="white" transform="translate(6 14)"/>
              </clipPath>
            </defs>
          </svg>
<!--          <img th:src="@{/images/index/header/logo.svg}" alt="food technology">-->
          <span>Food Technology</span>
        </a>
        <p class="header__desc">
          готовые блюда
        </p>
      </div>
      <div class="header__right">
        <ul class="header-menu">
          <li ><a href="/">Главная</a></li>
          <li ><a href="/catalog">Каталог</a></li>
          <li ><a href="/about">О компании</a></li>
          <li ><a href="/komanda">Команда</a></li>
          <li ><a href="/partnery">Партнеры</a></li>
          <li ><a href="/kontakty">Контакты</a></li>
          <li ><a href="/komu">Публикации</a></li>
<!--          <li><a th:href="@{/about}">О проекте</a></li>-->
<!--          <li><a href="/catalog">Каталог</a></li>-->
<!--          <li><a href="/whom">Для кого</a></li>-->
<!--          <li><a href="/partners">Партнеры</a></li>-->
<!--          <li><a href="/team">Команда</a></li>-->
<!--          <li><a href="/contacts">Контакты</a></li>-->
        </ul>
        <a href="tel:+79530830770" class="header__link">
          <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0_135_3099)">
              <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M26.8957 24.0059C26.486 25.1656 24.8574 26.125 23.5586 26.4056C22.6695 26.5944 21.5101 26.7437 17.6035 25.1248C13.2158 23.307 7.123 16.8317 7.123 12.5226C7.123 10.3289 8.3878 7.77451 10.5995 7.77451C11.6637 7.77451 11.8983 7.79526 12.2485 8.6353C12.6582 9.62501 13.6578 12.0634 13.7768 12.3134C14.2681 13.3388 13.277 13.9391 12.5579 14.8318C12.3284 15.1005 12.0683 15.3911 12.359 15.891C12.648 16.3808 13.6476 18.0099 15.1164 19.3176C17.0136 21.0079 18.5521 21.5475 19.1029 21.7771C19.5126 21.9472 20.0022 21.9075 20.3014 21.5878C20.6805 21.178 21.1514 20.4981 21.6308 19.8281C21.9691 19.3485 22.3992 19.2886 22.8497 19.4587C23.154 19.5641 27.0215 21.3602 27.1847 21.6476C27.3054 21.8568 27.3054 22.8461 26.8957 24.0059ZM17.0034 0H16.9949C7.62279 0 0 7.6251 0 17C0 20.7173 1.19851 24.1661 3.23681 26.9634L1.11861 33.2803L7.65171 31.1927C10.3394 32.9714 13.5473 34 17.0034 34C26.3755 34 34 26.3749 34 17C34 7.6251 26.3755 0 17.0034 0Z"
                    fill="white" />
            </g>
            <defs>
              <clipPath id="clip0_135_3099">
                <rect width="34" height="34" fill="white" />
              </clipPath>
            </defs>
          </svg>
        </a>
      </div>
    </div>
  </header>
    <div class="header-burger__content">
    <div class="header-burger__wrapper">
      <ul class="header-menu">
        <li ><a href="/">Главная</a></li>
        <li ><a href="/catalog">Каталог</a></li>
        <li ><a href="/about">О компании</a></li>
        <li ><a href="/komanda">Команда</a></li>
        <li ><a href="/partnery">Партнеры</a></li>
        <li ><a href="/kontakty">Контакты</a></li>
        <li ><a href="/komu">Публикации</a></li>
      </ul>
    </div>
  </div>

    <main class="index-page">
        <div class="modal-overlay js-overlay-modal"></div>
        <div class="modal" data-modal="1">
        <div class="modal__wrapper">
            <div class="modal__close js-modal-close">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="1.89941" width="22" height="2" transform="rotate(45 1.89941 0)" fill="white" />
                    <rect y="16.0713" width="22" height="2" transform="rotate(-45 0 16.0713)" fill="white" />
                </svg>
            </div>
            <div class="modal__content">
                <p class="modal__title">Оставить заявку</p>
                <div class="modal__text">
                    <p>Оставьте заявку и наши специалисты свяжуться с Вами для уточнения всех деталей вашего заказа</p>
                </div>
                <form action="#" class="modal-form">
                    <div class="modal-form__inputs">
                        <input type="text" class="input modal-form__input" placeholder="Представьтесь">
                        <input type="text" class="input modal-form__input" placeholder="Номер телефона">
                    </div>
                    <button class="btn-3 modal-form__btn" type="submit">Отправить</button>
                </form>
            </div>
        </div>
    </div>
        <div class="modal" data-modal="2">
        <div class="modal__wrapper">
            <div class="modal__close js-modal-close">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="1.89941" width="22" height="2" transform="rotate(45 1.89941 0)" fill="white" />
                    <rect y="16.0713" width="22" height="2" transform="rotate(-45 0 16.0713)" fill="white" />
                </svg>
            </div>
            <div class="modal__content">
                <p class="modal__title">Задать вопрос</p>
                <div class="modal__text">
                    <p>Оставьте заявку и наши специалисты свяжуться с Вами для уточнения всех деталей вашего заказа</p>
                </div>
                <form hx-post="/question" class="modal-form">
                    <div class="modal-form__inputs">
                        <input name="name" type="text" class="input modal-form__input" placeholder="Представьтесь">
                        <input name="phone" type="text" class="input modal-form__input" placeholder="Номер телефона">
                        <textarea name="content" id="question" placeholder="Ваш вопрос"
                                  class="input modal-form__textarea"></textarea>
                    </div>
                    <button class="btn-3 modal-form__btn" type="submit">Отправить</button>
                </form>
            </div>
        </div>
    </div>
        <div class="modal" data-modal="3">
        <div class="modal__wrapper">
            <div class="modal__close js-modal-close">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="1.89941" width="22" height="2" transform="rotate(45 1.89941 0)" fill="white" />
                    <rect y="16.0713" width="22" height="2" transform="rotate(-45 0 16.0713)" fill="white" />
                </svg>
            </div>
            <div class="modal__content">
                <p class="modal__title">Написать нам</p>
                <div class="modal__text">
                    <p>Оставьте заявку и наши специалисты свяжуться с Вами для уточнения всех деталей вашего заказа</p>
                </div>
                <form action="#" class="modal-form">
                    <div class="modal-form__inputs">
                        <input type="text" class="input modal-form__input" placeholder="Представьтесь">
                        <input type="text" class="input modal-form__input" placeholder="Номер телефона">
                        <textarea name="question" id="question" placeholder="Ваш вопрос"
                                  class="input modal-form__textarea"></textarea>
                    </div>
                    <button class="btn-3 modal-form__btn" type="submit">Отправить</button>
                </form>
            </div>
        </div>
    </div>
        <section class="main-two">
            <div class="container-two">
                <div class="breadcrumbs">
                    <a href="#">Главная</a>
                    <span></span>
                </div>
                <div class="main-two__block">
                    <h1 class="title-page main-two__title" ></h1>
                    <div class="main-two__wrapper">
                        <div class="main-two__text">
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="contacts contacts-page" style="min-height: 500px; background: #E6E6E6; display: flex; justify-content: center; align-items: center">
            <div style="font-size: 20px">Страница не найдена</div>
        </section>
        <section class="consultation">
        <div class="container-two">
            <div class="line">
                <div class="consultation__block block">
                    <div class="consultation__content">
                        <div class="consultation__top">
                            <div class="consultation__header">
                                <h2 class="title-page consultation__title">Требуется констультация специалиста?</h2>
<!--                                <div class="consultation__items">-->
<!--                                    <a href="#" class="consultation__item">-->
<!--                                        <div class="consultation__image box">-->
<!--                                            <img th:src="@{/images/index/consultation/people-1.png}" alt="фото">-->
<!--                                        </div>-->
<!--                                    </a>-->
<!--                                    <a href="#" class="consultation__item">-->
<!--                                        <div class="consultation__image box">-->
<!--                                            <img th:src="@{/images/index/consultation/people-2.png}" alt="фото">-->
<!--                                        </div>-->
<!--                                    </a>-->
<!--                                    <a href="#" class="consultation__item">-->
<!--                                        <div class="consultation__image box">-->
<!--                                            <img th:src="@{/images/index/consultation/people-3.png}" alt="фото">-->
<!--                                        </div>-->
<!--                                    </a>-->
<!--                                </div>-->
                            </div>
                            <div class="consultation__text">
                                <p>Оставьте заявку и наши специалисты свяжуться с Вами для уточнения всех деталей вашего заказа</p>
                            </div>
                        </div>
                        <div class="consultation__bottom">
<!--                            <form action="#" class="consultation-form">-->
<!--                                <div class="consultation-form__inputs">-->
<!--                                    <input type="text" class="input consultation-form__input" placeholder="Представьтесь">-->
<!--                                    <input type="text" class="input consultation-form__input" placeholder="Номер телефона">-->
<!--                                </div>-->
<!--                                <button type="submit" class="btn-3 consultation-form__btn">Отправить</button>-->
<!--                            </form>-->
                            <button class="main__btn btn js-open-modal" data-modal="2">Задать вопрос</button>
                        </div>
                    </div>
                    <div class="consultation__video">
                        <img src="https://cdn.go2food.ru/food/e911177c-e1f2-4cc9-ae86-58df41ab56ab_image-1.jpg" alt="фото">
<!--                        <video autoplay loop muted playsinline autobuffer>-->
<!--                            <source th:src="@{/files/video-consult.mp4}" type='video/mp4'>-->
<!--                        </video>-->
                    </div>
                </div>
            </div>
        </div>
    </section>
        <section class="faq">
        <div class="container-two">
            <div class="line">
                <div class="faq__block">
                    <div class="faq__left">
                        <div class="faq__top">
                            <h2 class="title-page faq__title">Частые вопросы</h2>
                            <div class="faq__text">
                                <p>Если вы не нашли ответа на ваш вопрос, наши менеджеры с радостью вам помогут</p>
                            </div>
                        </div>
                        <button class="btn-2 faq__btn js-open-modal" data-modal="2">Задать вопрос</button>
                    </div>
                    <div class="faq__right">
                        <div class="accordion">
                            
<!--                            <div class="accordion__item accordion__item_show">-->
<!--                                <div class="accordion__header">-->
<!--                                    <p>Как посмотреть меню?</p>-->
<!--                                </div>-->
<!--                                <div class="accordion__body">-->
<!--                                    <p>Введите адрес в приложении, и увидите, что в этом районе мы можем приготовить прямо сейчас. Все-->
<!--                                        заказы готовим из-под ножа в режиме реального времени</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="accordion__item">-->
<!--                                <div class="accordion__header">-->
<!--                                    <p>Что вы готовите и как меняется меню?</p>-->
<!--                                </div>-->
<!--                                <div class="accordion__body">-->
<!--                                    <p>Введите адрес в приложении, и увидите, что в этом районе мы можем приготовить прямо сейчас. Все-->
<!--                                        заказы готовим из-под ножа в режиме реального времени</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="accordion__item">-->
<!--                                <div class="accordion__header">-->
<!--                                    <p>Как доставляете?</p>-->
<!--                                </div>-->
<!--                                <div class="accordion__body">-->
<!--                                    <p>Введите адрес в приложении, и увидите, что в этом районе мы можем приготовить прямо сейчас. Все-->
<!--                                        заказы готовим из-под ножа в режиме реального времени</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="accordion__item">-->
<!--                                <div class="accordion__header">-->
<!--                                    <p>Почему так быстро?</p>-->
<!--                                </div>-->
<!--                                <div class="accordion__body">-->
<!--                                    <p>Введите адрес в приложении, и увидите, что в этом районе мы можем приготовить прямо сейчас. Все-->
<!--                                        заказы готовим из-под ножа в режиме реального времени</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="accordion__item">-->
<!--                                <div class="accordion__header">-->
<!--                                    <p>Как с нами связаться?</p>-->
<!--                                </div>-->
<!--                                <div class="accordion__body">-->
<!--                                    <p>Введите адрес в приложении, и увидите, что в этом районе мы можем приготовить прямо сейчас. Все-->
<!--                                        заказы готовим из-под ножа в режиме реального времени</p>-->
<!--                                </div>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
        
        <section class="contacts">
        <div class="container-two">
            <div class="line">
                <div class="contacts__block block">
                    <div class="contacts__content">
                        <h2 class="title-page contacts__title">Контакты</h2>
                        <div class="contacts__info">
                            <p class="name contacts__address">Краснодарский край, г.Краснодар, ул,Яна-Полуяна, д.34</p>
                            <div class="contacts__list">
                                <a href="tel:+79530830770" class="contacts__item">Тел.:+79530830770</a>
                                <a href="tel:+79898362323" class="contacts__item">Тел.:+79898362323</a>
                                <a href="mailto:foodteh@go2food.ru" class="contacts__item contacts__mail">E-mail:foodteh@go2food.ru</a>
                            </div>
                            <button class="contacts__btn btn-2 js-open-modal" data-modal="2">Написать нам</button>
                        </div>
                    </div>
                    <div class="contacts__map">
                        <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Adb1a3347f14d75a3787296f1208db68d1daa74084840d59f113d31f44526bafa&amp;source=constructor"></iframe>
<!--                        <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A23fe7638c7aefe6c6a02b0da36f53cc3a3bcc3ce15cac8af7d440a7d5485d7e6&amp;source=constructor"></iframe>-->
                    </div>
                </div>
            </div>
        </div>
    </section>

    </main>
    <footer class="footer">
        <div class="container-two">
            <div class="line">
                <div class="footer__block">
                    <div class="header__left">
                        <a href="#" class="header__logo">
                            <svg width="84" height="57" viewBox="0 0 84 57" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="28" cy="28" r="28" fill="var(--accent)"/>
                                <path d="M56 56C63.4261 56 70.548 53.05 75.799 47.799C81.05 42.548 84 35.4261 84 28C84 20.5739 81.05 13.452 75.799 8.20101C70.548 2.94999 63.4261 2.21989e-07 56 -1.22392e-06L56 28L56 56Z" fill="var(--accent)"/>
                                <g clip-path="url(#clip0_3_313)">
                                    <path d="M37.2326 14C32.4822 14 28.6321 18.753 28.6321 24.1175C28.6321 27.3824 30.1674 30.2615 32.0439 32.054C33.6908 33.6287 34.7026 34.8413 34.9047 37.4724V54.8204C34.9047 56.0238 35.881 57.0001 37.0844 57.0001H37.3796C38.583 57.0001 39.5593 56.0238 39.5593 54.8204V37.4723C39.7614 34.8412 40.7731 33.6287 42.42 32.054C44.2966 30.2614 45.8319 27.3823 45.8319 24.1174C45.8317 18.753 41.9803 14 37.2326 14Z" fill="white"/>
                                    <path d="M21.8384 16.0616V25.2474C21.8384 25.8339 21.3634 26.3103 20.7767 26.3103H20.492C19.9067 26.3103 19.4303 25.8339 19.4303 25.2474V16.0196C19.4303 14.5065 18.412 14.0525 17.4343 14.0525C16.458 14.0525 15.4397 14.5065 15.4397 16.0196V25.2474C15.4397 25.8339 14.9633 26.3103 14.3768 26.3103H14.0934C13.5068 26.3103 13.0317 25.8339 13.0317 25.2474V16.0616C13.0317 13.3517 9.16843 13.4436 9.16843 16.0917C9.16843 19.2621 9.16843 24.8629 9.16843 24.8629C9.15004 29.734 10.3141 30.9977 12.2352 32.516C13.7837 33.739 15.1077 34.4371 15.1077 37.4736V54.8204C15.1077 56.0237 16.0827 57 17.2874 57H17.5827C18.786 57 19.7623 56.0237 19.7623 54.8204V37.4736C19.7623 34.4371 21.0851 33.7389 22.6336 32.516C24.556 30.9977 25.72 29.734 25.7016 24.8629C25.7016 24.8629 25.7016 19.2621 25.7016 16.0917C25.7017 13.4436 21.8384 13.3517 21.8384 16.0616Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_3_313">
                                        <rect width="43" height="43" fill="white" transform="translate(6 14)"/>
                                    </clipPath>
                                </defs>
                            </svg>
<!--                            <img th:src="@{/images/index/header/logo.svg}" alt="food technology">-->
                            <span>Food Technology</span>
                        </a>
                        <p class="header__desc">
                            готовые блюда
                        </p>
                    </div>
                    <div class="header__right">
                        <ul class="header-menu">
                            <li ><a href="/">Главная</a></li>
                            <li ><a href="/catalog">Каталог</a></li>
                            <li ><a href="/about">О компании</a></li>
                            <li ><a href="/komanda">Команда</a></li>
                            <li ><a href="/partnery">Партнеры</a></li>
                            <li ><a href="/kontakty">Контакты</a></li>
                            <li ><a href="/komu">Публикации</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://api-maps.yandex.ru/v3/?apikey=fafafc2f-67bc-4be3-923d-3e544991cef1&lang=en_US"></script>
    <script src="/js/app.min.js"></script>
</body>
</html>