@extends('layouts.web')
@section('content')
    <!-----------BREADCRUMBS----------->
    <div class="container">
        <div class="breadcrumbs">
            <a href="index.html" class="breadcrumbs-each">Anasayfa</a>
            <span class="breadcrumbs-each breadcrumbs-dot">•</span>
            <span class="breadcrumbs-each active">İletişim</span>
        </div>
    </div>





    <section class="contact s-padding">
        <div class="container">
            <h1 class="global-h2 mb-lg-5 mb-4">İletişim</h1>
            <div class="contact-map">
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3012.391789059505!2d29.09904737644874!3d40.97290102160181!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cac7b6f6bf34e9%3A0xe9aac5a75ec7bb52!2sSWIFTDC%20Teknoloji%20ve%20%C4%B0nternet%20Hizmetleri%20A.%C5%9E.!5e0!3m2!1str!2str!4v1721741589774!5m2!1str!2str"
                    allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
            <div class="row mt-lg-5 mt-3">
                <div class="col-lg-4 mb-3">
                    <a href="" target="_blank">
                        <div class="contact-each">
                            <img src="/assets/images/icons/location-blue.png" alt="">
                            <span>İçerenköy Mahallesi Topçu İbrahim Sk. Quick Tower Sitesi No: 8-10D Ataşehir/İstanbul</span>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 mb-3">
                    <a href="" target="_blank">
                        <div class="contact-each">
                            <img src="/assets/images/icons/email-blue.png" alt="">
                            <span>info@wizzycard.com</span>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 mb-3">
                    <a href="" target="_blank">
                        <div class="contact-each">
                            <img src="/assets/images/icons/phone-blue.png" alt="">
                            <span>(+90) 850 304 96 35</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>







    <!-----------FORM SECTION----------->

    <section class="form-section custom-bg-2 s-padding">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 d-none d-lg-block">
                    <img src="/assets/images/kurumsal-s6.png" class="w-100" alt="">
                </div>
                <div class="col-lg-6">
                    <h3 class="global-h3 mb-3">Bizimle iletişime geçebilirsiniz.</h3>


                    <div class="form-section-wrapper">
                        <h4 class="global-h4 mb-4">
                            Bize Ulaşın
                        </h4>

                        <form action="">
                            <input type="text" placeholder="Ad Soyad">
                            <input type="email" placeholder="E-Posta">
                            <input type="tel" placeholder="Telefon Numarası">
                            <textarea placeholder="Mesajınız"></textarea>
                            <div class="text-center">
                                <button class="global-button" type="submit"><span>Gönder</span><img
                                        src="/assets/images/icons/right-arrow.png" alt="" /></button>
                            </div>


                        </form>
                    </div>

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

    </section>
@endsection