@extends('front.layouts.pages-layout')
@section('pageTitle',isset($pageTitle) ? $pageTitle : "Contact")

@section('content')

<section class="page-title" style="background-image: url({{asset('/front/assets/images/background/page-title.jpg')}});">
    <div class="auto-container">
        <div class="title-outer">
            <h1 class="title">Contact Us</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{route('home')}}">Home</a></li>
                <li>Contact</li>
            </ul>
        </div>
    </div>
</section>


<section class="contact-details">
    <div class="container ">
        <div class="row">
            <div class="col-xl-7 col-lg-6">
                <div class="sec-title">
                    <span class="sub-title">Send us email</span>
                    <h2>Feel free to leave a message.</h2>
                </div>

                @livewire('contact-form') 
                

            </div>
            <div class="col-xl-5 col-lg-6">
                <div class="contact-details__right">
                    <div class="sec-title">
                        <span class="sub-title">Need any help?</span>
                        <h2>Get in touch with us</h2>
                        <div class="text">Leave a message or visit us at Location for all your scholarship enquiries and assistance.</div>
                    </div>
                    <ul class="list-unstyled contact-details__info">
                        <li>
                            <div class="icon">
                                <span class="lnr-icon-phone-plus"></span>
                            </div>
                            <div class="text">
                                <h6>Have any question?</h6>
                                <a  target="_blank" href="tel:{{blogInfo()->blog_phone}}"><span>Free</span> {{blogInfo()->blog_phone}}</a>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="lnr-icon-envelope1"></span>
                            </div>
                            <div class="text">
                                <h6>Write email</h6>
                                <a
                                target="_blank" href="mailto:{{blogInfo()->blog_email}}"><span
                                        class="__cf_email__">{{blogInfo()->blog_email}}</span></a>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="lnr-icon-location"></span>
                            </div>
                            <div class="text">
                                <h6>Visit anytime</h6>
                                <span>{{blogInfo()->blog_address}}</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>


    
@endsection