@extends('layouts.main')

@section('page-title',  'Агентства')
@section('keywords',    '')
@section('description', '')

@section('content')

    <main class="page__main">
        <div class="agency">
            <div class="agency-header">
                <div class="agency-header__inner inner">
                    <div class="agency-header-big js-animate">
                        <div class="agency-header-big__active js-diagram" data-fill="#FF5100" data-path="M128.147 0C137.028 18.34 142 38.882 142 60.573 142 138.13 78.424 201 0 201V60.591L128.147 0z">
                            <svg viewBox="0 0 142 201" class="js-diagram-svg" xmlns="http://www.w3.org/2000/svg"><path class="js-diagram-path" fill-rule="evenodd" clip-rule="evenodd" fill="none" d="M130 107L129 107.5L128 108L0 60.591L130 107Z" /></svg>
                        </div>
                        <div class="agency-header-big-top">
                            <div class="agency-header-big-top__inner">
                                <div class="agency-header-big-top__wrapper">
                                    <div class="agency-header-big-top__box">
                                        <div class="agency-header-big-top__item">
                                            <img src="/mobile/img/agency-bg-1.svg" alt="">
                                        </div>
                                    </div>
                                    <div class="agency-header-big-top__box">
                                        <div class="agency-header-big-top__item">
                                            <div class="agency-header-big-top__name">
                                                МЕДИА<br>
                                                АНАЛИТИКА<br>
                                                КОНСАЛТИНГ
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="agency-header-big-bottom js-animate">
                            <div class="agency-header-big-bottom__inner">
                                <div class="agency-header-big-bottom__wrapper">
                                    <div class="agency-header-big-bottom__box">
                                        <div class="agency-header-big-bottom__item">
                                            <div class="agency-header-big-bottom__name _rotate">
                                                Цифровые<br>КОММУНИКАЦИИ
                                            </div>
                                        </div>
                                    </div>
                                    <div class="agency-header-big-bottom__box">
                                        <div class="agency-header-big-bottom__item">
                                            <img src="/mobile/img/agency-bg-2.svg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="agency-header-min js-animate">
                        <div class="agency-header-min__circle"></div>
                        <div class="agency-header-min__inner">
                            <div class="agency-header-min__wrapper">
                                <div class="agency-header-min__box">
                                    <div class="agency-header-min__item">
                                        <div class="agency-header-min__name">
                                            КРЕАТИВНЫЕ<br>КОММУНИКАЦИИ
                                        </div>
                                    </div>
                                </div>
                                <div class="agency-header-min__box">
                                    <div class="agency-header-min__item">
                                        <img src="/mobile/img/agency-bg-3.svg" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <canvas id="c-wave" class="agency-header__map-wave"></canvas>
            </div>
            <div class="agency-bottom js-animate">
                <div class="agency-bottom__name">ПАРТНЕРЫ</div>
                <div class="agency-bottom__inner inner">
                    <div class="agency-bottom__list">
                        <div class="agency-bottom__box js-animate">
                            <div class="agency-bottom__bg">
                                <img src="/mobile/img/partenrs-bg-1.svg" alt="">
                            </div>
                            <div class="agency-bottom__circle"></div>
                            <div class="agency-bottom__item">
                                <img src="/mobile/img/agency-bg-4.png" alt="">
                            </div>
                        </div>
                        <div class="agency-bottom__box js-animate">
                            <div class="agency-bottom__bg">
                                <img src="/mobile/img/partenrs-bg-2.svg" alt="">
                            </div>
                            <div class="agency-bottom__circle"></div>
                            <div class="agency-bottom__item">
                                <img src="/mobile/img/agency-bg-5.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection