@extends('layouts.main')
@section('title', 'Contact us')
@section('main')
<section class="breadcumb-section wow fadeInUp mt40">
    <div class="cta-commmon-v1 cta-banner bgc-thm2 mx-auto maxw1700 pt120 pb120 bdrs16 position-relative overflow-hidden d-flex align-items-center mx20-lg">
        <img class="left-top-img wow zoomIn" src="images/vector-img/left-top.png" alt="">
        <img class="right-bottom-img wow zoomIn" src="images/vector-img/right-bottom.png" alt="">
        <div class="container">
            <div class="row">
                <div class="col-xl-5">
                    <div class="position-relative wow fadeInUp" data-wow-delay="300ms">
                        <h2 class="text-white">Contact us</h2>
                        <p class="text mb0 text-white">We'd love to talk about how we can help you.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Our Contact Info -->
<section class="pt-0">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="300ms">
            <div class="col-lg-6">
                <div class="position-relative mt40">
                    <div class="main-title">
                        <h4 class="form-title mb25">Keep In Touch With Us.</h4>
                        <!-- <p class="text">Neque convallis a cras semper auctor. Libero id faucibus nisl tincidunt egetnvallis.</p> -->
                    </div>
                    <div class="iconbox-style1 contact-style d-flex align-items-start mb30">
                        <div class="icon flex-shrink-0"><span class="flaticon-tracking"></span></div>
                        <div class="details">
                            <h5 class="title">Address</h5>
                            <p class="mb-0 text">3 Umoh St, Abule Egba, Lagos 102213, Lagos</p>
                        </div>
                    </div>
                    <div class="iconbox-style1 contact-style d-flex align-items-start mb30">
                        <div class="icon flex-shrink-0"><span class="flaticon-call"></span></div>
                        <div class="details">
                            <h5 class="title">Phone</h5>
                            <p class="mb-0 text">+(234) 903 51 51 29</p>
                        </div>
                    </div>
                    <div class="iconbox-style1 contact-style d-flex align-items-start mb30">
                        <div class="icon flex-shrink-0"><span class="flaticon-mail"></span></div>
                        <div class="details">
                            <h5 class="title">Email</h5>
                            <p class="mb-0 text">hello@fixgini.com</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
               @livewire('pages.contact')
            </div>
        </div>
    </div>
</section>

<!-- Google Map -->
<section class="p-0 wow fadeInUp" data-wow-delay="300ms">
    <div class="mx-auto maxw1700 bdrs16 position-relative mx20-lg">
        <iframe class="contact-page-map" aria-label="3 Umoh St, Abule Egba, Lagos 102213, Lagos" title="3 Umoh St, Abule Egba, Lagos 102213, Lagos" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3962.932608402892!2d3.2883352743601484!3d6.655275221619306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103b972d01788c41%3A0x2a860079ee83c33f!2s3%20Umoh%20St%2C%20Abule%20Egba%2C%20Lagos%20102213%2C%20Lagos!5e0!3m2!1sen!2sng!4v1721218649937!5m2!1sen!2sng" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        <!-- <iframe class="contact-page-map" loading="lazy" src="https://maps.google.com/maps?q=London%20Eye%2C%20London%2C%20United%20Kingdom&amp;t=m&amp;z=14&amp;output=embed&amp;iwloc=near" title="London Eye, London, United Kingdom" aria-label="London Eye, London, United Kingdom"></iframe> -->
    </div>
</section>

<section class="our-faqs pt-0 pb50">
    <div class="container">
        <div class="row wow fadeInUp">
            <div class="col-lg-6 m-auto">
                <div class="main-title text-center">
                    <h2 class="title">Frequently Asked Questions</h2>
                    <p class="paragraph mt10">Answers to your questions</p>
                </div>
            </div>
        </div>
        <div class="row wow fadeInUp" data-wow-delay="300ms">
            <div class="col-lg-8 mx-auto">
                <div class="ui-content">
                    <div class="accordion-style1 faq-page mb-4 mb-lg-5">
                        @livewire('web.faq')
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection