@extends('layout.site', ['title' => 'О компании Векпром'])

@section('content')
    <section class="catalog-top about-page-top">
        <div class="about-page-top-bg"></div>
        <div class="container">
            <div class="result-links about-page-top-links">
                <a class="result-links__item" href="{{ route('index') }}">Главная</a><span> /</span>
                <a class="result-links__item result-links__item--active">О компании</a>
            </div>
            <div class="catalog-top-content">
                <h1 class="catalog-top-content__title">О компании</h1>
                <a class="catalog-top-content__back" href="{{ route('index') }}">Вернуться</a>
            </div>
        </div>
    </section>
    <section class="ecosystem">
        <div class="container">
            <div class="ecosystem-top">
                <h2 class="ecosystem-top__title">
                    <!--Официальный дилер оборудования 50 мировых брендов для бизнеса
                    и частных предприятий-->
                    {{$company[0]->title}}
                </h2>
                <div class="ecosystem-top-text">
                    <p>{{$company[0]->text}}</p>
                    <!--<p>
                        С 2008 года подбираем оборудование под производственные задачи клиентов: металлообработка
                        и сварка, стройка и инструмент, станки с ЧПУ.
                    </p>
                    <p>
                        Менеджеры-инженеры с многолетним стажем сопровождают клиента с первой консультации и до постгарантийного обслуживания.
                        Бизнес-процессы, гибкая логистика и опыт сотрудников компании решают задачу клиента даже в сложных ситуациях.
                    </p>
                    <p>
                        Востребованные запасные части на складе для минимизации простоя оборудования у клиентов.
                        Продемонстрируем оборудование в работе на собственном складе и на Ваших объектах. Реализовано больше 500 проектов, в том
                        числе строительство Керченского моста и газового потока «Сила Сибири».
                    </p>-->
                </div>
            </div>
            <div class="ecosystem-bottom">
                <h1 class="ecosystem-bottom__title">
                    Экосистема
                </h1>
                <div class="ecosystem-bottom-blocks">
                    <div class="ecosystem-bottom-column">
                        <div class="ecosystem-column-top">
                            <h2 class="ecosystem-column-top__title">
                                Коммерческий отдел
                            </h2>
                            <p class="ecosystem-column-top__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                        <div class="ecosystem-column-bottom">
                            <h2 class="ecosystem-column-top__title">
                                Демозал
                            </h2>
                            <p class="ecosystem-column-top__text">
                                Мы приглашаем посетить наш демонстрационный зал площадью
                                600 кв.м.
                                <a href="#">Подробнее</a>
                            </p>
                        </div>
                    </div>
                    <div class="ecosystem-bottom-column">
                        <div class="ecosystem-column-top">
                            <h2 class="ecosystem-column-top__title">
                                Логистическая служба
                            </h2>
                            <p class="ecosystem-column-top__text">
                                В распоряжении наших клиентов - 3500 кв.м. складских площадей, оборудованных современными технологиями многоярусного
                                хранения и складской логистики.
                            </p>
                        </div>
                        <div class="ecosystem-column-bottom">
                            <h2 class="ecosystem-column-top__title">
                                Сервисная служба
                            </h2>
                            <p class="ecosystem-column-top__text">
                                Поддержка клиента начинается с заявки и продолжается даже после истечения гарантийного срока.
                                <a href="#">Подробнее</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="about-page-banner">
        <div class="about-page-banner-bg"></div>
        <div class="container">
            <div class="about-page-banner-content">
                <div class="abote-banner-block">
                    <h2 class="abote-banner-block__title">
                        {{ $company[0]->area_demo }} <span>кв.м</span>
                    </h2>
                    <p class="abote-banner-block__par">
                        демонстрационный зал
                    </p>
                </div>
                <div class="abote-banner-block about-block-2">
                    <h2 class="abote-banner-block__title">
                        {{ $company[0]->workers }}
                    </h2>
                    <p class="abote-banner-block__par abote-banner-block-check">
                        сотрудников
                    </p>
                </div>
                <div class="abote-banner-block">
                    <h2 class="abote-banner-block__title">
                        {{ $company[0]->stock_area }} <span>кв.м</span>
                    </h2>
                    <p class="abote-banner-block__par">
                        складских помещений
                    </p>
                </div>
                <div class="abote-banner-block">
                    <h2 class="abote-banner-block__title">
                        {{ $company[0]->name_equipment }}
                    </h2>
                    <p class="abote-banner-block__par abote-banner-block-check">
                        наименований оборудования
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="privileges">
        <div class="container">
            <h2 class="privileges__title">
                Ваши привилегии
            </h2>
            <div class="privileges-content">
                <div class="privileges-content-column">
                    <div class="privileges-content-block priv-block-1">
                        <p class="privileges-content-block__number content-block-number-1">1</p>
                        <div class="privileges-block-info">
                            <h3 class="privileges-block-info__title block-info-title-1">
                                Сопровождение сервисной службой 24/7
                            </h3>
                            <p class="privileges-block-info__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                    </div>
                    <div class="privileges-content-block priv-block-2">
                        <p class="privileges-content-block__number">2</p>
                        <div class="privileges-block-info">
                            <h3 class="privileges-block-info__title">
                                Тестирование оборудования
                                в демозале или на своем производстве
                            </h3>
                            <p class="privileges-block-info__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                    </div>
                    <div class="privileges-content-block">
                        <p class="privileges-content-block__number">3</p>
                        <div class="privileges-block-info">
                            <h3 class="privileges-block-info__title block-info-title-3">
                                Комплексные решения
                                «под ключ»
                            </h3>
                            <p class="privileges-block-info__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="privileges-content-column">
                    <div class="privileges-content-block priv-block-1">
                        <p class="privileges-content-block__number">4</p>
                        <div class="privileges-block-info">
                            <h3 class="privileges-block-info__title">
                                Более 50 000 позиций качественного оборудования
                            </h3>
                            <p class="privileges-block-info__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                    </div>
                    <div class="privileges-content-block priv-block-2">
                        <p class="privileges-content-block__number">5</p>
                        <div class="privileges-block-info">
                            <h3 class="privileges-block-info__title">
                                Заказ из более 20 000 позиций востребованного оборудования в наличии на складе
                            </h3>
                            <p class="privileges-block-info__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                    </div>
                    <div class="privileges-content-block">
                        <p class="privileges-content-block__number">6</p>
                        <div class="privileges-block-info">
                            <h3 class="privileges-block-info__title">
                                В наличии востребованные запчасти для вашего оборудования
                            </h3>
                            <p class="privileges-block-info__text">
                                Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                комплекса страны.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="about-history">
        <div class="container about-history-container">
            <h2 class="about-history__title">
                История развития компании
                <span>2008-2023</span>
            </h2>
            <div class="swiper swiper-about-history">
                <div class="swiper-wrapper swiper-wrapper-about">
                    <div class="swiper-slide swiper-slide-about-history">
                        <h3 class="slide-about-history-year">2008</h3>
                        <p class="slide-about-history-text">
                            В 2008 году была основана компания “ВЕКПРОМ”. В том же году был
                            создан сервисный центр. Так, с 2008 года, мы подбираем оборудование
                            под производственные задачи клиентов: металлообработка и сварка,
                            стройка и инструмент, станки с ЧПУ.
                        </p>
                    </div>
                    <div class="swiper-slide swiper-slide-about-history">
                        <h3 class="slide-about-history-year">2009</h3>
                        <p class="slide-about-history-text">
                            В 2008 году была основана компания “ВЕКПРОМ”. В том же году был
                            создан сервисный центр. Так, с 2008 года, мы подбираем оборудование
                            под производственные задачи клиентов: металлообработка и сварка,
                            стройка и инструмент, станки с ЧПУ.
                        </p>
                    </div>
                    <div class="swiper-slide swiper-slide-about-history">
                        <h3 class="slide-about-history-year">2011</h3>
                        <p class="slide-about-history-text">
                            В 2008 году была основана компания “ВЕКПРОМ”. В том же году был
                            создан сервисный центр. Так, с 2008 года, мы подбираем оборудование
                            под производственные задачи клиентов: металлообработка и сварка,
                            стройка и инструмент, станки с ЧПУ.
                        </p>
                    </div>
                </div>
            </div>
            <div class="swiper-button-next swiper-button-next__about-history">
                <svg class="svg-partners-next">
                    <use xlink:href="./img/icons.svg#about-next"></use>
                </svg>
            </div>
            <div class="swiper-button-prev swiper-button-prev__about-history">
                <svg class="svg-partners-back">
                    <use xlink:href="./img/icons.svg#about-prev"></use>
                </svg>
            </div>

        </div>
    </section>

    <section class="about-geography">
        <div class="container about-geography-container">
            <div class="about-geography-left">
                <h2 class="about-geography-left__title">
                    География
                    поставок
                </h2>
                <p class="about-geography-left__text">
                    ВЕКПРОМ много лет является ответственным поставщиком широкого спектра высококачественного оборудования и инструментов
                    для российских госкорпораций и предприятий промышленности.
                </p>
                <p class="about-geography-left__text about-geography-text-2">
                    Мы имеем огромный опыт участия в тендерах
                    и закупках с соблюдением всех требований и нормативов федеральных законов 44-ФЗ и 223-ФЗ.
                    Крупнейший агрегатор тендеров и госзакупок «Фабрикант.ру» в 2018 году отметил многолетнюю работу с ВЕКПРОМ, выдав нашей
                    компании сертификат надежного поставщика.
                </p>
                <a class="about-geography-left__btn" href="#">Все проекты</a>
            </div>
            <img class="about-geography-img" src="./img/about/cart-min.png" alt="">
        </div>
    </section>

    <section class="about-contact">
        <div class="container about-form-container">
            <form class="about-contact-form" enctype="multipart/form-data" method="post">
                <div class="about-contact-form-line-one">
                    <label class="form__label label-about" for="name">Ваше имя <span class="required">*</span></label>
                    <input class="form-input form__name input-about" type="text" id="name" name="name" placeholder="Введите ваше имя"
                           required><br>

                    <label class="form__label label-about" for="email">E-mail <span class="required">*</span></label>
                    <input class="form-input form__email input-about" type="email" id="email" name="email" placeholder="Введите ваш e-mail"
                           required>

                    <label class="form__label label-about" for="number">Телефон</label>
                    <input class="form-input form__tel js_input_phone input-about" type="tel" id="number" name="number"
                           placeholder="+7 (___) ___-__-__">
                </div>
                <div class="about-contact-form-line-two">
                    <label class="form__label form__label-question label-about" for="question">Ваш вопрос <span
                            class="required">*</span></label>
                    <textarea class="form-input form__question modal-contact-form-question textarea-about" id="question" name="question"
                              placeholder="Введите текст" required></textarea><br>
                </div>
                <div class="about-contact-form-line-three">
                    <h2 class="about-contact-form__title">Свяжитесь
                        с нами</h2>
                    <p class="parts-content-form-bottom__par">Отправляя форму подтверждаю свое согласие с политикой
                        конфиденциальности и обработки данных</p>
                    <button class="parts-content-form-bottom__button about-contact-form__button" type="submit">Отправить заявку</button>
                </div>
            </form>
        </div>
    </section>
@endsection