@extends('web.layouts.app')

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

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

@section('agency_active', 'active')
@section('about_us_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">{{ __('about_us.nav_item.about_us') }}
                </h1>
            </div>
        </div>
    </div>
</section>
<main class="main my-auto">
    <div class="section-about sections py-5 py-md-6">
        <div class="container">
            <div class="row">
                <div class="col-md-6 order-md-1">
                    <div class="contact-img mb-4 mb-lg-0 pr-md-2 wow fadeInRight" data-wow-delay=".3s">
                        <img src="{{ asset('web/images/contact-us.jpg') }}" alt="">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="about-block wow fadeInLeft">
                        <h4 class="mb-md-3 px-3 text-uppercase text-primary">{!! __('about_us.about_heading') !!}</h4>
                        <div class="about-highlight mb-3">
                            <strong>
                                {!! __('about_us.about_lead') !!}
                            </strong>
                        </div>
                        <div class="px-3">
                            <p class="f-14">
                                {!! __('about_us.about_body') !!}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@include('web.layouts.footer')
@endsection