diff --git a/app/Http/Controllers/WebsiteController.php b/app/Http/Controllers/WebsiteController.php
index dcc85bf..b534ef1 100755
--- a/app/Http/Controllers/WebsiteController.php
+++ b/app/Http/Controllers/WebsiteController.php
@@ -62,9 +62,14 @@ class WebsiteController extends Controller
         }
         $cats = Cat::whereNull('parent_id')->limit(6)->get();
         $sliders = Slider::whereActive(true)->limit(5)->get();
-        $vid = Clip::latest()->where('active', 1)->first();
+//        $vid = Clip::latest()->where('active', 1)->first();
 
-        return view('website.index', compact('cats', 'sliders', 'vid'));
+        $discount = Discount::whereNotNull('expire')
+            ->where('expire', '>', \DB::raw('NOW()'))
+            ->whereNotNull('product_id')->pluck('product_id')->toArray();
+        $disPros = Product::whereIn('id', $discount)->get();
+
+        return view('website.index', compact('cats', 'sliders', 'disPros'));
     }
 
     public function cat(Cat $cat, Request $request)
diff --git a/resources/theme/js/back-top.js b/resources/theme/js/back-top.js
index c04c36f..3ce2803 100644
--- a/resources/theme/js/back-top.js
+++ b/resources/theme/js/back-top.js
@@ -1,11 +1,9 @@
 // back to top btn
