@extends('themes.frontend.layouts.app')
@if (isset($dataArr['meta_title']))
@section('page-title'){{ $dataArr['meta_title'] }}@stop
@else
@section('page-title'){{ $dataArr['title'] }}@stop
@endif
@if (isset($dataArr['meta_key']))
@section('meta-keywords'){{ $dataArr['meta_key'] }}@stop
@endif
@if (isset($dataArr['meta_descp']))
@section('meta-description'){{ $dataArr['meta_descp'] }}@stop
@endif
@if (isset($dataArr['image_path']))
@section('meta-image'){{ $dataArr['image_path'] }}@stop
@endif
@if ($dataArr['full_url'])
@section('cur-url'){{ $dataArr['full_url'] }}@stop
@endif
@section('content')
<div>
    <img src="{{asset('themes/frontend/assets/images/contact-us.jpg')}}" class="w-100">
</div>

<div class="container-fluid about-1 p-0">
    <div class="wave-effect  wave-anim">
        <div class="waves-shape shape-1">
            <div class="wave wave-1"></div>
        </div>
        <div class="waves-shape shape-2">
            <div class="wave wave-2"></div>
        </div>
        <div class="waves-shape shape-3">
            <div class="wave wave-3"></div>
        </div>
    </div>
</div>

<div class="custom-row-image-1">
    <img src="{{asset('themes/frontend/assets/images/location.png')}}">
</div>
<!-- Wave effect -->

<section class="location">
    <div class="container p-0">
        <div class="row">

            @if ($optsDbArr['office_address'])
            <div class="col-12">
                <div class="inner-tittle">
                    <h1>Location</h1>
                </div>
            </div>
            <div class="col-lg-3 section-50 wow fadeInDown">
                <div class="location-box">
                    <i class="fas fa-map-marker-alt"></i>
                    <p>{!! $optsDbArr['office_address'] !!}</p>
                </div>
            </div>
            @endif

            @if ($optsDbArr['office_phone'])
            <div class="col-lg-3 section-50 wow fadeInUp">
                <div class="location-box-1">
                    <i class="fas fa-phone-alt"></i>
                    <p>{{ $optsDbArr['office_phone'] }}</p>
                </div>
            </div>
            @endif

            @if ($optsDbArr['office_landline'])
            <div class="col-lg-3 section-50 wow fadeInDown">
                <div class="location-box">
                    <i class="fas fa-fax"></i>
                    <p>{{ $optsDbArr['office_landline'] }}</p>
                </div>
            </div>
            @endif

            @if ($optsDbArr['to_email'])
            <div class="col-lg-3 section-50 wow fadeInUp">
                <div class="location-box-1">
                    <i class="fas fa-envelope"></i>
                    <p>{{ $optsDbArr['to_email'] }}</p>
                </div>
            </div>
            @endif

        </div>
    </div>
    <div class="col-12">
    </div>
</section>

<div style="background-color: black;">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2885.898560149972!2d-79.68213028463289!3d43.671079479120635!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3ee3939bf271%3A0x41530625cc1b98ef!2s1233%20Derry%20Rd%20E%2C%20Mississauga%2C%20ON%20L5S%201R3%2C%20Canada!5e0!3m2!1sen!2sin!4v1635588134531!5m2!1sen!2sin" width="100%" height="350" style="border:0;bottom: 10px;position: relative;" allowfullscreen="" loading="lazy"></iframe>
</div>
@stop