@extends('front.layout')
@section('header')
    <link rel="stylesheet" href="/front/assets/css/pages/contact.css" />
@endsection
@section('content')
    <div class="image-banner">
        <img  src="/front/assets/images/about-banners.jpg" class="d-block w-100" alt="title" />
        <div>
            <h1>
                <div class="container">
                    تماس با ما
                </div>
            </h1>

            <p class="container">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد</p>

        </div>
    </div>

    <div class="container">
        <div class="simple-text">
            <h2>با ما در ارتباط باشید</h2>
            <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد</p>
        </div>

        <div class="contact-us-ways d-flex align-items-start justify-content-between">
            <div class="contact-us-ways__content">
                <div>
                    <header class="d-flex align-items-center">
                        <img  src="/front/assets/images/contact-icon1.svg" width="36" class="d-block" alt="title" />
                        <span>تماس تلفنی</span>
                    </header>

                    <p>پاسخ‌گویی ۲۴ ساعته در ۷ روز هفته با مرکز تماس</p>

                    <span>66424900 - 66421216</span>
                </div>
            </div>

            <div class="contact-us-ways__content">
                <div>
                    <header class="d-flex align-items-center">
                        <img  src="/front/assets/images/contact-icon3.svg" width="36" class="d-block" alt="title" />
                        <span>ارسال ایمیل</span>
                    </header>

                    <p>دریافت پیام‌های مکتوب شما از طریق ایمیل</p>

                    <span>info@rwt.ir</span>
                </div>
            </div>

            <div class="contact-us-ways__content">
                <div>
                    <header class="d-flex align-items-center">
                        <img  src="/front/assets/images/contact-icon2.svg" width="36" class="d-block" alt="title" />
                        <span>آدرس</span>
                    </header>

                    <p>تهران ، خیابان کارگر شمالی ، خیابان نصرت ، پلاک 124 کد پستی 1419845134</p>
                </div>
            </div>
        </div>

        <div>
            <h5 class="form-title">ارتباط آسان با کارشناسان</h5>
            <div class="row g-3">
                <div class="col-md-4"><input type="text" class="form-control" placeholder="نام و نام خانوادگی"></div>
                <div class="col-md-4"><input type="email" class="form-control" placeholder="آدرس ایمیل"></div>
                <div class="col-md-4">
                    <select class="form-control">
                        <option selected>دسته بندی پیام</option>
                        <option value="1">دسته بندی پیام ۱</option>
                        <option value="2">دسته بندی پیام ۲</option>
                        <option value="3">دسته بندی پیام ۳</option>
                    </select>
                </div>
                <div class="col-md-12"><textarea class="form-control" placeholder="پیام خود را اینجا تایپ کنید ..."></textarea></div>
            </div>

            <button class="btn btn-submit mt-4">
                ارسال پیام
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="me-2">
                    <path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H7.81L10.82 15.76C11.11 16.05 11.11 16.53 10.82 16.82C10.67 16.97 10.48 17.04 10.29 17.04C10.1 17.04 9.91 16.97 9.76 16.82L5.47 12.53C5.33 12.39 5.25 12.2 5.25 12C5.25 11.8 5.33 11.61 5.47 11.47L9.76 7.18C10.05 6.89 10.53 6.89 10.82 7.18C11.11 7.47 11.11 7.95 10.82 8.24L7.81 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="white"/>
                </svg>
            </button>
        </div>

        <div class="request-form-section">
            <img  src="/front/assets/images/should-delete/banner4.jpg" class="d-block w-100" alt="title" />
            <div class="request-form-section__inner">
                <div class="row align-items-end justify-content-between">
                    <div class="col-12 col-md-8">
                        <h3>
                            فرم درخواست حمل بار
                        </h3>
                        <p>
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی
                        </p>
                    </div>

                    <div class="col-12 col-md-3 d-flex justify-content-end">
                        <button class="site-btn" href="/index.html">
                            تکمیل فرم
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('footer')
    <script  src="/front/assets/js/contact.js"></script>
@endsection