@extends("front.layout.app")
@section("title", "Contact Us")

@section("content")

    <section class="inner-banner">
        <img src="{{ $contact->cmsImages('banner_image') ?? '' }}" alt="image" class="img-fluid w-100 h-100">

        <div class="container">
            <div class="inner-banner__content">
                <div class="row">
                    <div class="col-lg-10">
                        <h1> {{ $contact->content['banner_heading'] ?? '' }} <span class="font-bold">{{ $contact->content['banner_img'] ?? '' }}</span></h1>
                        <p>
                            {{ $contact->content['banner_description'] ?? '' }}
                        </p>
                        <div class="btn-group">
                            <a href="{{route('front.about')}}" class="themeBtn">  {{ $contact->content['banner_btn1'] ?? '' }}</a>
                            <a href="{{route('front.contact')}}" class="themeBtn">  {{ $contact->content['banner_btn2'] ?? '' }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="inner-banner__bottom">
            <div class="container">
                <ul class="bottom__links d-flex align-items-center justify-content-start">
                    <li><a href="{{route('front.index')}}"><span><i class="fas fa-home"></i></span> Home</a></li>
                    <li><a href=""><span><i class="fas fa-angle-right"></i></span> Blog</a></li>
                </ul>
            </div>
        </div>
    </section>

    @include('front.include.helpsec')    

    <section class="map-section">
        <div id="zona" style="height: 600px; width: 100%"></div>

    </section>

    @endsection