@extends('web.layouts.app')

@section('title', __('methodology.seo_title'))
@section('keywords', __('homepage.keywords'))
@section('description', __('homepage.description'))

@section('wrapper-class', 'wp-page page-index')

@section('agency_active', 'active')
@section('methodology_active', 'sub_active')

@section('content')
@include('web.home.header_home')
<section class="banner-sw">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="banner-sw-heading text-uppercase mb-4 wow fadeInUp">{!! __('methodology.title') !!}</h1>
            </div>
        </div>
    </div>
</section>
<main class="main my-auto">
    <div class="sections py-5 py-md-6">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="mb-4 mb-lg-0 pr-md-2 wow fadeInLeft" data-wow-delay=".3s">
                        <img src="{{ asset('web') }}/images/methodology/methodology-1.png" alt="">
                    </div>
                </div>

                <div class="col-md-7">
                    <div class="wow fadeInRight">
                        <h4 class="mt-md-5 text-uppercase text-primary">{!! __('methodology.strategy_consulting') !!} {!! __('methodology.identifying') !!} </h4>

                        <p class="f-14 text-justify">
                            {!! __('methodology.strategy_consulting_content') !!}
                        </p>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="method-line text-center wow fadeIn visible-md-down" data-wow-delay=".5s"><img
            src="{{ asset('web') }}/images/methodology/line.png" alt=""></div>

    <div class="sections py-4 py-md-3">
        <div class="container">
            <div class="row">
                <div class="col-md-5 order-md-1">
                    <div class="mb-4 mb-lg-0 pr-md-2 wow fadeInRight" data-wow-delay=".3s">
                        <img src="{{ asset('web') }}/images/methodology/methodology-2.png" alt="">
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="wow fadeInLeft">
                        <h4 class="mt-md-5 text-uppercase text-primary">{!! __('methodology.connect_interact') !!}</h4>
                        
                        <p class="f-14 text-justify">
                            {!! __('methodology.connect_interact_content') !!}
                        </p>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="method-line text-center wow fadeIn" data-wow-delay=".5s"><img src="{{ asset('web') }}/images/methodology/line-2.png"
            alt=""></div>

    <div class="sections py-4 py-md-3">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="mb-4 mb-lg-0 pr-md-2 wow fadeInLeft" data-wow-delay=".3s">
                        <img src="{{ asset('web') }}/images/methodology/methodology-3.png" alt="">
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="wow fadeInRight">
                        <h4 class="mt-md-5 text-uppercase text-primary">{!! __('methodology.product_development') !!}: {!! __('methodology.marketing_oriented') !!}!</h4>

                        <p class="f-14 text-justify">
                            {!! __('methodology.product_development_content') !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="method-line text-center wow fadeIn" data-wow-delay=".5s"><img src="{{ asset('web') }}/images/methodology/line.png" alt="">
    </div>

    <div class="sections py-4 py-md-3">
        <div class="container">
            <div class="row">
                <div class="col-md-5 order-md-1">
                    <div class="mb-4 mb-lg-0 pr-md-2 wow fadeInRight" data-wow-delay=".3s">
                        <img src="{{ asset('web') }}/images/methodology/methodology-4.png" alt="">
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="wow fadeInLeft">
                        <h4 class="mt-md-5 text-uppercase text-primary">
                            {!! __('methodology.analyzing') !!},
                            {!! __('methodology.outlook') !!},
                            {!! __('methodology.evolution') !!},
                            {!! __('methodology.opportunities') !!},
                            {!! __('methodology.optimization') !!}
                        </h4>

                        <p class="f-14 text-justify">
                            {!! __('methodology.analyzing_content') !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@include('web.layouts.footer')
@endsection