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>