import React, {Component} from "react";
import "./mobileVersion.scss";
import signal_bit from "./img/signal_bit.png";
import right_hand from "../PCVersion/Main/img/hand-right.png";
import left_hand from "../PCVersion/Main/img/hand-left.png";
import research_img from "../PCVersion/FiledsOfActivity/img/research.png";
import products_img from "../PCVersion/FiledsOfActivity/img/new_products.png";
import teaching_img from "../PCVersion/FiledsOfActivity/img/teaching.png";
import sq_img_left from "../PCVersion/Creations/img/top.png";
import sq_img_middle from "../PCVersion/Creations/img/middle.png";
import sq_img_right from "../PCVersion/Creations/img/bottom.png";
import param_1 from "../PCVersion/Creations/img/creation_1.png";
import param_2 from "../PCVersion/Creations/img/creation_2.png";
import param_3 from "../PCVersion/Creations/img/creation_3.png";
import param_4 from "../PCVersion/Creations/img/creation_4.png";
import param_5 from "../PCVersion/Creations/img/creation_5.png";
import param_6 from "../PCVersion/Creations/img/creation_6.png";
import email from "../PCVersion/Callback/img/email.png";
import last_img from "../PCVersion/Callback/img/right_img.png";
import logo_sfedu from "../PCVersion/Callback/img/logo_sfedu.png";
import logo_ictis from "../PCVersion/Callback/img/logo_ictis.png";
import logo_integra from "../PCVersion/Callback/img/logo_integra.png";
import price_img_1 from "../PCVersion/PriceList/img/price1.png";
import price_img_2 from "../PCVersion/PriceList/img/price2.png";
import price_img_3 from "../PCVersion/PriceList/img/price3.png";
import price_img_4 from "../PCVersion/PriceList/img/price4.png";

import sens_img1 from "../PCVersion/CreateSensor/img/img1.png";
import sens_img2 from "../PCVersion/CreateSensor/img/img2.png";
import sens_img3 from "../PCVersion/CreateSensor/img/img3.png";

import sens1 from "../PCVersion/CreateSensor/img/sen1.png";
import sens2 from "../PCVersion/CreateSensor/img/sen2.png";

import sens_z1 from "../PCVersion/CreateSensor/img/z1.svg";
import sens_z2 from "../PCVersion/CreateSensor/img/z2.svg";
import sens_z3 from "../PCVersion/CreateSensor/img/z3.svg";
import sens_z4 from "../PCVersion/CreateSensor/img/z4.svg";
import sens_z5 from "../PCVersion/CreateSensor/img/z5.svg";
import sens_z6 from "../PCVersion/CreateSensor/img/z6.svg";
import sens_z7 from "../PCVersion/CreateSensor/img/z7.svg";

import fc_img1 from "../PCVersion/CreateFC/img/img1.png";
import fc_img2 from "../PCVersion/CreateFC/img/img2.png";
import fc_img3 from "../PCVersion/CreateFC/img/img3.png";

import fc from "../PCVersion/CreateFC/img/fc1.png";
import fc_z1 from "../PCVersion/CreateFC/img/z1.svg";
import fc_z2 from "../PCVersion/CreateFC/img/z2.svg";
import fc_z3 from "../PCVersion/CreateFC/img/z3.svg";
import fc_z4 from "../PCVersion/CreateFC/img/z4.svg";
import fc_z5 from "../PCVersion/CreateFC/img/z5.svg";
import fc_z6 from "../PCVersion/CreateFC/img/z6.svg";
import fc_z7 from "../PCVersion/CreateFC/img/z7.svg";


import us_img from "../PCVersion/AboutUs/img/photo1.png";
import c3 from "../PCVersion/AboutUs/img/c_three1.svg";
import c3plus from "../PCVersion/AboutUs/img/c_three.svg";
import c5 from "../PCVersion/AboutUs/img/c_five.svg";


