@extends('layouts.front-layout')
@section('title', 'Cotact')
@section('content')

<!-- INNER PAGE HERO SECTION -->
<section class="innerpage-main w-100">

    <img src="{{$pageData['Contact']['top_banner_image'] ? asset('upload/images/'.$pageData['Contact']['top_banner_image']) : asset('upload/placeholder.png')}}" class="img-fluid zoomAnim w-100 h-100" alt="">
    <div class="innerpage-main__overlay">
        <div class="container">
            <h1>{{ $pageData['Contact']['top_title'] ?? '' }}</h1>
        </div>
    </div>
</section>
<!-- !@INNER PAGE HERO SECTION -->

<section class="contact-inner">
    <div class="container">
        <div class="row">
            <div class="col-md-4" data-aos="fade-up" data-aos-delay="50">
                <div class="contact-item">
                    <figure>
                        <img src="front-web-assets/images/icons/icon-phone1.webp" alt="" class="img-fluid">
                    </figure>
                    <a href="#"><strong>Call us:</strong> <span>{{$setting->phone_num ? : ''}}</span></a>
                </div>
            </div>
            <div class="col-md-4" data-aos="fade-up" data-aos-delay="150">
                <div class="contact-item">
                    <figure>
                        <img src="front-web-assets/images/icons/icon-mail.webp" alt="" class="img-fluid">
                    </figure>
                    <a href="#"><strong>Email:</strong> <span>{{$setting->email ? : ''}}</span></a>
                </div>
            </div>
            <div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
                <div class="contact-item">
                    <figure>
                        <img src="front-web-assets/images/icons/icon-address.webp" alt="" class="img-fluid">
                    </figure>
                    <a href="#"><strong>Location:</strong> <span>{{$setting->address ? : ''}}</span></a>
                </div>
            </div>
        </div>

        <div class="map" data-aos="fade-up">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4337.78933145244!2d-105.22459864942418!3d39.755815705993996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876b9bd878876401%3A0x81a3a793adb8e9e9!2sThe%20Golden%20Wellness%20Center!5e0!3m2!1sen!2s!4v1705925409053!5m2!1sen!2s" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
</section>
@include('front.include.contact')

@endsection