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
+312 -8
View File
@@ -1,10 +1,314 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<header id="site-header" class="travel-header">
<title>@yield('title', 'Dornica')</title>
{{-- پس‌زمینه هدر / Hero --}}
<div class="travel-header-bg">
<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') }}">
<div
class="travel-header-bg-image"
style="background-image:url('{{ asset('assets/img/o14abktz5iy_1500x800.jpg') }}');">
</div>
<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') }}">--}}