@extends('front.layouts.master')
@section('content')
    <main>
        <section class="container-fluid px-0">
            <div class="hero-section">
                <section class="container about mt-5">
                    <div class="row">
                        <div class="col-12 col-lg-5 mx-auto">
                            <div class="form-container-1 bg-white">
                                <form>
                                    <div class="mb-3">
                                        <label for="mobile" class="form-label mobile color-primary-1 ps-4 mb-0">
                                            ایمیل
                                        </label>
                                        <input type="text" class="form-control color-primary-1 text-end" id="mobile"
                                            name="mobile">
                                    </div>

                                    <div class="mb-3">
                                        <label for="password" class="form-label mobile color-primary-1 ps-4 mb-0">
                                            نام و نام‌خانوادگی
                                        </label>
                                        <input type="text" class="form-control color-primary-1 text-end" id="name"
                                            name="password">
                                    </div>

                                    <div class="mb-3">
                                        <label for="content" class="form-label mobile color-primary-1 ps-4 mb-0">
                                            متن پیام
                                        </label>
                                        <textarea class="form-control color-primary-1" id="content" name="content" rows="6"></textarea>
                                    </div>

                                    <button type="submit" class="btn btn-main text-white action-title-2 px-3 py-2 ms-auto">
                                        ارسال پیام
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10"
                                                viewBox="0 0 6 10" fill="none">
                                                <path d="M5 8.82373L1 4.82373L5 0.82373" stroke="currentColor"
                                                    stroke-width="2" stroke-linejoin="bevel"></path>
                                            </svg>
                                        </span>
                                    </button>
                                </form>
                            </div>
                        </div>
                        <div class="col-12 col-lg-5 mx-auto">
                            <h1 class="section-title-1 title position-relative">
                                <span class="shape">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="67"
                                        viewBox="0 0 60 67" fill="none">
                                        <path
                                            d="M60 30.3721C60 19.1567 60 13.549 57.5885 9.37207C56.0086 6.63572 53.7363 4.36344 51 2.78361C46.8231 0.372069 41.2154 0.372069 30 0.372068C18.7846 0.372067 13.1769 0.372067 9 2.78361C6.26365 4.36344 3.99137 6.63572 2.41154 9.37207C-1.33955e-06 13.549 -1.90962e-06 19.1567 -3.04977e-06 30.3721L-3.15601e-06 31.4171C-3.96277e-06 39.3532 -4.36616e-06 43.3212 1.42984 46.6911C2.37341 48.9149 3.75497 50.9261 5.49219 52.6048C8.12472 55.1485 11.8285 56.5722 19.2362 59.4196C33.8553 65.039 41.1648 67.8487 46.9562 66.19C50.7147 65.1135 54.0205 62.8426 56.3738 59.7206C60 54.91 60 47.079 60 31.4171L60 30.3721Z"
                                            fill="url(#paint0_linear_104_3513)"></path>
                                        <defs>
                                            <linearGradient id="paint0_linear_104_3513" x1="30" y1="19.877"
                                                x2="101.663" y2="136.148" gradientUnits="userSpaceOnUse">
                                                <stop stop-color="#FFEFB5"></stop>
                                                <stop offset="1" stop-color="#FFCB08"></stop>
                                            </linearGradient>
                                        </defs>
                                    </svg>
                                </span>
                                ارتباط با ما
                            </h1>
                            <ul class="list-unstyled d-flex flex-column contact-items mt-5">
                                <li class="contact-item">
                                    <span class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 59 77"
                                            width="59" height="77">
                                            <defs>
                                                <linearGradient id="P" gradientUnits="userSpaceOnUse">
                                                </linearGradient>
                                                <linearGradient id="g1" x2="1" href="#P"
                                                    gradientTransform="matrix(40.077,-4.236,6.603,62.471,15.563,51.888)">
                                                    <stop stop-color="#044891"></stop>
                                                    <stop offset="1" stop-color="#2490d3"></stop>
                                                </linearGradient>
                                            </defs>
                                            <style>
                                                .a {
                                                    fill: url(#g1)
                                                }
                                            </style>
                                            <path fill-rule="evenodd" class="a"
                                                d="m10.6 24.5c0-7.5 0-11.3 2.4-13.6 2.3-2.4 6.1-2.4 13.6-2.4h3.3c7.6 0 11.3 0 13.7 2.4 2.3 2.3 2.3 6.1 2.3 13.6v28c0 7.6 0 11.3-2.3 13.7-2.4 2.3-6.1 2.3-13.7 2.3h-3.3c-7.5 0-11.3 0-13.6-2.3-2.4-2.4-2.4-6.1-2.4-13.7zm17.7 31.8c-2 0-3.5 1.6-3.5 3.5 0 2 1.5 3.6 3.5 3.6 1.9 0 3.5-1.6 3.5-3.6 0-1.9-1.6-3.5-3.5-3.5zm-10-40.6c0 0 0 0.1 0 0.3 0 0.2 0 0.2 0 0.3 0.1 1 0.9 1.8 1.8 1.9 0.1 0 0.2 0 0.4 0h15.6c0.2 0 0.3 0 0.3 0 1-0.1 1.8-0.9 1.9-1.9 0-0.1 0-0.1 0-0.3 0-0.2 0-0.3 0-0.3-0.1-1-0.9-1.8-1.9-1.9 0 0-0.1 0-0.3 0h-15.6c-0.2 0-0.3 0-0.4 0-0.9 0.1-1.7 0.9-1.8 1.9z">
                                            </path>
                                        </svg>
                                    </span>
                                    <p class="action-title-4 text-end">
                                        ۹۸-۹۳۵۸۶۰۰۱۸۸+
                                    </p>
                                </li>

                                <li class="contact-item">
                                    <span class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="47"
                                            viewBox="0 0 47 47" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M0.908508 14.7426C0.800781 17.1551 0.800781 20.0105 0.800781 23.4316C0.800781 33.776 0.800781 38.9481 3.7787 42.3438C4.12406 42.7376 4.49483 43.1084 4.88863 43.4537C8.2843 46.4316 13.4565 46.4316 23.8008 46.4316C29.0902 46.4316 33.0272 46.4316 36.066 46.0335L29.708 12.1244L0.908508 14.7426ZM1.2652 10.6936L45.2303 6.69681C44.857 5.88946 44.3948 5.17171 43.8229 4.51949C43.4775 4.12569 43.1067 3.75492 42.7129 3.40956C39.3173 0.431641 34.1451 0.431641 23.8008 0.431641C13.4565 0.431641 8.2843 0.431641 4.88863 3.40956C4.49483 3.75492 4.12406 4.12569 3.7787 4.51949C2.4037 6.08738 1.66358 8.03401 1.2652 10.6936ZM46.3243 10.6139L33.7095 11.7607L39.9617 45.1059C41.008 44.6954 41.9101 44.1578 42.7129 43.4537C43.1067 43.1084 43.4775 42.7376 43.8229 42.3438C46.8008 38.9481 46.8008 33.776 46.8008 23.4316C46.8008 17.8157 46.8008 13.7243 46.3243 10.6139ZM26.386 28.5588C26.386 34.6795 19.6528 38.7796 17.8703 39.7578C17.6 39.9062 17.2832 39.9062 17.0129 39.7578C15.2303 38.7796 8.49714 34.6795 8.49714 28.5588C8.49714 23.147 12.831 19.5392 17.4416 19.5392C22.212 19.5392 26.386 23.147 26.386 28.5588Z"
                                                fill="url(#paint0_linear_600_7457)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_600_7457" x1="7.21655" y1="13.1879"
                                                    x2="58.3814" y2="22.3812" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#044891" />
                                                    <stop offset="1" stop-color="#2490D3" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <p class="action-title-4">
                                        زنجان، خیابان امام خمینی، کوچه بلال، پ ۱۲
                                    </p>
                                </li>

                                <li class="contact-item">
                                    <span class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 57 45"
                                            width="57" height="45">
                                            <title>Subtract (5)-svg</title>
                                            <defs>
                                                <linearGradient id="g1" x2="1"
                                                    gradientUnits="userSpaceOnUse"
                                                    gradientTransform="matrix(60.071,13.877,-11.743,50.832,8.419,12.961)">
                                                    <stop offset="0" stop-color="#044891" />
                                                    <stop offset="1" stop-color="#2490d3" />
                                                </linearGradient>
                                            </defs>
                                            <style>
                                                .s0 {
                                                    fill: url(#g1)
                                                }
                                            </style>
                                            <g id="Layer">
                                                <path id="Layer" fill-rule="evenodd" class="s0"
                                                    d="m16.7 1.1h23.1c7.6 0 11.4 0 13.7 2.3 2.3 2.4 2.3 6.1 2.3 13.7v10.8c0 7.6 0 11.4-2.3 13.7-2.3 2.3-6.1 2.3-13.7 2.3h-23.1c-7.5 0-11.3 0-13.6-2.3-2.4-2.3-2.4-6.1-2.4-13.7v-10.8c0-7.6 0-11.3 2.4-13.7 2.3-2.3 6.1-2.3 13.6-2.3zm-5.7 10.6c-0.9-0.7-2.1-0.4-2.7 0.5-0.7 0.9-0.4 2.2 0.5 2.8l17.8 11.9c1 0.6 2.3 0.6 3.4 0l17.8-11.9c0.9-0.6 1.1-1.9 0.5-2.8-0.6-0.9-1.8-1.2-2.8-0.5l-17.2 11.5z" />
                                            </g>
                                        </svg>
                                    </span>
                                    <p class="action-title-4 ">
                                        onaiteam@gmail.com
                                    </p>
                                </li>
                            </ul>
                            <ul
                                class="list-unstyled social-items justify-content-end justify-content-lg-end d-flex gap-3 mt-4">
                                <li class="social-item"><a class="link-body-emphasis" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="27" height="27"
                                            viewBox="0 0 27 27" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M7.34117 0.354492H19.0725C23.0567 0.354492 26.2981 3.59582 26.2979 7.57973V19.3111C26.2979 23.295 23.0567 26.5363 19.0725 26.5363H7.34117C3.35726 26.5363 0.116089 23.2951 0.116089 19.3111V7.57973C0.116089 3.59582 3.35726 0.354492 7.34117 0.354492ZM19.0727 24.2133C21.7758 24.2133 23.9751 22.0142 23.9751 19.3111H23.9749V7.57973C23.9749 4.87671 21.7757 2.67747 19.0725 2.67747H7.34117C4.63815 2.67747 2.43907 4.87671 2.43907 7.57973V19.3111C2.43907 22.0142 4.63815 24.2135 7.34117 24.2133H19.0727ZM6.34985 13.4456C6.34985 9.66439 9.42591 6.58826 13.207 6.58826C16.9881 6.58826 20.0641 9.66439 20.0641 13.4456C20.0641 17.2266 16.9881 20.3025 13.207 20.3025C9.42591 20.3025 6.34985 17.2266 6.34985 13.4456ZM8.71097 13.4454C8.71097 15.9245 10.728 17.9412 13.207 17.9412C15.686 17.9412 17.703 15.9245 17.703 13.4454C17.703 10.9662 15.6862 8.94927 13.207 8.94927C10.7278 8.94927 8.71097 10.9662 8.71097 13.4454Z"
                                                fill="url(#paint0_linear_129_54)"></path>
                                            <defs>
                                                <linearGradient id="paint0_linear_129_54" x1="3.76775" y1="7.61497"
                                                    x2="32.8892" y2="12.8475" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#044891"></stop>
                                                    <stop offset="1" stop-color="#2490D3"></stop>
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </a></li>
                                <li class="social-item"><a class="link-body-emphasis" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="21"
                                            viewBox="0 0 26 21" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M25.5706 2.77879C24.6605 3.18206 23.684 3.45556 22.658 3.57766C23.7056 2.9503 24.5075 1.95523 24.8876 0.773172C23.9049 1.35414 22.8202 1.776 21.6644 2.00469C20.7389 1.01733 19.4224 0.402344 17.9622 0.402344C15.1608 0.402344 12.8894 2.67374 12.8894 5.47358C12.8894 5.87067 12.9342 6.25851 13.0208 6.62937C8.80557 6.41766 5.06783 4.39814 2.56621 1.32941C2.12892 2.07729 1.88015 2.94873 1.88015 3.87895C1.88015 5.63891 2.77635 7.1918 4.13611 8.10032C3.3048 8.07253 2.52294 7.84384 1.83845 7.46372V7.52707C1.83845 9.98388 3.58759 12.0343 5.90686 12.501C5.48193 12.6153 5.03385 12.6787 4.57029 12.6787C4.24274 12.6787 3.92597 12.6462 3.61538 12.5844C4.26124 14.6008 6.13401 16.0672 8.35288 16.1074C6.61765 17.4672 4.42969 18.2753 2.05324 18.2753C1.64379 18.2753 1.24047 18.2505 0.843384 18.2057C3.08852 19.6474 5.75393 20.488 8.61866 20.488C17.9499 20.488 23.0505 12.759 23.0505 6.05612L23.0335 5.39943C24.0301 4.68861 24.8923 3.79552 25.5706 2.77879Z"
                                                fill="url(#paint0_linear_129_52)"></path>
                                            <defs>
                                                <linearGradient id="paint0_linear_129_52" x1="4.29217" y1="5.97229"
                                                    x2="31.3593" y2="11.9596" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#044891"></stop>
                                                    <stop offset="1" stop-color="#2490D3"></stop>
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </a></li>
                                <li class="social-item"><a class="link-body-emphasis" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                                            viewBox="0 0 25 25" fill="none">
                                            <path
                                                d="M12.207 0.445312C5.57703 0.445312 0.207031 5.95479 0.207031 12.7498C0.207031 18.1873 3.64503 22.7984 8.41203 24.4241C9.01203 24.5399 9.23203 24.159 9.23203 23.8324C9.23203 23.5403 9.22203 22.766 9.21703 21.7403C5.87903 22.4822 5.17503 20.0895 5.17503 20.0895C4.62903 18.6694 3.84003 18.2896 3.84003 18.2896C2.75303 17.5268 3.92403 17.5424 3.92403 17.5424C5.12903 17.628 5.76203 18.8103 5.76203 18.8103C6.83203 20.6916 8.57103 20.148 9.25703 19.8339C9.36503 19.0377 9.67403 18.4962 10.017 18.1884C7.35203 17.8805 4.55103 16.8225 4.55103 12.1081C4.55103 10.7652 5.01603 9.66743 5.78603 8.80658C5.65103 8.49563 5.24603 7.24452 5.89103 5.54993C5.89103 5.54993 6.89603 5.2202 9.19103 6.81148C10.151 6.53809 11.171 6.40244 12.191 6.39618C13.211 6.40244 14.231 6.53809 15.191 6.81148C17.471 5.2202 18.476 5.54993 18.476 5.54993C19.121 7.24452 18.716 8.49563 18.596 8.80658C19.361 9.66743 19.826 10.7652 19.826 12.1081C19.826 16.835 17.021 17.8753 14.351 18.1779C14.771 18.5473 15.161 19.3017 15.161 20.4548C15.161 22.1013 15.146 23.4244 15.146 23.8241C15.146 24.1465 15.356 24.5316 15.971 24.4084C20.772 22.7932 24.207 18.179 24.207 12.7498C24.207 5.95479 18.834 0.445312 12.207 0.445312Z"
                                                fill="url(#paint0_linear_129_50)"></path>
                                            <defs>
                                                <linearGradient id="paint0_linear_129_50" x1="3.55439" y1="7.10075"
                                                    x2="30.2491" y2="11.8973" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#044891"></stop>
                                                    <stop offset="1" stop-color="#2490D3"></stop>
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </a></li>
                                <li class="social-item"><a class="link-body-emphasis" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                                            viewBox="0 0 25 25" fill="none">
                                            <path
                                                d="M21.807 0.445312H2.60703C1.28703 0.445312 0.207031 1.52531 0.207031 2.84531V22.0453C0.207031 23.3653 1.28703 24.4453 2.60703 24.4453H21.807C23.127 24.4453 24.207 23.3653 24.207 22.0453V2.84531C24.207 1.52531 23.127 0.445312 21.807 0.445312ZM7.40703 20.8453H3.80703V10.0453H7.40703V20.8453ZM5.60703 8.00531C4.40703 8.00531 3.44703 7.04531 3.44703 5.84531C3.44703 4.64531 4.40703 3.68531 5.60703 3.68531C6.80703 3.68531 7.76703 4.64531 7.76703 5.84531C7.76703 7.04531 6.80703 8.00531 5.60703 8.00531ZM20.607 20.8453H17.007V14.4853C17.007 13.5254 16.167 12.6853 15.207 12.6853C14.247 12.6853 13.407 13.5254 13.407 14.4853V20.8453H9.80703V10.0453H13.407V11.4853C14.007 10.5253 15.327 9.80531 16.407 9.80531C18.687 9.80531 20.607 11.7253 20.607 14.0053V20.8453Z"
                                                fill="url(#paint0_linear_129_48)"></path>
                                            <defs>
                                                <linearGradient id="paint0_linear_129_48" x1="3.55439" y1="7.10075"
                                                    x2="30.2491" y2="11.8973" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#044891"></stop>
                                                    <stop offset="1" stop-color="#2490D3"></stop>
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </a></li>
                            </ul>

                        </div>
                    </div>
                </section>
            </div>
        </section>
    </main>
@endsection

@section('js-page')
    {{-- <script defer src="/front/scripts/custom.js"></script> --}}
@endsection