first upload all files

Themes/Storefront/views/public/layout/navigation/category_menu.blade.php

@@ -0,0 +1,28 @@
+<div class="category-nav {{ request()->routeIs('home') ? 'show' : '' }}">
+    <div class="category-nav-inner">
+        {{ trans('storefront::layout.all_categories_header') }}
+        <i class="las la-bars"></i>
+    </div>
+
+    @if ($categoryMenu->menus()->isNotEmpty())
+        <div class="category-dropdown-wrap">
+            <div class="category-dropdown">
+                <ul class="list-inline mega-menu vertical-megamenu">
+                    @foreach ($categoryMenu->menus() as $menu)
+                        @include('public.layout.navigation.menu', ['type' => 'category_menu'])
+                    @endforeach
+
+                    <li class="more-categories">
+                        <a href="{{ route('categories.index') }}" class="menu-item">
+                            <span class="menu-item-icon">
+                                <i class="las la-plus-square"></i>
+                            </span>
+
+                            {{ trans('storefront::layout.all_categories') }}
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    @endif
+</div>

Themes/Storefront/views/public/layout/navigation/dropdown.blade.php

@@ -0,0 +1,15 @@
+@if ($subMenus->isNotEmpty())
+    <ul class="list-inline sub-menu">
+        @foreach ($subMenus as $subMenu)
+            <li class="{{ $subMenu->hasItems() ? 'dropdown' : '' }}">
+                <a href="{{ $subMenu->url() }}" target="{{ $subMenu->target() }}">
+                    {{ $subMenu->name() }}
+                </a>
+
+                @if ($subMenu->hasItems())
+                    @include('public.layout.navigation.dropdown', ['subMenus' => $subMenu->items()])
+                @endif
+            </li>
+        @endforeach
+    </ul>
+@endif

Themes/Storefront/views/public/layout/navigation/fluid.blade.php

@@ -0,0 +1,31 @@
+<ul
+    class="list-inline fluid-menu-wrap"
+
+    @if ($menu->hasBackgroundImage())
+        style="background-image: url({{ $menu->backgroundImage() }});"
+    @endif
+>
+    <li>
+        <div class="fluid-menu-content">
+            @foreach ($subMenus as $subMenu)
+                <div class="fluid-menu-list">
+                    <h5 class="fluid-menu-title">
+                        <a href="{{ $subMenu->url() }}" target="{{ $subMenu->target() }}">
+                            {{ $subMenu->name() }}
+                        </a>
+                    </h5>
+
+                    <ul class="list-inline fluid-sub-menu-list">
+                        @foreach ($subMenu->items() as $item)
+                            <li>
+                                <a href="{{ $item->url() }}" target="{{ $subMenu->target() }}">
+                                    {{ $item->name() }}
+                                </a>
+                            </li>
+                        @endforeach
+                    </ul>
+                </div>
+            @endforeach
+        </div>
+    </li>
+</ul>

Themes/Storefront/views/public/layout/navigation/menu.blade.php

@@ -0,0 +1,17 @@
+<li class="{{ mega_menu_classes($menu, $type) }}">
+    <a href="{{ $menu->url() }}" class="nav-link menu-item" target="{{ $menu->target() }}" data-text="{{ $menu->name() }}">
+        @if ($type === 'category_menu' && $menu->hasIcon())
+            <span class="menu-item-icon">
+                <i class="{{ $menu->icon() }}"></i>
+            </span>
+        @endif
+
+        {{ $menu->name() }}
+    </a>
+
+    @if ($menu->isFluid())
+        @include('public.layout.navigation.fluid', ['subMenus' => $menu->subMenus()])
+    @else
+        @include('public.layout.navigation.dropdown', ['subMenus' => $menu->subMenus()])
+    @endif
+</li>

Themes/Storefront/views/public/layout/navigation/primary_menu.blade.php

@@ -0,0 +1,7 @@
+<nav class="navbar navbar-expand-sm">
+    <ul class="navbar-nav mega-menu horizontal-megamenu">
+        @foreach ($primaryMenu->menus() as $menu)
+            @include('public.layout.navigation.menu', ['type' => 'primary_menu'])
+        @endforeach
+    </ul>
+</nav>