@extends('frontend.layouts.web.master')
@section('main-content')
    <!-- Begin: Main Slider -->
    <section class="mainBanner contactBanner"
        style="background: url('{{ asset('assets/images/banner/4.webp') }}') center/cover no-repeat;">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-5">
                    <div class="bannerContnt">
                        <h4>Connect With Us Today</h4>
                        <h6>To get premium publishing services</h6>
                        <p>If you'd like to get in touch, please do so using this contact form, giving as much information
                            about your query as you can, so that we can get the right person to contact you.</p>
                        <div class="btnSec">
                            <a href="{{route('/')}}#new-lead-form" class="themeBtn">Get Started</a>
                            {{-- <a href="javascript:void(0);" onclick="openChatWidget()" class="themeBtn themeBtn2">Live Chat</a> --}}
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <figure>
                        <img src="{{ asset('assets/images/banner/5.webp') }}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->

    <section class="contactInner">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6">
                    <div class="infoBox">
                        <a href="https://maps.app.goo.gl/rA3ouFVQAeGsv6tw8" target="_blank">
                            <i class="fas fa-map-marker-alt"></i>
                            <p>
                                {{ config('var.address') }}
                            </p>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="infoBox">
                        <a href="mailto: {{ config('var.email') }}">
                            <i class="fas fa-envelope"></i>
                            <p>
                                {{ config('var.email') }}
                            </p>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="infoBox">
                        <a href="tel:{{ config('var.phoneD') }}">
                            <i class="fas fa-phone-alt"></i>
                            <p>
                                {{ config('var.phone') }}
                            </p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('components/exceptional-section')
    @include('components/contact-section')
@endsection