import dip1 from "../PCVersion/OurAchivement/img/d1.jpg";
import dip2 from "../PCVersion/OurAchivement/img/d2.jpg";
import dip3 from "../PCVersion/OurAchivement/img/d3.jpg";
import dip4 from "../PCVersion/OurAchivement/img/d4.jpg";
import dip5 from "../PCVersion/OurAchivement/img/d5.jpg";
import dip6 from "../PCVersion/OurAchivement/img/d6.jpg";
import dip7 from "../PCVersion/OurAchivement/img/d7.jpg";
class MobileVersion extends Component{
    constructor(props){
        super(props)

        this.research_img = [
            research_img,
            products_img,
            teaching_img
        ]
        this.research_title = [
            "Научные исследования и разработки",
            "Разработка новых программных и аппаратных решений",
            "Обучение и консультация в сфере безопасности"
        ]
        this.research_text = [
            "Постоянное изучение новых технологий, исследование фундаментальных принципов и создание новых научных и инженерных решений.",
            "Весь цикл разработки, начиная от проектирования и заканчивая созданием, строится с учётом требований к доверенной разработке, что очень важно для обеспечения безопасности.",
            "Помогаем развивать компетенции и принимать эффективные меры для предотвращения угроз и минимизации рисков безопасности. Также предоставляем эффективные рекомендации, советы и экспертное мнение по вопросам безопасности."
        ]

        this.params_img = [
            param_1,
            param_2,
            param_3,
            param_4,
            param_5,
            param_6,
        ]
        this.params_text = [
            "Возможность выявления и классификации БПЛА в радиочастотном диапазоне с повышенной точностью",
            "Определение функциональных возможностей БПЛА на основе собранной о нем информации",
            "Возможность интеграции с существующими решениями по противодействию БПЛА с целью повышения эффективности их работы, в частности, для управления системами глушения связи и реализации интеллектуального глушения",
            "Выявление координат БПЛА и расстояние до БПЛА",
            "Определение типа сценария для активного противодействия БПЛА позволяющего повысить эффективность системы защиты и безопасность охраняемого объекта критической информационной инфраструктуры",
            "Повышенная длительность работы за счет переключения между режимами пассивного ожидания и активного противодействия",
        ]

        this.sens_params_img = [
            sens_z1,
            sens_z2,
            sens_z3,
            sens_z5,
            sens_z6,
            sens_z7,
        ]
        this.sens_params_text = [
            "Возможность сканирования диапазонов частот 820-920 МГц, 2,4-2,485 ГГц, 5,6-5,9 ГГц",
            "Звуковое и световое оповещение пользователя при обнаружении БАС или радиоуправляемого устройства",
            "Возможность работы в трех режимах:\n- сканирование радиочастотного спектра без обнаружения,\n- сканирование радиочастотного спектра с применением алгоритмов обнаружения,\n- глушение",
            "Наличие алгоритма обнаружения, который определяет опасность по ширине столбцов, плотности сигнала или по количеству истинных срабатываний",
            "Дальность работы в пределах 2 км с сектором получения данных в 140",
            "Возможность использовать как индивидуальное носимое устройство и выносимое на стойке устройство",
        ]

        this.fc_params_img = [
           fc_z1,
           fc_z2,
           fc_z3,
           fc_z5,
           fc_z6,
           fc_z7,
        ]
        this.fc_params_text = [
            "Собственное аппаратное и программное решение",
            "Режим совместимости с открытыми прошивками коммерческих производителей полетных контроллеров",
            "Открытая схема платформы для реализации своего автопилота",
            "Возможность установить на БПЛА мультироторного типа с различным числом лучей",
            "Минимальная проприетарная зависимость, обеспечиваемая модульностью",
            "Возможность комбинирования навигационных систем, повышение отказоустойчивости глобальных навигационных систем"

        ]

        this.video_options = {
            autoplay: true,
            controls: false,
            loop: true,
            sources: [{
                src: "./demonstration.mp4",
                type: "video/mp4"
            }]
        }
        this.priceItems = [
            {
                img: price_img_1,
                title: "Системы управления автономными роботами",
                description: "Проектирование, разработка и внедрение собственных систем управления автоматизированными комплексами",
                technologies: "C++, Python (Django), React JS (HTML, CSS, JS, Redux Toolkit)",
                cost: "от 350 тыс. руб."
            },
            {
                img: price_img_2,
                title: "Системы безопасности киберфизических систем",
                description: "Проектирование, разработка и внедрение решений по анализу и выявлению аномалий в киберфизической системе, а также своевременное реагирование на инциденты безопасности",
                technologies: " C++, Python (Django)",
                cost: "от 520 тыс. руб."
            },
            {
                img: price_img_3,
                title: "Системы интеллектуального управления",
                description: "Проектирование, разработка и внедрение комплексных решений для автоматизации управления киберфизическими системами",
                technologies: "Python, tensorflow+keras",
                cost: "от 440 тыс. руб."
            },
            {
                img: price_img_4,
                title: "Платы управления и аппаратные датчики",
                description: "Проектирование, разработка и создание аппаратных компонентов с собственным микропрограммным обеспечением",
                technologies: "КОМПАС-3D, Altium Designer, Arm gcc none eabi, Cmake, Eigen3",
                cost: "от 510 тыс. руб."
            },
        ]
    }
    render(){
        return(
            <div className="mobile">
                <img className="main_logo" src={signal_bit}/>
                <div className="right_hand">
                    <div className="text">
                        <h3 className="title">Ваш надежный партнер в безопасности</h3>
                        <p>
                            Мы специализируемся на обеспечении безопасности
                            в области робототехники и киберфизических систем. Наша команда 
                            разрабатывает интегрированные решения, 
                            которые помогают предотвратить риски и 
                            обеспечить безопасность во всех аспектах 
                            работы с роботехническими комплексами.
                        </p>
                    </div>
                    <img src={right_hand}/>
                </div>
                <div className="left_hand">
                    <div>
                        <img src={left_hand}/>
                        <h3 className="title">
                            Наша цель – обеспечить бесперебойное функционирование и 
                            безопасность критической инфраструктуры и киберфизических 
                            систем
                        </h3>
                    </div>
                    <p>
                        С нами вы можете быть уверены в 
                        надежной работе своих активов. 
                        Мы ставим безопасность на первое 
                        место и стремимся быть вашим надежным 
                        партнером в области безопасности 
                        робототехники.
                    </p>
                </div>
                <div className="research">
                    <h3 className="title">Чем мы занимаемся</h3>
                    {this.research_img.map((item, index) => {
                        return <div className="item" key={index}>
                            <img src={item}/>
                            <div>
                                <h3>{this.research_title[index]}</h3>
                                <p>{this.research_text[index]}</p>
                            </div>
                        </div>
                    })}
                </div>
                <div className="price_mob">
                    <h3 className="title">Что мы предлагаем</h3>
                    <ul className="list">
                        {this.priceItems.map((item, index) => {
                            return <li key={index}>
                                <img src={item.img}/>
                                <div className="descr">
                                    <h2 className="name">{item.title}</h2>
                                    <p className="text_d">{item.description}</p>
                                    <p className="text_h">Используемые технологии</p>
                                    <p className="text_u">{item.technologies}</p>
                                    <p className="text_h">Стоимость</p>
                                    <p className="text_u">{item.cost}</p>
                                </div>
                            </li>
                        })}
                    </ul>
                </div>
                <div className="squeaker">
                    <h3 className="title">
                        «Канарейка» для обнаружения аномалий и радиоуправляемых 
                        устройств 
                    </h3>
                    <div className="imgs">
                        <img className="left" src={sq_img_left}/>
                        <img className="middle" src={sq_img_middle}/>
                        <img className="right" src={sq_img_right}/>
                    </div>
                    <p>
                        <span className="key_word">Это интеллектуальная система детектирования 
                        и противодействия беспилотным 
                        автоматизированным системам (БАС) 
                        для объектов критической информационной 
                        инфраструктуры.</span> Система с помощью сенсора 
                        сканирует наиболее популярные диапазоны, в 
                        которых работают БАС, и на основе анализа 
                        радиочастотного дисапазона и спектра определяет 
                        тип БАС, который был зафиксирован.
                    </p>
                    <p>
                        Определение конкретного типа БАС позволяет 
                        выбрать наилучший сценарий противодействия, 
                        а также сделать предположение о том, какую 
                        цель преследует нарушитель. 
                    </p>
                    <p>
                        Модуль противодействия реализует сценарии 
                        атак на БАС, чтобы предотвратить приченение 
                        вреда объекту критической информационной 
                        инфраструктуры.
                    </p>
                    <p>
                        Модульность системы позволяет проводить 
                        анализ окружающей среды в режиме реального 
                        времени, а также своевременно применять 
                        контрмеры для повышения защиты и безопасности 
                        защищаемого объекта. 
                    </p>
                </div>
                <video className="demonstration" preload="auto" autoPlay loop muted playsInline>
                    <source src="./demonstration.mp4" type="video/mp4"/>
                </video>
                <div className="params">
                    <h3 className="title">
                        Характерные параметры системы
                    </h3>
                    {this.params_img.map((item, index) => {
                        return <div key={index} className="item">
                            <img src={item}/>
                            <p>
                                {this.params_text[index]}
                            </p>
                        </div>
                    })}
                                      <div  className="item">     <img src={sens_z4}/>
                            <p>
                                <b>Стоимость продукта</b><br/>80 тыс. руб.
                            </p></div>
                </div>

                <div className="squeaker">
                    <h3 className="title">
                    Сенсор для обнаружения радиоуправлемых устройств 
                    </h3>
                    <div className="imgs">
                        <img className="left" src={sens_img1}/>
                        <img className="middle" src={sens_img2}/>
                        <img className="right" src={sens_img3}/>
                    </div>
                    <p>
                        <span className="key_word">Это программно-аппаратное устройство
                             для детектирования беспилотных автоматизированных систем 
                             (БАС) и других радиоуправляемых устройств. </span> 
                             Устройство с помощью сенсора анализарует радиочастотный
                              спектр путем прохождения по каждой частоте по несколько 
                              итераций в зависимости от наличия сигнала, а алгоритм обнаружения 
                              позволяет идентифицировать зафиксированную частоту. 
                    </p>
                    <p>
                    Устройство сканирует диапазоны частот 820-920 МГц, 2,4-2,485 ГГц, 5,6-5,9 ГГц.  
                    </p>
                    <p>
                    На каждом канале проводится обработка сигнала, который отображается как в консоли, так и на столбчатой диаграмме, выводящейся на дисплей.
                    </p>
                    <p>
                    При обнаружении сигнала срабатывает зуммер, который издает звуковой сигнал, предупреждающий о наличии активности на данном радиочастотном диапазоне.
                    </p>
                    <p>
                    Ключевой особенностью алгоритма анализа радиочастотного спектра является гибкое взаимодействие с пользователем благодаря возможности смены режимов через нажатие кнопок и свето-звуковому сопровождению опасности БАС.-
                    </p>
                </div>
                <div className="img-cont">
                    <img src={sens1}/>
                    <img src={sens2}/>
                </div>
                <div className="params">
                    <h3 className="title">
                        Характерные параметры системы
                    </h3>
                    {this.sens_params_img.map((item, index) => {
                        return <div key={index} className="item">
                            <img src={item}/>
                            <p>
                                {this.sens_params_text[index]}
                            </p>
                        </div>
                    })}
                    <div  className="item">     <img src={sens_z4}/>
                            <p>
                                <b>Стоимость продукта</b><br/>7 тыс. руб.
                            </p></div>
                </div>


                <div className="squeaker">
                    <h3 className="title">
                    Сенсор для обнаружения радиоуправлемых устройств 
                    </h3>
                    <div className="imgs">
                        <img className="left" src={fc_img1}/>
                        <img className="middle" src={fc_img2}/>
                        <img className="right" src={fc_img3}/>
                    </div>
                    <p>
                        <span className="key_word">Это электронное устройство, управляющее полетом летательного аппарата, с собственным микропрограммным обеспечением. </span> 
                         Контроллер выполнен в модульной архитектуре - инерциальное измерительное устройство вынесено в отдельный виброразвязанный блок, что позволяет улучшить качество стабилизации и навигации.
                    </p>
                    <p>
                    Полетный контроллер выполнен с расчётом на дальнейшую интеграцию в БПЛА с различными системами - для этого разработчикам доступны UART-порты для работы с протоколом MAVLink, GPS-приёмниками, другими внешними датчиками/навигационными системами или исполнительными устройствами. На плате предусмотрены I2C, SPI порты, что расширяет спектр внешних устройств, которые можно использовать в разработке. 
                    </p>
                    <p>
                    Для управления БПЛА с данным полётным контроллером можно использовать как ручное управление (различные приёмопередатчики на протоколах S-Bus, CRSF (ELRS), так и внешний компьютер-компаньон.                    </p>
                  
                </div>
                <div className="img-cont">
                    <img src={fc}/>
                 
                </div>
                <div className="params">
                    <h3 className="title">
                        Характерные параметры системы
                    </h3>
                    {this.fc_params_img.map((item, index) => {
                        return <div key={index} className="item">
                            <img src={item}/>
                            <p>
                                {this.fc_params_text[index]}
                            </p>
                        </div>
                    })}
                    <div  className="item">     <img src={sens_z4}/>
                            <p>
                                <b>Стоимость продукта</b><br/>7,2 тыс. руб.
                            </p></div>
                </div>

                <div className="AboutUs">
                <h3 className="title">
                Наша миссия – создавать безопасные технологичные решения
                    </h3>
                    <div>
                        <img src={us_img}/>
                    </div>
                    <div className="aboutUs-text">
                    <b className="name">Мы ИТ-компания</b>
                    <p>Занимаемся разработкой безопасных программных и аппаратных решений, а также ИТ-консалтингом в сфере информационной безопасности.</p>
                    <p>Залог нашего успеха – постоянное стремление к реализации стратегических целей компании.</p>
                    <p>В нашей команде работают опытные специалисты в области проектирования и разработки программных и аппаратных решений, а также специалисты в области информационной безопасности.</p>
                    </div>
                    <div className="block3 text">
                    <div className="block3-cont"><img src={c3plus}/><div>завершенные научно-исследовательские работы в рамках университета</div></div>
                    <div className="block3-cont"><img src={c3}/><div>грантовые поддержки на реализацию технологических идей</div></div>
                    <div className="block3-cont"><img src={c5}/><div>инновационных проектов, которые получили апробацию</div></div>
                </div>
                <div className="official_info">
                    <h3 className="title_of">Общество с ограниченной ответственностью "СИГНАЛ БИТ"</h3>
                    <p className="item_of">ИНН 6154166039</p>
                    <p className="item_of">ОГРН 1236100028493</p>
                    <p className="item_of">Ростовская область, г. Таганрог, ул. Лесная Биржа, д. 20-б, оф. 2 г</p>
                </div>
                </div>

                <div className="Achivment">
                <h3 className="title">
                Наши достижения
                    </h3>
                    <div className="content">
                    <div className="achiv-block">
                        <img src={dip1}/>
                        <img src={dip2}/>
                    </div>
                    <div className="achiv-block">
                    <img src={dip3}/>
                    <img src={dip4}/>
                    <img src={dip5}/>
                    </div>
                    <div className="achiv-block">
                    <img src={dip6}/>
                    <img src={dip7}/>
                    </div>
                    </div>
                </div>

                <div className="contacts">
                    <h3 className="title">Остались вопросы?</h3>
                    <div className="email">
                        <span>Напишите нам на почту</span>
                        <img src={email}/>
                        <a href="mailto:sigbit@yandex.ru">sigbit@yandex.ru</a>
                    </div>
                    <p className="to_user">
                        Мы свяжемся с вами на следующий рабочий день 
                        и ответим на все интересующие вопросы.
                    </p>
                </div>
                <img className="last_img" src={last_img}/>
                <div className="partners">
                    <h3 className="title">Наши партнеры</h3>
                    <img src={logo_sfedu} className="sfedu"/>
                    <img src={logo_ictis} className="ictis"/>
                    <img src={logo_integra} className="integra"/>
                </div>
              
                <p className="footer">
                    Проект выполнен при поддержке Фонда содействия развитию
                    малых форм предприятий в научно-технической сфере
                </p>
            </div>
        )
    }
}

export default MobileVersion