Added contact-us section for home page

resources/sass/home/home.scss

@@ -687,3 +687,28 @@ footer {
         }
     }
 }
+
+// contact-us home page
+.contact-us-holder {
+    text-align: center;
+    padding: 2.5rem 0;
+    .submit-holder {
+        text-align: right;
+    }
+    .contact-info-holder {
+        .contact-info {
+            display: flex;
+            margin-bottom: 1rem;
+            .fa {
+                color: $secondary;
+            }
+        }
+        .contact-info-content {
+            text-align: right;
+            margin-right: 0.75rem;
+            .contact-title {
+                color: $secondary;
+            }
+        }
+    }
+}

resources/views/home/home.blade.php

@@ -102,6 +102,82 @@
                 </div>
             </div>
         </section>
+        <section class="contact-us-holder">
+            <div class="container">
+                <h2 class="title">
+                    در تماس باشید
+                </h2>
+                <div class="title-desc">
+                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
+                </div>
+            </div>
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-4">
+                        <div class="contact-info-holder">
+                            <div class="contact-info">
+                                <div class="contact-info-icon">
+                                    <i class="fa fa-envelope"></i>
+                                </div>
+                                <div class="contact-info-content">
+                                    <h6 class="contact-title">آدرس ایمیل</h6>
+                                    <div>
+                                        info@dizatech.com
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="contact-info">
+                                <div class="contact-info-icon">
+                                    <i class="fa fa-phone"></i>
+                                </div>
+                                <div class="contact-info-content">
+                                    <h6 class="contact-title">تلفن</h6>
+                                    <div>
+                                        ۰۲۱-۶۲۹۹۹۰۴۷
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="contact-info">
+                                <div class="contact-info-icon">
+                                    <i class="fa fa-map-marker"></i>
+                                </div>
+                                <div class="contact-info-content">
+                                    <h6 class="contact-title">آدرس</h6>
+                                    <div>
+                                        تهران، میدان توحید، خیابان ستارخان، نرسیده به خیابان باقرخان، خیابان آفرند، پلاک ۱۱، طبقه همکف
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-8">
+                        <form>
+                            <div class="row">
+                                <div class="col-lg-6 mb-2">
+                                    <input id="name" type="text" class="form-control" placeholder="نام">
+                                </div>
+                                <div class="col-lg-6 mb-2">
+                                    <input id="email" type="email" class="form-control" placeholder="ایمیل">
+                                </div>
+                                <div class="col-lg-12 mb-2">
+                                    <input id="title" type="text" class="form-control" placeholder="موضوع">
+                                </div>
+                                <div class="col-lg-12 mb-2">
+                                    <div class="form-group">
+                                        <textarea class="form-control" rows="5" id="comment" placeholder="پیام"></textarea>
+                                    </div>
+                                </div>
+                                <div class="col-lg-12">
+                                    <div class="submit-holder">
+                                        <button type="submit" class="btn btn-primary text-white">ارسال پیام</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </section>
     @endslot
 
     @slot('script')