Files
Backend-Api/ServiceHost/Pages/contact-us/Index.cshtml
2025-09-29 05:11:05 +03:30

222 lines
22 KiB
Plaintext

@page
@model ServiceHost.Pages.contact_us.IndexModel
@{
Layout = "Shared/_LayoutHome";
string version = _0_Framework.Application.Version.StyleVersion;
<style>
.sendBtn {
transition: all ease-in-out .3s;
}
.sendBtn:hover {
background: rgb(32 141 141);
}
</style>
}
<div class="py-3 relative bg-gradient-to-t from-[#E8E8E8]/30 to-[#F3F8FC] dark:to-[#444C53]">
<div class="max-w-screen-xl mx-auto text-center gap-6 p-9 z-10">
<div class="text-[#178B8B] text-[0.9rem] font-medium dark:text-white">
ارتباط مستقیم
</div>
<div class="text-[#3F3F3F] text-[1rem] font-[900] dark:text-white md:text-[1.2rem]">
ارسال پیام‌ها، درخواست‌ها و گزارش‌های مرتبط با گزارشگیر
</div>
</div>
<!-- <div class="gap-6 px-6 mx-6 z-10">
<h6 class="text-[0.9rem] text-[#178B8B] font-bold dark:text-white">تماس با ما</h6>
<h4 class="text-[1.6rem] text-[#3F3F3F] font-extrabold dark:text-white"> ارتباط پیوسته با گزارشگیر، در هر ساعت از شبانه‌روز</h4>
<p class="text-[0.9rem] my-3 text-[#666666] font-medium dark:text-white">
شرکت گزارش‌گیر در ساعات کاری پاسخ‌گوی نیازها و پرسش‌های شماست. شما می‌توانید درخواست‌ها، گزارش‌ها و پیام‌هایتان را از طریق راه‌های ارتباطی درج شده در این صفحه برای ما ارسال کنید. کارشناسان ما در اولین فرصت پاسخ‌گوی شما خواهند بود.
</p>
</div> -->
<!-- <div class="grid grid-cols-1 mx-auto max-w-screen-lg my-3 gap-9 px-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3">
<div class="group/item cursor-pointer flex flex-col justify-between gap-3 rounded-2xl p-4 bg-[#FBFDFF] border border-[#E3E3E3] duration-500 ease-in-out shadow-xl hover:border-[#178B8B] dark:bg-[#212330] dark:border-[#44475A]">
<div class="flex items-center justify-between gap-3 space-x-3">
<div class="flex items-center gap-3">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.927 24.2462L25.1678 25.0453C25.1678 25.0453 23.3635 26.945 18.4385 21.7598C13.5135 16.5747 15.3178 14.6751 15.3178 14.6751L15.7959 14.1719C16.9735 12.9321 17.0845 10.9416 16.0571 9.4885L13.9554 6.51602C12.6838 4.7175 10.2266 4.47992 8.76908 6.0144L6.15308 8.76857C5.43038 9.52943 4.94608 10.5158 5.00481 11.6099C5.15506 14.4091 6.35118 20.4317 13.0256 27.4587C20.1035 34.9103 26.7447 35.2065 29.4605 34.9385C30.3195 34.8537 31.0665 34.3905 31.6685 33.7567L34.0362 31.264C35.6343 29.5815 35.1837 26.697 33.1388 25.52L29.9547 23.6872C28.612 22.9143 26.9763 23.1413 25.927 24.2462Z" fill="#CDEBEB"/>
<path d="M22.0992 3.13371C22.2095 2.45222 22.8537 1.98994 23.5352 2.10026C23.5773 2.10834 23.7132 2.13371 23.7842 2.14954C23.9265 2.18122 24.1248 2.22997 24.3722 2.30202C24.8668 2.44609 25.5578 2.68344 26.3872 3.06366C28.0477 3.82492 30.2573 5.15659 32.5503 7.44959C34.8433 9.74259 36.175 11.9523 36.9362 13.6127C37.3165 14.4421 37.5538 15.1331 37.6978 15.6277C37.7698 15.8751 37.8187 16.0735 37.8503 16.2157C37.8662 16.2868 37.8778 16.3439 37.8858 16.3861L37.8955 16.4381C38.0057 17.1195 37.5477 17.7905 36.8662 17.9008C36.1867 18.0108 35.5465 17.5507 35.4335 16.8725C35.43 16.8542 35.4203 16.8053 35.4102 16.7592C35.3895 16.6668 35.354 16.5205 35.2977 16.3269C35.1848 15.9396 34.989 15.3641 34.6637 14.6546C34.014 13.2374 32.8457 11.2805 30.7825 9.21736C28.7195 7.15426 26.7625 5.98594 25.3453 5.33622C24.6358 5.01096 24.0603 4.81507 23.673 4.70227C23.4795 4.64589 23.2362 4.59004 23.1438 4.56949C22.4655 4.45644 21.9892 3.81324 22.0992 3.13371Z" fill="#23A8A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.4762 8.88349C22.6658 8.21969 23.3577 7.83533 24.0215 8.02498L23.6782 9.22689C24.0215 8.02498 24.0215 8.02498 24.0215 8.02498L24.024 8.02568L24.0265 8.02641L24.032 8.02803L24.045 8.03189L24.078 8.04216C24.103 8.05019 24.1345 8.06066 24.1718 8.07394C24.2467 8.10051 24.3457 8.13828 24.467 8.19028C24.7098 8.29434 25.0415 8.45504 25.4492 8.69623C26.2648 9.17903 27.3785 9.98099 28.6868 11.2893C29.9952 12.5976 30.797 13.7112 31.2798 14.527C31.521 14.9345 31.6817 15.2663 31.7858 15.5091C31.8378 15.6304 31.8757 15.7294 31.9022 15.8042C31.9155 15.8416 31.9258 15.873 31.934 15.8981L31.9442 15.9311L31.948 15.944L31.9497 15.9496L31.9503 15.9522C31.9503 15.9522 31.9512 15.9546 30.7492 16.298L31.9512 15.9546C32.1408 16.6183 31.7563 17.3102 31.0927 17.4998C30.4345 17.6878 29.7487 17.3117 29.5522 16.6582L29.546 16.6402C29.5372 16.6152 29.5188 16.5659 29.488 16.4939C29.4263 16.35 29.3145 16.1146 29.1285 15.8003C28.7568 15.1724 28.0857 14.2236 26.919 13.057C25.7525 11.8905 24.8037 11.2193 24.1758 10.8477C23.8615 10.6616 23.6262 10.5498 23.4822 10.4881C23.4102 10.4573 23.3608 10.4389 23.3358 10.43L23.3178 10.4239C22.6645 10.2274 22.2882 9.54164 22.4762 8.88349Z" fill="#23A8A8"/>
</svg>
<div class="text-[0.8rem] font-extrabold text-[#138F8F] duration-300 group-hover/item:text-[#178B8B] dark:text-white md:text-[0.9rem] lg:text-[1rem] dark:group-hover/item:text-[#15BCBC]">تماس تلفنی</div>
</div>
</div>
<div>
<p class="m-0 text-[#393939] text-[0.7rem] font-semibold dark:text-[#EDEDED] md:text-[0.8rem]">
پاسخ‌گویی به درخواست‌ها از طریق مرکز تماس
</p>
<p class="m-0 text-[#138F8F] text-[0.75rem] font-normal dark:text-[#EDEDED]">
<span>۰۱۳-۹۹۰۹۹۹۹۹</span>
<span>۰۱۳-۹۹۹۹۹۹۹۹</span>
</p>
</div>
<button class="bg-[#2DBCBC] py-2 px-1 w-32 text-white text-[0.75rem] rounded-lg flex items-center justify-center gap-2">
<span>ارتباط با پشتیبانی</span>
<svg width="13" height="12" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 1L1 4M1 4L4 7M1 4H8.5" stroke="white" stroke-linecap="round"/>
</svg>
</button>
</div>
<div class="group/item cursor-pointer flex flex-col justify-between gap-3 rounded-2xl p-4 bg-[#FBFDFF] border border-[#E3E3E3] duration-500 ease-in-out shadow-xl hover:border-[#178B8B] dark:bg-[#212330] dark:border-[#44475A]">
<div class="flex items-center justify-between gap-3 space-x-3">
<div class="flex items-center gap-3">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5812 35.8808L17.998 35.1768C18.666 34.0483 18.9998 33.4841 19.5318 33.1695C20.0638 32.8546 20.7578 32.8325 22.1457 32.7881C23.447 32.7465 24.3217 32.633 25.0695 32.3231C26.644 31.671 27.8948 30.4201 28.547 28.8456C29.0362 27.6648 29.0362 26.1678 29.0362 23.1738V21.8886C29.0362 17.6818 29.0362 15.5783 28.0893 14.0331C27.5595 13.1685 26.8325 12.4416 25.9678 11.9117C24.4227 10.9649 22.3193 10.9648 18.1125 10.9648H14.257C10.0502 10.9648 7.94681 10.9649 6.40163 11.9117C5.53701 12.4416 4.81008 13.1685 4.28023 14.0331C3.33334 15.5783 3.33334 17.6818 3.33334 21.8886V23.1738C3.33334 26.1678 3.33334 27.6648 3.82248 28.8456C4.47464 30.4201 5.72556 31.671 7.30004 32.3231C8.04786 32.633 8.92248 32.7465 10.2238 32.7881C11.6116 32.8325 12.3056 32.8546 12.8376 33.1695C13.3695 33.4841 13.7035 34.0483 14.3714 35.1768L14.7882 35.8808C15.4091 36.93 16.9603 36.93 17.5812 35.8808ZM21.8072 23.8163C22.6945 23.8163 23.4137 23.097 23.4137 22.2098C23.4137 21.3226 22.6945 20.6035 21.8072 20.6035C20.92 20.6035 20.2008 21.3226 20.2008 22.2098C20.2008 23.097 20.92 23.8163 21.8072 23.8163ZM17.7912 22.2098C17.7912 23.097 17.072 23.8163 16.1847 23.8163C15.2975 23.8163 14.5783 23.097 14.5783 22.2098C14.5783 21.3226 15.2975 20.6035 16.1847 20.6035C17.072 20.6035 17.7912 21.3226 17.7912 22.2098ZM10.5623 23.8163C11.4495 23.8163 12.1687 23.097 12.1687 22.2098C12.1687 21.3226 11.4495 20.6035 10.5623 20.6035C9.67506 20.6035 8.95583 21.3226 8.95583 22.2098C8.95583 23.097 9.67506 23.8163 10.5623 23.8163Z" fill="#CDEBEB"/>
<path d="M25.2827 3.33398C27.2023 3.33397 28.7287 3.33397 29.9528 3.45035C31.2082 3.5697 32.2695 3.81988 33.2148 4.39923C34.1875 4.99532 35.0053 5.81312 35.6013 6.78582C36.1808 7.73125 36.431 8.79255 36.5503 10.0478C36.6667 11.272 36.6667 12.7985 36.6667 14.718V16.029C36.6667 17.3952 36.6667 18.4817 36.6065 19.3628C36.545 20.2642 36.4167 21.0383 36.1163 21.7632C35.3827 23.5343 33.9755 24.9417 32.2042 25.6753C32.1598 25.6937 32.1153 25.7115 32.0705 25.7285C31.8567 25.8103 31.6737 25.8803 31.5128 25.9325C31.5362 25.1512 31.5362 24.2612 31.5362 23.2568V21.7697C31.5362 19.767 31.5362 18.0893 31.4065 16.7255C31.2708 15.2976 30.9755 13.9577 30.2208 12.7263C29.4848 11.5252 28.4752 10.5155 27.2742 9.77948C26.0427 9.02487 24.7028 8.72953 23.2748 8.59378C21.911 8.4641 20.2333 8.46414 18.2307 8.46419H14.1388C12.7786 8.46415 11.5684 8.46413 10.5046 8.50473C10.5542 8.33298 10.6221 8.13612 10.7018 7.90505C10.8373 7.51202 11.0087 7.14034 11.2259 6.78582C11.822 5.81312 12.6398 4.99532 13.6125 4.39923C14.5579 3.81988 15.6192 3.5697 16.8745 3.45035C18.0987 3.33397 19.625 3.33397 21.5447 3.33398H25.2827Z" fill="#23A8A8"/>
</svg>
<div class="text-[0.8rem] font-extrabold text-[#138F8F] duration-300 group-hover/item:text-[#178B8B] dark:text-white md:text-[0.9rem] lg:text-[1rem] dark:group-hover/item:text-[#15BCBC]"> گفت‌گو با کارشناسان</div>
</div>
</div>
<div>
<p class="m-0 text-[#393939] text-[0.7rem] font-semibold dark:text-[#EDEDED] md:text-[0.8rem]">
گفت‌وگوی آنلاین با کارشناسان مرکز تماس از راه چت
</p>
<p class="invisible m-0 text-[#138F8F] text-[0.75rem] font-normal dark:text-[#EDEDED]">
<span>...</span>
</p>
</div>
<button class="bg-[#2DBCBC] py-2 px-1 w-32 text-white text-[0.75rem] rounded-lg flex items-center justify-center gap-2">
<span>ارسال پیام</span>
<svg width="13" height="12" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 1L1 4M1 4L4 7M1 4H8.5" stroke="white" stroke-linecap="round"/>
</svg>
</button>
</div>
<div class="group/item cursor-pointer flex flex-col justify-between gap-3 rounded-2xl p-4 bg-[#FBFDFF] border border-[#E3E3E3] duration-500 ease-in-out shadow-xl hover:border-[#178B8B] dark:bg-[#212330] dark:border-[#44475A]">
<div class="flex items-center justify-between gap-3 space-x-3">
<div class="flex items-center gap-3">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.66669 19.1199C6.66669 17.1153 6.66669 16.113 7.16452 15.3075C7.66235 14.5019 8.55887 14.0537 10.3519 13.1572L17.0185 9.82383C18.4817 9.09231 19.2132 8.72656 20 8.72656C20.7869 8.72656 21.5184 9.09231 22.9815 9.82383L29.6482 13.1572C31.4412 14.0537 32.3377 14.5019 32.8355 15.3075C33.3334 16.113 33.3334 17.1153 33.3334 19.1199V24.9998C33.3334 28.1424 33.3334 29.7138 32.357 30.6901C31.3807 31.6664 29.8094 31.6664 26.6667 31.6664H13.3334C10.1907 31.6664 8.6193 31.6664 7.643 30.6901C6.66669 29.7138 6.66669 28.1424 6.66669 24.9998V19.1199Z" fill="#CDEBEB"/>
<path d="M6.66669 28.3328V17.0706C6.66669 16.8848 6.86227 16.764 7.02849 16.847L17.764 22.2148C19.1715 22.9186 20.8285 22.9186 22.236 22.2148L32.9715 16.847C33.1379 16.764 33.3334 16.8848 33.3334 17.0706V28.3328C33.3334 30.1738 31.841 31.6661 30 31.6661H10C8.15907 31.6661 6.66669 30.1738 6.66669 28.3328Z" fill="#23A8A8"/>
</svg>
<div class="text-[0.8rem] font-extrabold text-[#138F8F] duration-300 group-hover/item:text-[#178B8B] dark:text-white md:text-[0.9rem] lg:text-[1rem] dark:group-hover/item:text-[#15BCBC]">ارسال پیام</div>
</div>
</div>
<div>
<p class="m-0 text-[#393939] text-[0.7rem] font-semibold dark:text-[#EDEDED] md:text-[0.8rem]">
دریافت پیام‌های مکتوب شما از طریق ایمیل
</p>
<p class="m-0 text-[#138F8F] text-[0.75rem] text-left font-normal dark:text-[#EDEDED]">
<span>callcenter@gozareshgir.ir</span>
</p>
</div>
<button class="bg-[#2DBCBC] py-2 px-1 w-32 text-white text-[0.75rem] rounded-lg flex items-center justify-center gap-2">
<span>ارسال ایمیل</span>
<svg width="13" height="12" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 1L1 4M1 4L4 7M1 4H8.5" stroke="white" stroke-linecap="round"/>
</svg>
</button>
</div>
</div> -->
</div>
<div class="py-3 px-6 max-w-screen-xl mx-auto" style="margin: 90px auto">
@* <div class="my-6">
<div class="flex items-center gap-2 my-3">
<svg class="min-w-9" width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49.4325 41.2425C49.4325 42.0525 49.2525 42.885 48.87 43.695C48.4875 44.505 47.9925 45.27 47.34 45.99C46.2375 47.205 45.0225 48.0825 43.65 48.645C42.3 49.2075 40.8375 49.5 39.2625 49.5C36.9675 49.5 34.515 48.96 31.9275 47.8575C29.34 46.755 26.7525 45.27 24.1875 43.4025C21.6 41.5125 19.1475 39.42 16.8075 37.1025C14.49 34.7625 12.3975 32.31 10.53 29.745C8.685 27.18 7.2 24.615 6.12 22.0725C5.04 19.5075 4.5 17.055 4.5 14.715C4.5 13.185 4.77 11.7225 5.31 10.3725C5.85 9 6.705 7.74 7.8975 6.615C9.3375 5.1975 10.9125 4.5 12.5775 4.5C13.2075 4.5 13.8375 4.635 14.4 4.905C14.985 5.175 15.5025 5.58 15.9075 6.165L21.1275 13.5225C21.5325 14.085 21.825 14.6025 22.0275 15.0975C22.23 15.57 22.3425 16.0425 22.3425 16.47C22.3425 17.01 22.185 17.55 21.87 18.0675C21.5775 18.585 21.15 19.125 20.61 19.665L18.9 21.4425C18.6525 21.69 18.54 21.9825 18.54 22.3425C18.54 22.5225 18.5625 22.68 18.6075 22.86C18.675 23.04 18.7425 23.175 18.7875 23.31C19.1925 24.0525 19.89 25.02 20.88 26.19C21.8925 27.36 22.9725 28.5525 24.1425 29.745C25.3575 30.9375 26.5275 32.04 27.72 33.0525C28.89 34.0425 29.8575 34.7175 30.6225 35.1225C30.735 35.1675 30.87 35.235 31.0275 35.3025C31.2075 35.37 31.3875 35.3925 31.59 35.3925C31.9725 35.3925 32.265 35.2575 32.5125 35.01L34.2225 33.3225C34.785 32.76 35.325 32.3325 35.8425 32.0625C36.36 31.7475 36.8775 31.59 37.44 31.59C37.8675 31.59 38.3175 31.68 38.8125 31.8825C39.3075 32.085 39.825 32.3775 40.3875 32.76L47.835 38.0475C48.42 38.4525 48.825 38.925 49.0725 39.4875C49.2975 40.05 49.4325 40.6125 49.4325 41.2425Z" stroke="#9DDBDB" stroke-width="2.5" stroke-miterlimit="10" />
<path d="M41.625 20.25C41.625 18.9 40.5675 16.83 38.9925 15.1425C37.5525 13.59 35.64 12.375 33.75 12.375" stroke="#23A8A8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M49.5 20.25C49.5 11.5425 42.4575 4.5 33.75 4.5" stroke="#23A8A8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div>
<div class="text-[#4F4F4F] text-[0.9rem] font-semibold dark:text-white">مرکز تماس</div>
<p class="text-[#4F4F4F] text-[0.8rem] dark:text-white">مرکز تماس گزارشگیر در ساعات کاری پاسخ‌گوی پرسش‌های مشتریان در زمینه‌های فنی و مالی است. همچنین برای ارتباط با این بخش، می‌توانید از طریق پنل کاربری خود تیکت ثبت کنید.</p>
</div>
</div>
<form class="rounded-2xl shadow-lg w-full mx-auto bg-white p-4 border dark:bg-[#212330] dark:border-[#44475A] md:w-8/12 lg:w-6/12" id="formContact">
<div class="grid grid-cols-1 gap-3 my-2 md:grid-cols-2">
<div class="w-full">
<label for="fname" class="text-[#52525B] text-[0.7rem] dark:text-white">نام<span class="text-[#F31260]">*</span></label>
<input type="text" style="font-size: 13px;" id="fname" name="Command.FirstName" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">نام را وارد کنید.</div>
</div>
<div class="w-full">
<label for="lname" class="text-[#52525B] text-[0.7rem] dark:text-white">نام خانوداگی<span class="text-[#F31260]">*</span></label>
<input type="text" style="font-size: 13px;" id="lname" name="Command.LastName" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">نام خانوادگی را وارد کنید.</div>
</div>
<div class="w-full">
<label for="email" class="text-[#52525B] text-[0.7rem] dark:text-white">ایمیل<span class="text-[#F31260]">*</span></label>
<input type="text" style="font-size: 13px; direction: ltr" id="email" name="Command.Email" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">ایمیل را وارد کنید.</div>
</div>
<div class="w-full">
<label for="phone" class="text-[#52525B] text-[0.7rem] dark:text-white">شماره همراه<span class="text-[#F31260]">*</span></label>
<input type="text" style="font-size: 13px; direction: ltr" id="phone" maxlength="11" name="Command.PhoneNumber" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">شماره همراه را وارد کنید.</div>
</div>
</div>
<div class="w-full">
<label for="subject" class="text-[#52525B] text-[0.7rem] dark:text-white">موضوع<span class="text-[#F31260]">*</span></label>
<input type="text" style="font-size: 13px;" id="subject" name="Command.Title" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">موضوع را وارد کنید.</div>
</div>
<div class="w-full my-2" style="position: relative;">
<textarea style="font-size: 12px;" placeholder="توضیحات ..." type="text" maxlength="500" id="description" name="Command.Message" rows="6" class="resize-none w-full rounded-xl p-2 text-[#11181C] border-2 border-[#E4E4E7] focus-visible:outline focus-visible:outline-[#B3B3B3]"></textarea>
<span style="position: absolute;bottom: -15px;width: 53px;left: 0; " class="text-[#52525B] text-[0.7rem] dark:text-white"><span id="characterLeft">500</span> کاراکتر</span>
<div class="flex justify-between text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]">
<!-- <label for="description" class="text-[#52525B] text-[0.7rem] dark:text-white">پیام <span class="text-[#F31260]">*</span></label> -->
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">توضیحات را وارد کنید.</div>
</div>
</div>
<div class="flex flex-col justify-center items-center mt-6 space-y-3 md:flex-row md:justify-between">
<div class="text-[#393939] text-[0.8rem] font-bold dark:text-white">
<span class="text-[#F31260]">*</span> پر کردن قسمت‌های ستاره‌دار ضروری است.
</div>
<button type="button" class="sendBtn bg-[#2DBCBC] py-2 px-1 w-28 text-white text-[0.75rem] rounded-lg flex items-center justify-center gap-2" onclick="saveContactUs()">
<span>ارسال پیام</span>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 3L2 6M2 6L5 9M2 6H9.5" stroke="white" stroke-linecap="round" />
</svg>
</button>
</div>
</form>
</div> *@
<div class="relative flex items-center w-full mx-auto bg-gradient-to-l to-[#004343] via-[#067A7A] from-[#003E3E] overflow-hidden rounded-2xl my-6 p-3 md:w-11/12 md:p-6 lg:w-10/12 lg:p-9">
<div class="absolute bottom-0 left-0" id="leftSvg"></div>
<div class="absolute top-0 -right-6" id="rightSvg"></div>
<div class="hidden absolute bottom-0 md:block" id="mapSvg"></div>
<div class="w-full" style="z-index: 10;">
<div class="!text-white text-center font-extrabold text-[#1.4rem] md:text-start">نشانی گزارشگیر</div>
<div class="flex flex-col items-center justify-between md:flex-row">
<div class="!text-white font-medium text-center text-[#0.8rem] md:text-start"> رشت - خیابان حاجی آباد - روبروی پارکینگ بزرگ حاجی آباد - ابتدای کوچه سپهدار - ساختمان دادماش - طبقه پنجم - واحد 17 </div>
<div class="text-center">
<div class="!text-white font-medium text-[#0.8rem]">شماره تماس</div>
<div class="!text-white font-medium text-[#0.8rem]"><span class="ss03">01333238777</span></div>
<div class="!text-white font-medium text-[#0.8rem]"><span class="ss03">01333328886</span></div>
<div class="!text-white font-medium text-[#0.8rem]"><span class="ss03">01333328887</span></div>
</div>
</div>
</div>
</div>
</div>
@section Script {
<script>
// var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
// var ajax = new AjaxService(antiForgeryToken);
// var createAjaxUrl = `@Url.Page("./Index", "CreateAjax")`;
</script>
<script src="~/assetsmain/pages/contact-us/js/index.js?ver=@version"></script>
}