@extends('front.master')

@section('title', 'Contact Us')
@section('meta_title', 'Contact Us')
@section('description', 'Contact us via phone or email to get in touch with our dedicated team. Speak to our recruitment team about your education career today.')
{{-- facebook meta tags --}}
@section('fb_meta_title', 'Contact Us')
@section('fb_description',  'Contact us via phone or email to get in touch with our dedicated team. Speak to our recruitment team about your education career today.')
@section('fb_route', URL::current()) 
@section('fb_type', 'website')
@section('fb_image', asset('/images/new_design_2022/offer_ca3rd.png'))

{{--twitter meta tags --}}
@section('twitter_meta_title',  'Contact Us')
@section('twitter_description', 'Contact us via phone or email to get in touch with our dedicated team. Speak to our recruitment team about your education career today.')
@section('twitter_url',  URL::current())


@section('content')
    <div class="page-wrapper">
        <section class="get-in-touch contact-us">
            <div class="container position-relative">
                <div class="float-bg">
                    <img src="{{ Vite::asset('resources/images/float-square-bg.svg')}}" alt="#" width="466" height="389">
                </div>
                <div class="row bigger-z-index">
                    <div class="col-xxl-10 offset-xxl-1">
                        <h1 class="h2">Contact the <span class="color-blue">Team</span></h1>
                        <p class="color-darkgray mb-4 mb-sm-5 f-24">How can we help you?</p>

                        <div class="box">
                            <div class="d-flex align-items-stretch flex-column flex-md-row flex-wrap">
                                <div class="left or">
                                    <div class="d-flex h-100 align-items-center justify-content-start">
                                        <div class="w-100 text-center"> 
                                            <div class="address-phone">
                                                <p class="f-34 mb-4 mb-lg-5 text-start color-dark font-black">Call <span class="color-pink">us</span></p>
                                                
                                                <div class="row">
                                                    <div class="col-md-6 col-lg-12">
                                                        <p class="f-24 font-semibold mb-2 color-dark">London</p>
                                                        <p class="mb-4"><a href="tel:02079932461" class="font-medium color-pink f-24">020 7993 2461</a></p>
                                                    </div>
                                                    <div class="col-md-6 col-lg-12">
                                                        <p class="f-24 font-semibold mb-2 color-dark">East Midlands Team</p>
                                                        <p class="mb-0"><a href="tel:01157866244" class="font-medium color-pink f-24">0115 7866 244</a></p>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="right">
                                    <div class="d-flex h-100 align-items-center justify-content-start">
                                        <div class="w-100"> 
                                            <h2 class="f-34 text-start">Leave us a <span class="color-blue">message</span></h2>
                                            @livewire('front.forms.contact-form')
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

@endsection



@push('modals')

@endpush
@push('scripts')

@endpush