-$('.backtop-btn').click(function(){
-    $('html, body').animate({ scrollTop: 0 }, 'slow');
+$('.backtop-btn').click(function () {
+    $('html, body').animate({scrollTop: 0}, 'slow');
     return false;
 });
 
 /* pre loader */
-$(window).on('load', function () {
-    $('#preloader').delay(350).fadeOut('slow');
-    $('body').delay(350).css({ 'overflow': 'visible' });
-})
+$('#preloader').delay(450).fadeOut('slow');
+$('body').delay(450).css({'overflow': 'visible'});
diff --git a/resources/theme/scss/_mega-menu.scss b/resources/theme/scss/_mega-menu.scss
index 8f4c810..1591789 100644
--- a/resources/theme/scss/_mega-menu.scss
+++ b/resources/theme/scss/_mega-menu.scss
@@ -1,11 +1,11 @@
 
 .up-nav{
   width: 100%;
-  height: 85px;
+  height: 115px;
   background-color: $bg2;
   img{
     width: 110px;
-    height: 85px;
+    height: 115px;
     display: block;
     margin: auto;
   }
diff --git a/resources/views/website/component/navbar.blade.php b/resources/views/website/component/navbar.blade.php
index 0ba7d00..dc8cae1 100644
--- a/resources/views/website/component/navbar.blade.php
+++ b/resources/views/website/component/navbar.blade.php
@@ -1,64 +1,49 @@
-<nav>
-    <ul id="mega-menu">
+<div id="nav-menu">
+    <ul>
+        @foreach(\App\Helpers\getMainCats(12) as $mcat)
         <li>
-            <a href="/">
-                <img src="{{asset('images/logo.png')}}" class="logo" alt="">
+            <a href="{{route('cat',$mcat->slug)}}">
+                {{$mcat->name}}
+                <i class="ri-arrow-drop-left-line"></i>
             </a>
-        </li>
-        @foreach(\App\Helpers\getMainCats(4) as $mcat)
-            <li>
-                <a href="{{route('cat',$mcat->slug)}}">
+            <div class="sub-item">
+                <h3>
                     {{$mcat->name}}
-                </a>
-                <ul>
-                    <li>
-                        <h3>
-                            محبوب ترین
-                            {{$mcat->name}}
-                            ها
-                        </h3>
+                </h3>
+                <div class="grid">
+                    <div>
+
                         <ul>
-                            @foreach($mcat->products()->orderby('stock_quantity','desc')->limit(5)->get() as $p)
+                            @foreach(\App\Helpers\getSubCats($mcat->id) as $subcat)
                                 <li>
-                                    <a href="{{route('product',$p->slug)}}">
-                                        {{$p->name}}
+                                    <a href="{{route('cat',$subcat->slug)}}">
+                                        <i class="fa fa-external-link"></i>
+                                        {{$subcat->name}}
                                     </a>
                                 </li>
                             @endforeach
                         </ul>
-                    </li>
-                    <li>
-                        <h3>
-                            {{$mcat->name}}
-                            به تفکیک
-                        </h3>
+                    </div>
+                    <div>
                         <ul>
                             @foreach(\App\Helpers\getSubCats($mcat->id) as $subcat)
                                 <li>
                                     <a href="{{route('cat',$subcat->slug)}}">
+                                        <i class="fa fa-external-link"></i>
                                         {{$subcat->name}}
                                     </a>
                                 </li>
                             @endforeach
                         </ul>
-                    </li>
+                    </div>
+                    <div>
+                        <img src="{{$mcat->thumbUrl()}}" class="img-fluid" alt="">
+{{--                        {{$mcat->description}}--}}
+                    </div>
+                </div>
+            </div>
 
-                    <li class="x-highlight">
-                        <h3>
-                            {{$mcat->name}}
-                        </h3>
-                        <br>
-                        <p>
-                            {{$mcat->description}}
-                        </p>
-                    </li>
-                    <li>
-                        <img src="{{$mcat->thumbUrl()}}" alt="">
-                    </li>
-                </ul>
-            </li>
+        </li>
         @endforeach
-        {!! \App\Helpers\MenuShowByName('menu')  !!}
     </ul>
-</nav>
-<div id="search-list"></div>
+</div>
diff --git a/resources/views/website/index.blade.php b/resources/views/website/index.blade.php
index 46e2e99..a03701b 100755
--- a/resources/views/website/index.blade.php
+++ b/resources/views/website/index.blade.php
@@ -1,163 +1,317 @@
 @extends('website.layout.layout')
 @section('content')
-    <section id="index-top">
-        <div class="container">
-            <div class="grid">
-                <div class="display-block position-relative">
-                    <div class="fa fa-mobile-alt fa-bg"></div>
-                    <h2 class="mt-5 ms-3">
-                        {{\App\Helpers\getSetting('top1text')}}
-                    </h2>
-                    <div class="clearfix mt-5 mb-5"></div>
-                    <div id="owl2" class="owl-carousel owl-theme">
-                        @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top1cat'),'id','desc',10) as $p)
-                            <div class="item">
-                                <div class="box">
-                                    <a href="{{route('product',$p->slug)}}">
-                                        <img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}">
-                                        <h4>
-                                            {{$p->name}}
-                                        </h4>
-                                    </a>
-                                    <span>
-                            {{$p->getPrice()}}
-                        </span>
-                                    <a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2">
-                                        <img src="{{asset('images/basket.svg')}}" class="basket-icon" alt=""> &nbsp;
-                                        افزودن به سبد خرید
-                                    </a>
-                                </div>
+
+    <!-- hero -->
+    <header id="head-slider" class=" mt-3 container">
+        <div class=" text-center  " id="header">
+            <div class="row m-0">
+                <div class="hero-carousel col-md-12 my-2 order-md-last order-first mt-3">
+                    <div id="carouselExampleDark" class="carousel carousel-dark slide container-sm"
+                         data-bs-ride="carousel">
+                        <div class="carousel-indicators">
+                            <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0"
+                                    class="active"
+                                    aria-current="true" aria-label="Slide 1"></button>
+                            <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1"
+                                    aria-label="Slide 2"></button>
+                            <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2"
+                                    aria-label="Slide 3"></button>
+                            <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="3"
+                                    aria-label="Slide 4"></button>
+                            <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="4"
+                                    aria-label="Slide 5"></button>
+                        </div>
+                        <div class="carousel-inner">
+                            <div class="carousel-item active" data-bs-interval="3000">
+                                <a href="{{\App\Helpers\getSetting('carousel-1-link')}}">
+                                    <img src="{{asset('images/carousel/carousel-1.jpg')}}"
+                                                            class="d-block w-100 "
+                                                            alt="..."></a>
+                            </div>
+                            <div class="carousel-item" data-bs-interval="3000">
+                                <a href="{{\App\Helpers\getSetting('carousel-2-link')}}">
+                                    <img src="{{asset('images/carousel/carousel-2.jpg')}}"
+                                                            class="d-block w-100"
+                                                            alt="..."></a>
+                            </div>
+                            <div class="carousel-item" data-bs-interval="3000">
+                                <a href="{{\App\Helpers\getSetting('carousel-3-link')}}">
+                                    <img src="{{asset('images/carousel/carousel-3.jpg')}}"
+                                                            class="d-block w-100"
+                                                            alt="..."></a>
+                            </div>
+                            <div class="carousel-item" data-bs-interval="3000">
+                                <a href="{{\App\Helpers\getSetting('carousel-4-link')}}">
+                                    <img src="{{asset('images/carousel/carousel-4.jpg')}}"
+                                                            class="d-block w-100"
+                                                            alt="..."></a>
+                            </div>
+                            <div class="carousel-item" data-bs-interval="3000">
+                                <a href="{{\App\Helpers\getSetting('carousel-5-link')}}">
+                                    <img src="{{asset('images/carousel/carousel-5.jpg')}}"
+                                                            class="d-block w-100 "
+                                                            alt="..."></a>
                             </div>
-                        @endforeach
+                        </div>
+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark"
+                                data-bs-slide="prev">
+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                            <span class="visually-hidden">Previous</span>
+                        </button>
+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark"
+                                data-bs-slide="next">
+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                            <span class="visually-hidden">Next</span>
+                        </button>
                     </div>
                 </div>
-                <div class="position-relative">
-                    @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top2cat'),'id','desc',2) as $p)
-                        <article>
-                            <a href="{{route('product',$p->slug)}}">
-
-                                <img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}">
-                                <div>
-                                    <div class="text-light">
-                                        {{$p->getPrice()}}
-                                    </div>
-                                </div>
-                            </a>
-                            <span class="badge bg-secondary discount">
-                                {{\App\Helpers\getSetting('top2text')}}
-                    </span>
-                        </article>
-                    @endforeach
 
+                <div class="row m-0">
+                    <div class="col-6">
+                        <a href="{{\App\Helpers\getSetting('banner1-link')}}"><img src="{{asset('images/banner1.png')}}" alt=""></a>
+                    </div>
+                    <div class="col-6">
+                        <a href="{{\App\Helpers\getSetting('banner2-link')}}"><img src="{{asset('images/banner2.png')}}" alt=""></a>
+                    </div>
                 </div>
-                <div class="position-relative">
-                    @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top3cat'),'id','desc',2) as $p)
-                        <article>
-                            <a href="{{route('product',$p->slug)}}">
 
-                                <img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}">
-                                <div>
-                                    <div class="text-light">
-                                        {{$p->getPrice()}}
-                                    </div>
-                                </div>
-                            </a>
-                            <span class="badge bg-secondary discount">
-                                {{\App\Helpers\getSetting('top3text')}}
-                    </span>
-                        </article>
-                    @endforeach
-                </div>
+            </div>
+        </div>
+    </header>
+    <!-- hero -->
+
+    <!-- banners-->
+    <section class="banners container mt-3">
+        <div class="row m-0">
+            <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-3 mt-sm-3 mt-md-0 ">
+                <a href="{{\App\Helpers\getSetting('banner3-link')}}"><img src="{{asset('images/banner3.png')}}" alt=""></a>
+            </div>
+            <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-3 mt-sm-3 mt-md-0 ">
+                <a href="{{\App\Helpers\getSetting('banner4-link')}}"><img src="{{asset('images/banner4.png')}}" alt=""></a>
             </div>
         </div>
     </section>
