@include('components.seo')

<div class="space-y-4">
    <x-client.breadcrumbs :breadcrumb="$breadcrumb"/>

    <span class="font-bold">تماس با ماهان پهلوان</span>
    <div class="grid grid-cols-1 md:grid-cols-2  gap-4">
        <div class="">
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1619.2841036262046!2d51.40619779604149!3d35.73683648109823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2suk!4v1722079400431!5m2!1sen!2suk"
                class="w-full rounded-xl" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
        <div class="md:space-y-10">
            <h1>تماس با ما </h1>
            <p>آکادمی ماهان پهلوان همیشه آمادست تا به شما کمک کنه و به سوالاتتون جواب بده. اگر سوالی دارین، نظری دارین
                یا به کمکی نیاز دارین، حتماً با ما در تماس باشین. تیم ما با کمال میل آماده‌ست تا کمکتون کنه و تجربه خوبی
                از خدمات ما بهتون بده.</p>
            <div class="flex flex-col space-y-4 ">
                <h3>اطلاعات تماس:</h3>
                <div class="flex flex-row items-center ">
                    <p> تلفن ثابت </p>
                    <a href="tel:02144000608" class="mx-3">02144000608</a>
                </div>
                <div class="flex flex-row items-center ">
                    <p> تلفن ثابت </p>
                    <a href="tel:02144000609" class="mx-3">02144000609</a>
                </div>
                <div class="flex flex-row items-center ">
                    <p> ایمیل :</p>
                    <a href="" class="mx-3">info@mahanpahlevan.com</a>
                </div>
                <div class="flex flex-row items-center  ">
                    <p>آدرس دفتر :</p>
                    <a href="" class="mx-3">تهران</a>
                </div>
            </div>
            <div class="space-y-4 ">
                <h3>مارا در شبکه های اجتمائی دنبال کنید</h3>
                <div class="flex space-x-2 space-x-reverse">
                    <a href="https://www.instagram.com/mahan.pahlevaan" class="flex items-center gap-2 border border-amber-400 p-2 w-full rounded-md">
                        <x-icons.instagram/>
                        <p>mahan.pahlevaan</p>
                    </a>
                    <a href="" class="flex items-center gap-2 border border-amber-400 p-2 w-full rounded-md">
                        <x-icons.telegram/>
                        <p>mahan.pahlevan</p>
                    </a>
                    <a href="" class="flex items-center gap-2 border border-amber-400 p-2 w-full rounded-md">
                        <x-icons.telegram/>
                        <p>mahan.pahlevan</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <livewire:client.component.free-advice/>

</div>