{%  extends('frontend/layout/base.html.twig')  %}
{% set title = 'Contact Us' %}
{% block content %}
<section class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h1>Contact Us</h1>
            <ul>
                <li><a href="{{ path('index') }}">Home</a></li>
                <li>Contact Us</li>
            </ul>
        </div>
    </div>
</section>



<section class="contact-info-area pt-70 pb-40">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-md-6">
                <div class="single-contact-info-box">
                    <div class="icon">
                        <i class="flaticon-placeholder"></i>
                    </div>
                    <h3>Address</h3>
                    <p><a href="https://maps.app.goo.gl/4bcnkfQi1hCtD6Jb8" target="_blank">40M Street, Brayati, Erbil, Iraq</a></p>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-md-6">
                <div class="single-contact-info-box">
                    <div class="icon">
                        <i class="flaticon-phone-ringing"></i>
                    </div>
                    <h3>Phone</h3>
                    <p><a href="tel:+9647507111651">+964 750 711 16 51</a></p>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-md-6">
                <div class="single-contact-info-box">
                    <div class="icon">
                        <i class="flaticon-email"></i>
                    </div>
                    <h3>Details</h3>
                    <p><a href="mailto:info@metadent.net">info@metadent.net</a></p>
                    <p><a href="https://www.facebook.com/profile.php?id=61550751989309" target="_blank"  title="Facebook">Facebook</a></p>
                    <p><a href="https://wa.me/+9647507111651" target="_blank"  title="Whatsapp">Whatsapp</a></p>
                    <p><a href="viber://chat?number=%2B9647507111651" target="_blank"  title="Viber">Viber</a></p>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-md-6">
                <div class="single-contact-info-box">
                    <div class="icon">
                        <i class="flaticon-clock"></i>
                    </div>
                    <h3>Working Hours</h3>
                    <p>Saturday - Thursday</p>
                    <p>9:00AM - 7:00PM</p>
                </div>
            </div>
        </div>
    </div>
</section>

<div id="maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3236.3763582117344!2d44.037780830185355!3d36.20072080768391!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x400723fc9ae82e7b%3A0x215cb1ed24158192!2sMeta%20dent!5e0!3m2!1sen!2siq!4v1734789930214!5m2!1sen!2siq"  style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
{% endblock %}