-    <section id="new-products" class="mt-5 long-box">
-        <div class="container pt-4 pb-4">
-            <h1 class="mb-4">
-                {{\App\Helpers\getSetting('sectext')}}
-            </h1>
-            <div id="owl1" class="owl-carousel owl-theme">
-                @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('seccat'),'id','desc',10) as $p)
-                    <div class="item ">
-                        <div class="box">
-                            <a href="{{route('product',$p->slug)}}">
-                                <img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}">
-                            </a>
-                            <a href="{{route('product',$p->slug)}}">
-                                <h4>
-                                    {{$p->name}}
-                                </h4>
-                                <span>
-                                  {{$p->getPrice()}}
-                        </span>
-                            </a>
-                            <div>
-                                <a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2 corner">
-                                    <img src="{{asset('images/basket.svg')}}" class="basket-icon" alt=""> &nbsp;
-                                    افزودن به سبد خرید
-                                </a>
+    <!-- banners-->
+
+    <!-- services-->
+    <div class="head-services container mt-3">
+        <div class="row m-0">
+            @if(\App\Helpers\getSettingCategory('supports') != null)
+                @foreach(\App\Helpers\getSettingCategory('supports')->posts as $p)
+                    <div class="serv-box col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3">
+                        <a href="{{route('n.show',$p->slug)}}">
+                            <div class="row m-0">
+                                <div class="col-4">
+                                    <img src="{{$p->imgUrl()}}" style="max-height: 58px;" alt="">
+                                </div>
+                                <div class="col-8">
+                                    <h4>
+                                        {{$p->title}}
+                                    </h4>
+                                    <span>
+                                {{$p->subtitle}}
+                            </span>
+                                </div>
                             </div>
-                        </div>
+                        </a>
                     </div>
                 @endforeach
+            @endif
+        </div>
+    </div>
+    <!-- services-->
 
+    <!-- slider 1-->
+    <div class="slider-title container mt-4">
+        <h5>
+            محصولات آرایشی
+        </h5>
+    </div>
+    <section class="slider container ">
+        <div class="main-content">
+            <div class="owl-carousel owl-theme">
+                @foreach($disPros as $pro)
+                <div class="item">
+                    <a href="{{route('product',$pro->slug)}}">
+                        <div class="slider-box">
+                            <img src="{{$pro->thumburl()}}" alt="Picture 1">
+                            <h5>
+                                {{$pro->name}}
+                            </h5>
+                            <del>
+                                {{$pro->getOldPrice()}}
+                            </del>
+                            <h6>
+                                {{$pro->getPurePrice()}}
+                            </h6>
+                            <img src="{{asset('images/sale.svg')}}" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+                @endforeach
+            </div>
+            <div class="owl-theme">
+                <div class="owl-controls">
+                    <div class="custom-nav owl-nav"></div>
+                </div>
             </div>
