feat: implement homepage layout

This commit is contained in:
2026-08-15 14:05:11 +03:30
parent b7505380d9
commit 002327d213
265 changed files with 26322 additions and 0 deletions
+87
View File
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content>
<meta name="keywords" content>
<title>مای تریپ - قالب الگوی رزرو سفر</title>
<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/all-fontawesome.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/flaticon.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/animate.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/magnific-popup.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/owl.carousel.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/nice-select.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/jquery-ui.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/jquery.timepicker.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
</head>
<body>
<div class="preloader">
<div class="loader">
<span style="--i:1;"></span>
<span style="--i:2;"></span>
<span style="--i:3;"></span>
<span style="--i:4;"></span>
<span style="--i:5;"></span>
<span style="--i:6;"></span>
<span style="--i:7;"></span>
<span style="--i:8;"></span>
<span style="--i:9;"></span>
<span style="--i:10;"></span>
<span style="--i:11;"></span>
<span style="--i:12;"></span>
<span style="--i:13;"></span>
<span style="--i:14;"></span>
<span style="--i:15;"></span>
<span style="--i:16;"></span>
<span style="--i:17;"></span>
<span style="--i:18;"></span>
<span style="--i:19;"></span>
<span style="--i:20;"></span>
<div class="loader-plane"></div>
</div>
</div>
@include('layouts.header')
<main class="main">
@yield('content')
</main>
@include('layouts.footer')
<a href="#" id="scroll-top"><i class="far fa-angle-up"></i></a>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="{{asset('assets/js/jquery-3.6.0.min.js')}}"></script>
<script src="{{asset('assets/js/modernizr.min.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/js/imagesloaded.pkgd.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.magnific-popup.min.js')}}"></script>
<script src="{{asset('assets/js/isotope.pkgd.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.appear.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.easing.min.js')}}"></script>
<script src="{{asset('assets/js/owl.carousel.min.js')}}"></script>
<script src="{{asset('assets/js/counter-up.js')}}"></script>
<script src="{{asset('assets/js/masonry.pkgd.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.nice-select.min.js')}}"></script>
<script src="{{asset('assets/js/jquery-ui.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.timepicker.min.js')}}"></script>
<script src="{{asset('assets/js/wow.min.js')}}"></script>
<script src="{{asset('assets/js/main.js')}}"></script>
</body>
</html>
+125
View File
@@ -0,0 +1,125 @@
<footer class="footer-area">
<div class="footer-widget">
<div class="container">
<div class="row footer-widget-wrapper pt-100 pb-70">
<div class="col-md-6 col-lg-3">
<div class="footer-widget-box about-us">
<a href="#" class="footer-logo">
<img src="assets/img/logo/logo-dark.png" alt>
</a>
<p class="mb-4">
ما تغییرات زیادی در معابر موجود هستیم اما اکثریت دچار تغییر شده اند
به شکلی با تزریق
</p>
<ul class="footer-contact">
<li>
<div class="footer-call">
<div class="footer-call-icon">
<i class="fal fa-headset"></i>
</div>
<div class="footer-call-info">
<h6>24/7 تماس با خدمات</h6>
<a href="tel:+21236547898">0912345678</a>
</div>
</div>
</li>
<li><i class="far fa-map-marker-alt"></i>تهران میدان آزادی ، خیابان گل ها</li>
<li><a href="/cdn-cgi/l/email-protection#9df4f3fbf2ddf8e5fcf0edf1f8b3fef2f0"><i class="far fa-envelopes"></i><span class="__cf_email__" data-cfemail="a5cccbc3cae5c0ddc4c8d5c9c08bc6cac8">[ایمیل&#160;محفوظ]</span></a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="footer-widget-box list">
<h4 class="footer-widget-title">شرکت ما</h4>
<ul class="footer-list">
<li><a href="#"><i class="fas fa-angle-double-right"></i> درباره ما</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> با تیم ما آشنا شوید</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> با ما تماس بگیرید</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> برنامه های وابسته</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> تبلیغات با ما</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> مشاغل</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> وبلاگ ما</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="footer-widget-box list">
<h4 class="footer-widget-title">سایر خدمات</h4>
<ul class="footer-list">
<li><a href="#"><i class="fas fa-angle-double-right"></i> پاداش برنامه</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> شرکا</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> برنامه جامعه</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> روابط سرمایه گذار</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> راهنمای توسعه دهنده</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> سفر ای پی ای</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> امتیاز پلاس</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="footer-widget-box list">
<h4 class="footer-widget-title">مرکز راهنمایی</h4>
<ul class="footer-list">
<li><a href="#"><i class="fas fa-angle-double-right"></i> حساب</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> سوالات متداول</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> اطلاع قانونی</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i>حفظ حریم خصوصی</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> شرایط و ضوابط</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> چت زنده</a></li>
<li><a href="#"><i class="fas fa-angle-double-right"></i> نقشه سایت</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="footer-widget-box list">
<h4 class="footer-widget-title">خبرنامه</h4>
<div class="footer-newsletter">
<p>برای دریافت آخرین به روز رسانی و اخبار، در خبرنامه ما مشترک شوید</p>
<div class="subscribe-form">
<form action="#">
<div class="form-group">
<div class="form-group-icon">
<input type="email" class="form-control" placeholder="ایمیل خود را وارد کنید">
<i class="far fa-envelope"></i>
</div>
</div>
<button class="theme-btn" type="submit">
مشترک شوید <i class="far fa-paper-plane"></i>
</button>
<p><i class="far fa-lock"></i> اطلاعات شما نزد ما محفوظ می ماند.</p>
</form>
</div>
</div>
<div class="footer-payment-method">
<h6> میپذیریم:</h6>
<div class="payment-method-img">
<img src="assets/img/payment/paypal.svg" alt>
<img src="assets/img/payment/mastercard.svg" alt>
<img src="assets/img/payment/visa.svg" alt>
<img src="assets/img/payment/discover.svg" alt>
<img src="assets/img/payment/american-express.svg" alt>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6 align-self-center">
<p class="copyright-text">کپی رایت <span id="date"></span> <a href="#"> مای تریپ </a> تمامی حقوق محفوظ است.</p>
</div>
<div class="col-md-6 align-self-center">
<ul class="footer-social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
+56
View File
@@ -0,0 +1,56 @@
<header class="header">
<div class="header-top">
<div class="container">
<div class="row align-items-center">
<div class="col-md-7">
<div class="header-top-left">
<div class="top-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
<div class="top-contact-info">
<ul>
<li><a href="tel:+21234567897"><i class="far fa-phone-arrow-down-left"></i>0912345678</a></li>
<li><a href="/cdn-cgi/l/email-protection#1c75727a735c79647d716c7079327f7371"><i class="far fa-envelopes"></i><span class="__cf_email__" data-cfemail="d4bdbab2bb94b1acb5b9a4b8b1fab7bbb9">[ایمیل&#160;محفوظ]</span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-5">
<div class="header-top-right">
<div class="lang">
<select name="lang" class="select">
<option value="1">انگلیس</option>
<option value="2">روس</option>
<option value="3">روم</option>
<option value="4">فرانس</option>
<option value="5">اسپین</option>
<option value="6">پرتقال</option>
</select>
</div>
<div class="currency">
<select name="currency" class="select">
<option value="1">دلار</option>
<option value="2">یورو</option>
<option value="3">ریال</option>
<option value="4">ین</option>
<option value="5">پوند</option>
<option value="6">فرانک</option>
</select>
</div>
<div class="account">
<a href="#"><i class="far fa-sign-in"></i>وارد شدن</a>
<a href="#"><i class="far fa-user-tie"></i>ثبت نام</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main-navigation">
@include('layouts.navbar')
</div>
</header>
+112
View File
@@ -0,0 +1,112 @@
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo/logo.png" class="logo-display" alt="logo">
<img src="assets/img/logo/logo-dark.png" class="logo-scrolled" alt="logo">
</a>
<div class="mobile-menu-right">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-btn-icon"><i class="far fa-bars"></i></span>
</button>
</div>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">صفحات</a>
<div class="dropdown-menu mega-menu fade-down">
<div class="row">
<div class="col-lg-3">
<ul>
<li><a class="dropdown-item" href="destination.html">مقصد</a></li>
<li><a class="dropdown-item" href="career.html">حرفه</a></li>
<li><a class="dropdown-item" href="career-single.html">جزئیات شغلی</a></li>
<li><a class="dropdown-item" href="become-expert.html">تبدیل به یک متخصص</a></li>
<li><a class="dropdown-item" href="cart.html">سبد خرید من</a></li>
<li><a class="dropdown-item" href="checkout.html">پرداخت</a></li>
<li><a class="dropdown-item" href="booking-confirm.html">تایید رزرو</a></li>
<li><a class="dropdown-item" href="login.html">وارد شدن</a></li>
<li><a class="dropdown-item" href="register.html">ثبت نام</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li><a class="dropdown-item" href="forgot-password.html">فراموشی رمز عبور</a></li>
<li><a class="dropdown-item" href="dashboard.html">داشبورد</a></li>
<li><a class="dropdown-item" href="profile.html">پروفایل من</a></li>
<li><a class="dropdown-item" href="profile-listing.html">فهرست من</a></li>
<li><a class="dropdown-item" href="profile-booking.html">رزرو من</a></li>
<li><a class="dropdown-item" href="profile-booking-history.html">تاریخچه رزرو من</a></li>
<li><a class="dropdown-item" href="profile-wishlist.html"> علاقه مندی های من</a></li>
<li><a class="dropdown-item" href="profile-wallet.html">کیف پول من</a></li>
<li><a class="dropdown-item" href="profile-message.html">پیام ها</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li><a class="dropdown-item" href="profile-notification.html">اطلاعیه</a></li>
<li><a class="dropdown-item" href="profile-setting.html">تنظیمات</a></li>
<li><a class="dropdown-item" href="about.html">درباره ما</a></li>
<li><a class="dropdown-item" href="pricing.html">طرح قیمت گذاری</a></li>
<li><a class="dropdown-item" href="team.html">تیم ما</a></li>
<li><a class="dropdown-item" href="service.html">خدمات</a></li>
<li><a class="dropdown-item" href="service-single.html">سرویس تک</a></li>
<li><a class="dropdown-item" href="gallery.html">آلبوم عکس</a></li>
<li><a class="dropdown-item" href="contact.html">با ما تماس بگیرید</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul>
<li><a class="dropdown-item" href="blog.html">وبلاگ</a></li>
<li><a class="dropdown-item" href="blog-single.html">سینگل وبلاگ</a></li>
<li><a class="dropdown-item" href="faq.html">سوالات متداول</a></li>
<li><a class="dropdown-item" href="testimonial.html">گواهینامه ها</a></li>
<li><a class="dropdown-item" href="404.html">خطای 404</a></li>
<li><a class="dropdown-item" href="coming-soon.html">به زودی</a></li>
<li><a class="dropdown-item" href="terms.html">شرایط استفاده از خدمات</a></li>
<li><a class="dropdown-item" href="privacy.html">حفظ حریم خصوصی</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">پرواز</a>
<ul class="dropdown-menu fade-down">
<li><a class="dropdown-item" href="flight-grid.html">شبکه پرواز</a></li>
<li><a class="dropdown-item" href="flight-list.html">لیست پرواز</a></li>
<li><a class="dropdown-item" href="flight-full-width.html">پرواز با عرض کامل</a>
</li>
<li><a class="dropdown-item" href="flight-single.html">اطلاعات پرواز</a></li>
<li><a class="dropdown-item" href="flight-booking.html">رزرو پرواز</a></li>
<li><a class="dropdown-item" href="flight-search-result.html">نتیجه جستجوی پرواز</a></li>
<li><a class="dropdown-item" href="flight-add.html">پرواز را اضافه کنید</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">تور</a>
<ul class="dropdown-menu fade-down">
<li><a class="dropdown-item" href="tour-grid.html">تور گرید</a></li>
<li><a class="dropdown-item" href="tour-list.html">لیست تور</a></li>
<li><a class="dropdown-item" href="tour-full-width.html">تور با عرض کامل</a></li>
<li><a class="dropdown-item" href="tour-single.html">جزئیات تور</a></li>
<li><a class="dropdown-item" href="tour-booking.html">رزرو تور</a></li>
<li><a class="dropdown-item" href="tour-search-result.html">نتیجه جستجوی تور</a>
</li>
<li><a class="dropdown-item" href="tour-add.html">اضافه کردن تور</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">تماس باما</a></li>
</ul>
<div class="header-nav-right">
<div class="header-btn">
<a href="add-property.html" class="theme-btn mt-2">یک متخصص شوید</a>
</div>
</div>
</div>
</div>
</nav>