diff --git a/resources/views/components/search-area.blade.php b/resources/views/components/search-area.blade.php
new file mode 100644
index 0000000..bbc0993
--- /dev/null
+++ b/resources/views/components/search-area.blade.php
@@ -0,0 +1,192 @@
+<div class="search-area">
+    <div class="container">
+        <div class="search-wrapper">
+
+            <div class="search-box flight-search">
+                <div class="search-form">
+                    <form action="{{ route('flights.index') }}" method="GET">
+
+                        <div class="flight-search-wrapper">
+                            <div class="flight-search-content">
+
+                                <div class="flight-search-item">
+                                    <div class="row">
+
+                                        <div class="col-lg-3">
+                                            <div class="form-group">
+                                                <label>از</label>
+                                                <div class="form-group-icon">
+                                                    <input type="text"
+                                                           name="from-destination"
+                                                           class="form-control swap-from"
+                                                           value="{{ request('from-destination') }}">
+                                                    <i class="fal fa-plane-departure"></i>
+                                                </div>
+                                            </div>
+                                        </div>
+
+
+                                        <div class="col-lg-3">
+                                            <div class="form-group">
+                                                <div class="search-form-swap">
+                                                    <i class="far fa-repeat"></i>
+                                                </div>
+
+                                                <label>به</label>
+
+                                                <div class="form-group-icon">
+                                                    <input type="text"
+                                                           name="to-destination"
+                                                           class="form-control swap-to"
+                                                           value="{{ request('to-destination') }}">
+                                                    <i class="fal fa-plane-arrival"></i>
+                                                </div>
+
+                                            </div>
+                                        </div>
+
+
+                                        <div class="col-lg-3">
+                                            <div class="form-group">
+                                                <div class="search-form-date">
+
+                                                    <div class="search-form-journey">
+                                                        <label>تاریخ سفر</label>
+
+                                                        <div class="form-group-icon">
+                                                            <input type="text"
+                                                                   name="journey-date"
+                                                                   class="form-control date-picker journey-date"
+                                                                   value="{{ request('journey-date') }}">
+                                                            <i class="fal fa-calendar-days"></i>
+                                                        </div>
+
+                                                    </div>
+
+
+                                                    <div class="search-form-return">
+                                                        <label>زمان بازگشت</label>
+
+                                                        <div class="form-group-icon">
+                                                            <input type="text"
+                                                                   name="return-date"
+                                                                   class="form-control date-picker return-date"
+                                                                   value="{{ request('return-date') }}">
+                                                        </div>
+
+                                                        <p class="return-day-name"></p>
+                                                    </div>
+
+                                                </div>
+                                            </div>
+                                        </div>
+
+
+                                        <div class="col-lg-3">
+                                            <div class="form-group dropdown passenger-box">
+
+                                                <div class="passenger-class"
+                                                     role="menu"
+                                                     data-bs-toggle="dropdown"
+                                                     aria-expanded="false">
+
+                                                    <label>مسافر</label>
+
+                                                    <div class="form-group-icon">
+                                                        <div class="passenger-total">
+                                                            <span class="passenger-total-amount">
+                                                                {{ request('adult', 2) + request('children', 0)}}
+                                                            </span>
+                                                            Passenger
+                                                        </div>
+
+                                                        <i class="fal fa-user-plus"></i>
+                                                    </div>
+
+
+                                                </div>
+
+
+                                                <div class="dropdown-menu dropdown-menu-end">
+                                                    <div class="dropdown-item">
+                                                        <div class="passenger-item">
+
+                                                            <div class="passenger-info">
+                                                                <h6>بزرگسالان</h6>
+                                                                <p>12+ سال</p>
+                                                            </div>
+
+                                                            <div class="passenger-qty">
+                                                                <button type="button" class="minus-btn">
+                                                                    <i class="far fa-minus"></i>
+                                                                </button>
+
+                                                                <input type="text"
+                                                                       name="adult"
+                                                                       class="qty-amount passenger-adult"
+                                                                       value="{{ request('adult', 2) }}"
+                                                                       readonly>
+
+                                                                <button type="button" class="plus-btn">
+                                                                    <i class="far fa-plus"></i>
+                                                                </button>
+                                                            </div>
+
+                                                        </div>
+                                                    </div>
+
+
+                                                    <div class="dropdown-item">
+                                                        <div class="passenger-item">
+
+                                                            <div class="passenger-info">
+                                                                <h6>بچه ها</h6>
+                                                                <p>2-12 سال</p>
+                                                            </div>
+
+                                                            <div class="passenger-qty">
+                                                                <button type="button" class="minus-btn">
+                                                                    <i class="far fa-minus"></i>
+                                                                </button>
+
+                                                                <input type="text"
+                                                                       name="children"
+                                                                       class="qty-amount passenger-children"
+                                                                       value="{{ request('children', 0) }}"
+                                                                       readonly>
+
+                                                                <button type="button" class="plus-btn">
+                                                                    <i class="far fa-plus"></i>
+                                                                </button>
+                                                            </div>
+
+                                                        </div>
+                                                    </div>
+
+                                                </div>
+
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+
+                            </div>
+
+
+                            <div class="search-btn">
+                                <button type="submit" class="theme-btn">
+                                    <span class="far fa-search"></span>
+                                    جستجو کردن
+                                </button>
+                            </div>
+
+                        </div>
+
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>