-            <a href="{{route('products')}}" class="float-end btn btn-outline-primary">
-                همه محصولات
-            </a>
-            <br>
-            <br>
         </div>
     </section>
-    <section id="filtering" class="pb-4 pt-4 bg long-box">
-        <div class="container">
-            <h1>
-                {{\App\Helpers\getSetting('3text')}}
-            </h1>
-            <div class="btn-group mt-3" role="group" aria-label="Basic example">
-                <button type="button" class="btn btn-primary active" data-cat="all">همه</button>
-                @foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('3cat')) as $cat)
-                    <button type="button" class="btn btn-primary" data-cat="cat{{$cat->id}}">
-                        {{$cat->name}}
-                    </button>
-                @endforeach
-            </div>
-            <div id="da-thumbs" class="da-thumbs">
-                @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('3cat'),'stock_quantity','desc',12) as $p)
-                    <div class="item custom @foreach($p->categories()->pluck('id')->toArray() as $c) cat{{$c}} @endforeach shad pad">
-                        <div class="box">
-                            <a href="{{route('product',$p->slug)}}">
-                                <img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}" >
-                                <h4>
-                                    {{$p->name}}
-                                </h4>
-                            </a>
-                            <span>
+    <!-- slider 1-->
 
-                          {{$p->getPrice()}}
-                        </span>
+    <!-- offer banners mid-->
+    <div class="offer-mid-banner mt-3 container">
+        <div class="row m-0">
+            <div class="col-6">
+                <a href="{{\App\Helpers\getSetting('offer1-link')}}"><img src="{{asset('images/offer1.png')}}" alt=""></a>
+            </div>
+            <div class="col-6">
+                <a href="{{\App\Helpers\getSetting('offer2-link')}}"><img src="{{asset('images/offer2.png')}}" alt=""></a>
+            </div>
+        </div>
+    </div>
+    <!-- offer banners mid-->
 
+    <!-- slider 2-->
+    <div class="slider-title container mt-4">
+        <h5>
+            محصولات بهداشتی
+        </h5>
+    </div>
+    <section class="slider container ">
+        <div class="main-content">
+            <div class="owl-carousel owl-theme">
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-2.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
                         </div>
-                    </div>
-                @endforeach
-
+                    </a>
+                </div>
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-1.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-3.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-4.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="owl-theme">
+                <div class="owl-controls">
+                    <div class="custom-nav owl-nav"></div>
+                </div>
             </div>
         </div>
     </section>
-    <section id="brand" class="pt-4 pb-4">
-        <div class="container">
-            <h1>
-                برندها
-            </h1>
-            <div class="row">
-                @foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('4cat')) as $cat)
-                    <div class="col-md-2 col-sm-3 col-4">
-                        <a href="{{route('cat',$cat->slug)}}">
-                            <img src="{{$cat->thumbUrl()}}"  title="{{$cat->name}}" alt="{{$cat->name}}">
-                        </a>
-                    </div>
-                @endforeach
+    <!-- slider 2-->
+
+    <!-- slider 3-->
+    <div class="slider-title container mt-4">
+        <h5>
+            محصولات بهداشت بدن
+        </h5>
+    </div>
+    <section class="slider container ">
+        <div class="main-content">
+            <div class="owl-carousel owl-theme">
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-2.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-1.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-3.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="item">
+                    <a href="product.html">
+                        <div class="slider-box">
+                            <img src="assets/img/index/products/p-4.jpeg" alt="Picture 1">
+                            <h5>
+                                نام محصول
+                            </h5>
+                            <del>185.000</del>
+                            <h6>165.200</h6>
+                            <img src="assets/img/sale.svg" class="sale-off" alt="">
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="owl-theme">
+                <div class="owl-controls">
+                    <div class="custom-nav owl-nav"></div>
+                </div>
             </div>
         </div>
     </section>
+    <!-- slider 3-->
+
 @endsection
diff --git a/resources/views/website/layout/layout.blade.php b/resources/views/website/layout/layout.blade.php
index 32c2131..b0718d4 100755
--- a/resources/views/website/layout/layout.blade.php
+++ b/resources/views/website/layout/layout.blade.php
@@ -1,6 +1,10 @@
 @include('website.component.header')
 
-<div id="main-container" class="@yield('body-class')">
+<div id="preloader">
+    <img src="{{asset('images/preloader.gif')}}" alt="">
+</div>
+
+<div class="@yield('body-class')">
     <div id="app">
         @yield('content')
     </div>