fix: update frontend layouts and components

This commit is contained in:
2026-08-19 08:21:13 +03:30
parent 6e46594233
commit 92daccd47a
4 changed files with 1876 additions and 1132 deletions
@@ -15,6 +15,7 @@
{{-- Bootstrap --}} {{-- Bootstrap --}}
<link rel="stylesheet" <link rel="stylesheet"
href="{{ asset('assets/css/bootstrap.css') }}"> href="{{ asset('assets/css/bootstrap.css') }}">
{{-- href="{{ asset('assets/plugins/bootstrap/css/bootstrap.css') }}">--}}
{{-- Font Awesome --}} {{-- Font Awesome --}}
<link rel="stylesheet" <link rel="stylesheet"
@@ -207,6 +208,7 @@
{{-- Bootstrap --}} {{-- Bootstrap --}}
<script src="{{ asset('assets/js/bootstrap.js') }}"></script> <script src="{{ asset('assets/js/bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
{{-- Main JS --}} {{-- Main JS --}}
<script src="{{ asset('assets/js/custom.js') }}"></script> <script src="{{ asset('assets/js/custom.js') }}"></script>
+373 -113
View File
@@ -1,151 +1,411 @@
<footer class="theme-footer"> <footer class="theme-footer" id="mainFooter">
<div class="theme-footer-area theme-footer-area-dark">
<div class="container-fluid">
<div class="row row-col-gap"> <div class="container _ph-mob-0">
<div class="col-md-4"> <div class="row row-eq-height row-mob-full" data-gutter="60">
<div class="theme-footer-section theme-footer-">
<h5 class="theme-footer-section-title">سفر کنید</h5>
{{-- Logo --}}
<div class="col-md-3">
<div class="theme-footer-section">
<a
class="theme-footer-brand _mb-mob-30"
href="{{ url('/') }}">
<img
src="{{ asset('img/logo-black.png') }}"
alt="آژانس مسافرتی">
</a>
<div class="theme-footer-brand-text">
<p>
با ما بهترین مسیرها و پروازها را پیدا کنید.
</p>
<ul class="theme-footer-section-list">
<li>
<a href="#">کشورها</a>
</li>
<li>
<a href="#">مناطق</a>
</li>
<li>
<a href="#">شهرها</a>
</li>
<li>
<a href="#">نواحی</a>
</li>
<li>
<a href="#">فرودگاه ها</a>
</li>
<li>
<a href="#">هتل</a>
</li>
<li>
<a href="#">مکان های مورد علاقه</a>
</li>
</ul>
</div> </div>
</div> </div>
<div class="col-md-4"> </div>
<div class="theme-footer-section theme-footer-">
<h5 class="theme-footer-section-title">کتاب</h5>
<ul class="theme-footer-section-list">
<li>
<a href="#">آپارتمان ها</a>
</li>
<li>
<a href="#">استراحتگاه ها</a>
</li>
<li>
<a href="#">ویلاها</a>
</li>
<li>
<a href="#">خوابگاه ها</a>
</li>
<li>
<a href="#">رستوران</a>
</li>
<li>
<a href="#">مهمانخانه</a>
</li>
<li>
<a href="#">هتل های زنجیره ای</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4"> {{-- Links --}}
<div class="theme-footer-section theme-footer-section-subscribe bg-grad _mt-mob-30"> <div class="col-md-5">
<div class="theme-footer-section-subscribe-bg" <div class="row">
style="background-image:url('{{ asset('assets/img/footer/footer_subscribe_bg.png') }}');">
</div>
<div class="theme-footer-section-subscribe-content">
<div class="col-md-4">
<div class="theme-footer-section">
<h5 class="theme-footer-section-title"> <h5 class="theme-footer-section-title">
تا 50 درصد از سفر بعدی خود صرفه جویی کنید آژانس
</h5> </h5>
<p class="text-muted"> <ul class="theme-footer-section-list">
برای باز کردن قفل معاملات مخفی ما مشترک شوید
</p>
<form> <li>
<div class="form-group"> <a href="{{ url('/about') }}">
<input درباره ما
class="form-control theme-footer-subscribe-form-control" </a>
type="email" </li>
placeholder="ایمیل خود را اینجا تایپ کنید">
</div>
<button <li>
class="btn btn-primary-invert btn-shadow text-upcase theme-footer-subscribe-btn" <a href="{{ url('/contact') }}">
type="submit"> تماس با ما
معاملات دریافت کنید </a>
</button> </li>
</form>
<li>
<a href="{{ url('/faq') }}">
سوالات متداول
</a>
</li>
</ul>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="theme-footer-section">
<h5 class="theme-footer-section-title">
پروازها
</h5>
<ul class="theme-footer-section-list">
<li>
<a href="{{ url('/flights') }}">
جستجوی پرواز
</a>
</li>
<li>
<a href="{{ url('/offers') }}">
پیشنهادهای ویژه
</a>
</li>
<li>
<a href="#">
مقصدهای محبوب
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="theme-footer-section">
<h5 class="theme-footer-section-title">
حساب کاربری
</h5>
<ul class="theme-footer-section-list">
<li>
<a href="{{ url('/account') }}">
داشبورد
</a>
</li>
<li>
<a href="{{ url('/account/bookings') }}">
رزروهای من
</a>
</li>
<li>
<a href="{{ url('/account/favorites') }}">
علاقه‌مندی‌ها
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div> </div>
</div>
</div>
<div class="theme-copyright"> {{-- Newsletter --}}
<div class="container-fluid"> {{-- <div class="col-md-4">--}}
<div class="row"> {{-- <div class="theme-footer-section theme-footer-section-subscribe bg-grad">--}}
<div class="col-md-6"> {{-- <div--}}
<p class="theme-copyright-text"> {{-- class="theme-footer-section-subscribe-bg"--}}
حق چاپ © 1400 {{-- style="background-image:url('{{ asset('img/footer/footer_subscribe_bg.png') }}');">--}}
<a href="#">Bookify</a> {{-- </div>--}}
. تمامی حقوق محفوظ است.
</p>
</div>
<div class="col-md-6"> {{-- <div class="theme-footer-section-subscribe-content">--}}
<ul class="theme-copyright-social">
<li> {{-- <h5 class="theme-footer-section-title">--}}
<a class="fa fa-facebook" href="#"></a> {{-- از پیشنهادهای ویژه باخبر شوید--}}
</li> {{-- </h5>--}}
<li> {{-- <p class="text-muted">--}}
<a class="fa fa-google" href="#"></a> {{-- ایمیل خود را وارد کنید تا پیشنهادهای ویژه را دریافت کنید.--}}
</li> {{-- </p>--}}
<li> {{-- <form>--}}
<a class="fa fa-twitter" href="#"></a>
</li>
<li> {{-- <div class="form-group">--}}
<a class="fa fa-youtube-play" href="#"></a>
</li>
<li> {{-- <input--}}
<a class="fa fa-instagram" href="#"></a> {{-- class="form-control theme-footer-subscribe-form-control"--}}
</li> {{-- type="email"--}}
{{-- placeholder="ایمیل شما">--}}
</ul> {{-- </div>--}}
</div>
</div> {{-- <button--}}
{{-- class="btn btn-primary-invert btn-shadow text-upcase theme-footer-subscribe-btn"--}}
{{-- type="submit">--}}
{{-- عضویت--}}
{{-- </button>--}}
{{-- </form>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
</div> </div>
</div> </div>
</footer> </footer>
{{-- Copyright --}}
<div class="theme-copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="theme-copyright-text">
© {{ date('Y') }}
<a href="{{ url('/') }}">
آژانس مسافرتی
</a>
- تمامی حقوق محفوظ است.
</p>
</div>
<div class="col-md-6">
<ul class="theme-copyright-social">
<li>
<a class="fa fa-facebook" href="#"></a>
</li>
<li>
<a class="fa fa-twitter" href="#"></a>
</li>
<li>
<a class="fa fa-instagram" href="#"></a>
</li>
<li>
<a class="fa fa-youtube-play" href="#"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
{{--<footer class="theme-footer">--}}
{{-- <div class="theme-footer-area theme-footer-area-dark">--}}
{{-- <div class="container-fluid">--}}
{{-- <div class="row row-col-gap">--}}
{{-- <div class="col-md-4">--}}
{{-- <div class="theme-footer-section theme-footer-">--}}
{{-- <h5 class="theme-footer-section-title">سفر کنید</h5>--}}
{{-- <ul class="theme-footer-section-list">--}}
{{-- <li>--}}
{{-- <a href="#">کشورها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">مناطق</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">شهرها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">نواحی</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">فرودگاه ها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">هتل</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">مکان های مورد علاقه</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="col-md-4">--}}
{{-- <div class="theme-footer-section theme-footer-">--}}
{{-- <h5 class="theme-footer-section-title">کتاب</h5>--}}
{{-- <ul class="theme-footer-section-list">--}}
{{-- <li>--}}
{{-- <a href="#">آپارتمان ها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">استراحتگاه ها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">ویلاها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">خوابگاه ها</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">رستوران</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">مهمانخانه</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#">هتل های زنجیره ای</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="col-md-4">--}}
{{-- <div class="theme-footer-section theme-footer-section-subscribe bg-grad _mt-mob-30">--}}
{{-- <div class="theme-footer-section-subscribe-bg"--}}
{{-- style="background-image:url('{{ asset('assets/img/footer/footer_subscribe_bg.png') }}');">--}}
{{-- </div>--}}
{{-- <div class="theme-footer-section-subscribe-content">--}}
{{-- <h5 class="theme-footer-section-title">--}}
{{-- تا 50 درصد از سفر بعدی خود صرفه جویی کنید--}}
{{-- </h5>--}}
{{-- <p class="text-muted">--}}
{{-- برای باز کردن قفل معاملات مخفی ما مشترک شوید--}}
{{-- </p>--}}
{{-- <form>--}}
{{-- <div class="form-group">--}}
{{-- <input--}}
{{-- class="form-control theme-footer-subscribe-form-control"--}}
{{-- type="email"--}}
{{-- placeholder="ایمیل خود را اینجا تایپ کنید">--}}
{{-- </div>--}}
{{-- <button--}}
{{-- class="btn btn-primary-invert btn-shadow text-upcase theme-footer-subscribe-btn"--}}
{{-- type="submit">--}}
{{-- معاملات دریافت کنید--}}
{{-- </button>--}}
{{-- </form>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="theme-copyright">--}}
{{-- <div class="container-fluid">--}}
{{-- <div class="row">--}}
{{-- <div class="col-md-6">--}}
{{-- <p class="theme-copyright-text">--}}
{{-- حق چاپ © 1400--}}
{{-- <a href="#">Bookify</a>--}}
{{-- . تمامی حقوق محفوظ است.--}}
{{-- </p>--}}
{{-- </div>--}}
{{-- <div class="col-md-6">--}}
{{-- <ul class="theme-copyright-social">--}}
{{-- <li>--}}
{{-- <a class="fa fa-facebook" href="#"></a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a class="fa fa-google" href="#"></a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a class="fa fa-twitter" href="#"></a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a class="fa fa-youtube-play" href="#"></a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a class="fa fa-instagram" href="#"></a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{--</footer>--}}
+312 -8
View File
@@ -1,10 +1,314 @@
<meta charset="UTF-8"> <header id="site-header" class="travel-header">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', 'Dornica')</title> {{-- پس‌زمینه هدر / Hero --}}
<div class="travel-header-bg">
<link rel="stylesheet" href="{{ asset('assets/css/font-awesome.css') }}"> <div
<link rel="stylesheet" href="{{ asset('assets/css/lineicons.css') }}"> class="travel-header-bg-image"
<link rel="stylesheet" href="{{ asset('assets/css/weather-icons.css') }}"> style="background-image:url('{{ asset('assets/img/o14abktz5iy_1500x800.jpg') }}');">
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.css') }}"> </div>
<link rel="stylesheet" href="{{ asset('assets/css/styles.css') }}">
<div class="travel-header-overlay"></div>
</div>
<div class="travel-header-content">
<div class="container">
{{-- ==============================
NAVBAR
=============================== --}}
<div class="travel-navbar">
{{-- لوگو --}}
<div class="travel-logo">
<a href="{{ url('/') }}">
<span class="travel-logo-icon">
<i class="fa fa-plane"></i>
</span>
<span class="travel-logo-content">
<strong>
آژانس مسافرتی
</strong>
<small>
سفر خوب، خاطره خوب
</small>
</span>
</a>
</div>
{{-- منوی اصلی --}}
<nav class="travel-menu">
<ul>
<li class="{{ request()->is('/') ? 'active' : '' }}">
<a href="{{ url('/') }}">
خانه
</a>
</li>
<li class="{{ request()->routeIs('tours.*') ? 'active' : '' }}">
<a href="{{ route('tours.index') }}">
تورها
</a>
</li>
@if(Route::has('flights.index'))
<li class="{{ request()->routeIs('flights.*') ? 'active' : '' }}">
<a href="{{ route('flights.index') }}">
پروازها
</a>
</li>
@endif
<li>
<a href="#">
درباره ما
</a>
</li>
<li>
<a href="#">
تماس با ما
</a>
</li>
</ul>
</nav>
{{-- سمت چپ --}}
<div class="travel-navbar-actions">
@guest
{{-- کاربر وارد نشده --}}
<a href="{{ route('auth.login.index') }}" class="travel-login">
<i class="fa fa-sign-in"></i>
ورود
</a>
<a href="{{ route('auth.register.index') }}" class="travel-register">
<i class="fa fa-user-plus"></i>
ثبت‌نام
</a>
@else
{{-- کاربر وارد شده --}}
<a href="{{ route('account.index') }}" class="travel-login">
<i class="fa fa-user"></i>
حساب کاربری
</a>
<a href="{{ route('auth.logout') }}" class="travel-logout">
<i class="fa fa-sign-out"></i>
خروج
</a>
@endguest
<button
type="button"
class="travel-mobile-toggle"
aria-label="منو">
<i class="fa fa-bars"></i>
</button>
</div>
{{-- <div class="travel-navbar-actions">--}}
{{-- <a href="{{ route('auth') }}" class="travel-login">--}}
{{-- <i class="fa fa-user"></i>--}}
{{-- ورود / ثبت‌نام--}}
{{-- </a>--}}
{{-- <button--}}
{{-- type="button"--}}
{{-- class="travel-mobile-toggle"--}}
{{-- aria-label="منو">--}}
{{-- <i class="fa fa-bars"></i>--}}
{{-- </button>--}}
{{-- </div>--}}
</div>
{{-- ==============================
HERO
=============================== --}}
<div class="travel-hero">
<div class="travel-hero-content">
<span class="travel-hero-label">
<i class="fa fa-globe"></i>
سفر خود را شروع کنید
</span>
<h1>
بهترین مقصدها،
<br>
<span>بهترین خاطره‌ها</span>
</h1>
<p>
تورها و پروازهای مورد نظر خود را پیدا کنید
و با بهترین قیمت سفر کنید.
</p>
<div class="travel-hero-buttons">
<a
href="{{ route('tours.index') }}"
class="hero-btn hero-btn-primary">
<i class="fa fa-suitcase"></i>
مشاهده تورها
</a>
@if(Route::has('flights.index'))
<a
href="{{ route('flights.index') }}"
class="hero-btn hero-btn-outline">
<i class="fa fa-plane"></i>
مشاهده پروازها
</a>
@endif
</div>
</div>
</div>
</div>
</div>
{{-- منوی موبایل --}}
<div class="travel-mobile-menu">
<div class="container">
<a href="{{ url('/') }}">
<i class="fa fa-home"></i>
خانه
</a>
<a href="{{ route('tours.index') }}">
<i class="fa fa-suitcase"></i>
تورها
</a>
@if(Route::has('flights.index'))
<a href="{{ route('flights.index') }}">
<i class="fa fa-plane"></i>
پروازها
</a>
@endif
<a href="#">
<i class="fa fa-info-circle"></i>
درباره ما
</a>
<a href="#">
<i class="fa fa-phone"></i>
تماس با ما
</a>
</div>
</div>
</header>
{{--<meta charset="UTF-8">--}}
{{--<meta name="viewport" content="width=device-width, initial-scale=1.0">--}}
{{--<title>@yield('title', 'Dornica')</title>--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/font-awesome.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/lineicons.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/weather-icons.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/styles.css') }}">--}}
File diff suppressed because it is too large Load Diff