diff --git a/app/Models/Gender.php b/app/Models/Gender.php
new file mode 100644
index 0000000..ed50549
--- /dev/null
+++ b/app/Models/Gender.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Spatie\Activitylog\Traits\LogsActivity;
+use Spatie\Activitylog\LogOptions;
+
+class Gender extends Model
+{
+    use HasFactory;
+    use LogsActivity;
+
+    public function getActivitylogOptions(): LogOptions
+    {
+        return LogOptions::defaults();
+   }
+
+    protected $table = 'genders';
+    protected $primaryKey = 'id';
+
+    protected $fillable = ['name', 'image'];
+}
diff --git a/app/Repositories/Catalog/GenderRepository.php b/app/Repositories/Catalog/GenderRepository.php
new file mode 100644
index 0000000..16d5a8d
--- /dev/null
+++ b/app/Repositories/Catalog/GenderRepository.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Repositories\Catalog;
+
+use App\Models\Gender;
+use App\Models\Brand;
+use DB;
+use Carbon\Carbon;
+use Image;
+use Storage;
+
+class GenderRepository
+{
+
+    public function getList($params){
+        $category_id = @$params["category_id"];
+        $brand_id = @$params["brand_id"];
+        if ($category_id && $brand_id){
+            $brand = Brand::find((int) $brand_id);
+
+            $ids = DB::select("select distinct gender from store_category_map a
+            left join item_dimension b
+            left join items on b.no = items.number
+            on a.category1 = b.category1
+            and (a.category2 = b.category2 or a.category2 is null)
+            and (a.category3 = b.category3 or a.category3 is null)
+            and (a.category4 = b.category4 or a.category4 is null)
+            where store_category_id = ? and brand = ?
+            and items.is_publish = true ",[$category_id, $brand->name]);
+            $ids = collect($ids)->pluck("gender");
+            return Gender::whereIn("name",$ids)->get();
+        }
+        return Gender::get();
+    }
+}
diff --git a/app/View/Components/Layout/Header.php b/app/View/Components/Layout/Header.php
new file mode 100644
index 0000000..f0a5e3c
--- /dev/null
+++ b/app/View/Components/Layout/Header.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\View\Components\Layout;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class Header extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.layout.header');
+    }
+}
diff --git a/app/View/Components/Layout/NavbarCategory.php b/app/View/Components/Layout/NavbarCategory.php
new file mode 100644
index 0000000..dba898f
--- /dev/null
+++ b/app/View/Components/Layout/NavbarCategory.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\View\Components\Layout;
+
+use App\Repositories\Catalog\CategoryRepository;
+use App\Repositories\Catalog\GenderRepository;
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class NavbarCategory extends Component
+{
+
+    public $genders = [];
+    public $categories = [];
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+
+        $genderRepository = new GenderRepository();
+        $categoryRepository = new CategoryRepository();
+
+
+        $this->genders = $genderRepository->getList([]);
+        $this->categories = $categoryRepository->getList([]);
+        // chunk
+        $this->categories = collect($this->categories)->chunk(7);
+
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.layout.navbar-category');
+    }
+}
diff --git a/resources/views/components/layout/header.blade.php b/resources/views/components/layout/header.blade.php
new file mode 100644
index 0000000..a6910a5
--- /dev/null
+++ b/resources/views/components/layout/header.blade.php
@@ -0,0 +1,145 @@
+<header class="navbar navbar-expand-lg navbar-sticky bg-body d-block z-fixed p-0" data-sticky-navbar='{"offset": 500}'>
+      <div class="container py-2 py-lg-3">
+        <div class="d-flex align-items-center gap-3">
+
+          <!-- Mobile offcanvas menu toggler (Hamburger) -->
+          <button type="button" class="navbar-toggler me-4 me-md-2" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+
+          <!-- Country selector visible on screens > 768px wide (md breakpoint) -->
+          <x-language-selector />
+
+          <!-- LOcation selector visible on screens > 768px wide (md breakpoint) -->
+          <x-location-selector />
+          
+        </div>
+
+        <!-- Navbar brand (Logo) -->
+        <a class="navbar-brand fs-2 py-0 m-0 me-auto me-sm-n5" href="/">
+        
+          <img src="{{ asset('logo/logo-colored.png') }}" class="d-none d-lg-block" style="height:32px;"/>
+            <img src="{{ asset('logo/logo-app.png') }}" class="d-lg-none" style="height:42px;"/>
+        </a>
+
+        <!-- Button group -->
+        <div class="d-flex align-items-center">
+
+          <!-- Navbar stuck nav toggler -->
+          <button type="button" class="navbar-toggler d-none navbar-stuck-show me-3" data-bs-toggle="collapse" data-bs-target="#stuckNav" aria-controls="stuckNav" aria-expanded="false" aria-label="Toggle navigation in navbar stuck state">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+
+          <!-- Theme switcher (light/dark/auto) -->
+          <div class="dropdown">
+            <button type="button" class="theme-switcher btn btn-icon btn-lg btn-outline-secondary fs-lg border-0 rounded-circle animate-scale" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (light)">
+              <span class="theme-icon-active d-flex animate-target">
+                <i class="ci-sun"></i>
+              </span>
+            </button>
+            <ul class="dropdown-menu" style="--cz-dropdown-min-width: 9rem">
+              <li>
+                <button type="button" class="dropdown-item active" data-bs-theme-value="light" aria-pressed="true">
+                  <span class="theme-icon d-flex fs-base me-2">
+                    <i class="ci-sun"></i>
+                  </span>
+                  <span class="theme-label">Light</span>
+                  <i class="item-active-indicator ci-check ms-auto"></i>
+                </button>
+              </li>
+              <li>
+                <button type="button" class="dropdown-item" data-bs-theme-value="dark" aria-pressed="false">
+                  <span class="theme-icon d-flex fs-base me-2">
+                    <i class="ci-moon"></i>
+                  </span>
+                  <span class="theme-label">Dark</span>
+                  <i class="item-active-indicator ci-check ms-auto"></i>
+                </button>
+              </li>
+              <li>
+                <button type="button" class="dropdown-item" data-bs-theme-value="auto" aria-pressed="false">
+                  <span class="theme-icon d-flex fs-base me-2">
+                    <i class="ci-auto"></i>
+                  </span>
+                  <span class="theme-label">Auto</span>
+                  <i class="item-active-indicator ci-check ms-auto"></i>
+                </button>
+              </li>
+            </ul>
+          </div>
+
+          <!-- Search toggle button visible on screens < 992px wide (lg breakpoint) -->
+          <button type="button" class="btn btn-icon btn-lg fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox" aria-label="Toggle search bar">
+            <i class="ci-search animate-target"></i>
+          </button>
+
+          <!-- Account button visible on screens > 768px wide (md breakpoint) -->
+          <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" href="{{ route('second', ['account', 'signin']) }}">
+            <i class="ci-user animate-target"></i>
+            <span class="visually-hidden">Account</span>
+          </a>
+
+          <!-- Wishlist button visible on screens > 768px wide (md breakpoint) -->
+          <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-pulse d-none d-md-inline-flex" href="#!">
+            <i class="ci-heart animate-target"></i>
+            <span class="visually-hidden">Wishlist</span>
+          </a>
+
+          <!-- Cart button -->
+          <button type="button" class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart" aria-label="Shopping cart">
+            <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2" style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
+            <i class="ci-shopping-bag animate-target me-1"></i>
+          </button>
+        </div>
+      </div>
+
+      <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
+      <div class="collapse navbar-stuck-hide" id="stuckNav">
+        <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
+          <div class="offcanvas-header py-3">
+            <h5 class="offcanvas-title" id="navbarNavLabel">Browse Cartzilla</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+          </div>
+
+          <!-- Country and City selects visible on screens < 768px wide (md breakpoint) -->
+          <div class="offcanvas-header gap-3 d-md-none pt-0 pb-3">
+            <x-language-selector-sidebar />
+            <x-location-selector-sidebar />
+          </div>
+          <div class="offcanvas-body pt-1 pb-3 py-lg-0">
+            <div class="container pb-lg-2 px-0 px-lg-3">
+
+              <div class="position-relative d-lg-flex align-items-center justify-content-between">
+
+                <!-- Categories mega menu -->
+                <x-layout.navbar-category />
+                
+
+                <!-- Navbar nav -->
+                <x-layout.navbar-menu />
+
+                <!-- Search toggle visible on screens > 991px wide (lg breakpoint) -->
+                <button type="button" class="btn btn-outline-secondary justify-content-start w-100 px-3 mb-lg-2 ms-3 d-none d-lg-inline-flex" style="max-width: 240px" data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox">
+                  <i class="ci-search fs-base ms-n1 me-2"></i>
+                  <span class="text-body-tertiary fw-normal">Search</span>
+                </button>
+              </div>
+            </div>
+          </div>
+
+          <!-- Account and Wishlist buttons visible on screens < 768px wide (md breakpoint) -->
+          <div class="offcanvas-header border-top px-0 py-3 mt-3 d-md-none">
+            <div class="nav nav-justified w-100">
+              <a class="nav-link border-end" href="{{ route('second', ['account', 'signin']) }}">
+                <i class="ci-user fs-lg opacity-60 me-2"></i>
+                Account
+              </a>
+              <a class="nav-link" href="#!">
+                <i class="ci-heart fs-lg opacity-60 me-2"></i>
+                Wishlist
+              </a>
+            </div>
+          </div>
+        </nav>
+      </div>
+    </header>
diff --git a/resources/views/components/layout/navbar-category.blade.php b/resources/views/components/layout/navbar-category.blade.php
new file mode 100644
index 0000000..82e904f
--- /dev/null
+++ b/resources/views/components/layout/navbar-category.blade.php
@@ -0,0 +1,93 @@
+<div class="navbar-nav">
+    <div class="dropdown position-static pb-lg-2">
+        <button type="button" class="nav-link animate-underline fw-semibold text-uppercase ps-0" data-bs-toggle="dropdown"
+            data-bs-trigger="hover" data-bs-auto-close="outside" aria-expanded="false">
+            <i class="ci-menu fs-lg me-2"></i>
+            <span class="animate-target">Categories</span>
+        </button>
+        <div class="dropdown-menu w-100 p-4 px-xl-5" style="--cz-dropdown-spacer: .75rem">
+
+            <!-- Nav tabs -->
+            <ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4" role="tablist">
+                @foreach ($genders as $key => $gender)
+                    <li class="nav-item" role="presentation">
+                        <button type="button" class="nav-link text-uppercase {{ $key == 0 ? 'active' : '' }}" id="gender-{{ $gender->id }}-tab"
+                            data-bs-toggle="tab" data-bs-target="#gender-{{ $gender->id }}-tab-pane" role="tab"
+                            aria-controls="gender-{{ $gender->id }}-tab-pane" aria-selected="true">
+                            {{ $gender->name }}
+                        </button>
+                    </li>
+                @endforeach
+                {{-- <li class="nav-item" role="presentation">
+                    <button type="button" class="nav-link text-uppercase active" id="womens-tab" data-bs-toggle="tab"
+                        data-bs-target="#womens-tab-pane" role="tab" aria-controls="womens-tab-pane"
+                        aria-selected="true">
+                        Women's
+                    </button>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <button type="button" class="nav-link text-uppercase" id="mens-tab" data-bs-toggle="tab"
+                        data-bs-target="#mens-tab-pane" role="tab" aria-controls="mens-tab-pane"
+                        aria-selected="false">
+                        Men's
+                    </button>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <button type="button" class="nav-link text-uppercase" id="kids-tab" data-bs-toggle="tab"
+                        data-bs-target="#kids-tab-pane" role="tab" aria-controls="kids-tab-pane"
+                        aria-selected="false">
+                        Kids'
+                    </button>
+                </li> --}}
+            </ul>
+
+            <!-- Tab panes -->
+            <div class="tab-content pb-xl-4">
+
+                @foreach ($genders as $key => $gender)
+                    <div class="tab-pane fade show {{ $key == 0 ? 'active' : '' }}" id="gender-{{ $gender->id }}-tab-pane" role="tabpanel"
+                        aria-labelledby="gender-{{ $gender->id }}-tab">
+                        <div class="row g-4">
+
+                            @foreach ($categories as $chunks)
+                             
+                                    <div class="col-lg-2">
+                                       
+                                        <ul class="nav flex-column gap-2 mt-0">
+                                            @foreach ($chunks as $chunk)
+                                            <li class="d-flex w-100 pt-1">
+                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
+                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">{{ $chunk->name }}</a>
+                                            </li>
+                                            @endforeach
+                                           
+                                        </ul>
+                                    </div>
+                            @endforeach
+
+
+                            <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
+                                <div class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
+                                    <div
+                                        class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
+                                        <div class="h4 lh-base">Women's<br>Heels<br>Collection</div>
+                                        <div>
+                                            <a class="btn btn-sm btn-dark stretched-link"
+                                                href="{{ route('second', ['shop', 'catalog-fashion']) }}"
+                                                data-bs-theme="light">Shop now</a>
+                                        </div>
+                                    </div>
+                                    <img src="/img/mega-menu/fashion/01.jpg"
+                                        class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
+                                        alt="Image">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                @endforeach
+
+
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/home/fashion-v1.blade.php b/resources/views/home/fashion-v1.blade.php
index 1ee6938..fe3f44f 100644
--- a/resources/views/home/fashion-v1.blade.php
+++ b/resources/views/home/fashion-v1.blade.php
@@ -189,533 +189,7 @@
         </div>
     </div>
 
-    <header class="navbar navbar-expand-lg navbar-sticky bg-body d-block z-fixed p-0" data-sticky-navbar='{"offset": 500}'>
-      <div class="container py-2 py-lg-3">
-        <div class="d-flex align-items-center gap-3">
-
-          <!-- Mobile offcanvas menu toggler (Hamburger) -->
-          <button type="button" class="navbar-toggler me-4 me-md-2" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-
-          <!-- Country selector visible on screens > 768px wide (md breakpoint) -->
-          <x-language-selector />
-
-          <!-- LOcation selector visible on screens > 768px wide (md breakpoint) -->
-          <x-location-selector />
-          
-        </div>
-
-        <!-- Navbar brand (Logo) -->
-        <a class="navbar-brand fs-2 py-0 m-0 me-auto me-sm-n5" href="/">
-        
-          <img src="{{ asset('logo/logo-colored.png') }}" class="d-none d-lg-block" style="height:32px;"/>
-            <img src="{{ asset('logo/logo-app.png') }}" class="d-lg-none" style="height:42px;"/>
-        </a>
-
-        <!-- Button group -->
-        <div class="d-flex align-items-center">
-
-          <!-- Navbar stuck nav toggler -->
-          <button type="button" class="navbar-toggler d-none navbar-stuck-show me-3" data-bs-toggle="collapse" data-bs-target="#stuckNav" aria-controls="stuckNav" aria-expanded="false" aria-label="Toggle navigation in navbar stuck state">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-
-          <!-- Theme switcher (light/dark/auto) -->
-          <div class="dropdown">
-            <button type="button" class="theme-switcher btn btn-icon btn-lg btn-outline-secondary fs-lg border-0 rounded-circle animate-scale" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (light)">
-              <span class="theme-icon-active d-flex animate-target">
-                <i class="ci-sun"></i>
-              </span>
-            </button>
-            <ul class="dropdown-menu" style="--cz-dropdown-min-width: 9rem">
-              <li>
-                <button type="button" class="dropdown-item active" data-bs-theme-value="light" aria-pressed="true">
-                  <span class="theme-icon d-flex fs-base me-2">
-                    <i class="ci-sun"></i>
-                  </span>
-                  <span class="theme-label">Light</span>
-                  <i class="item-active-indicator ci-check ms-auto"></i>
-                </button>
-              </li>
-              <li>
-                <button type="button" class="dropdown-item" data-bs-theme-value="dark" aria-pressed="false">
-                  <span class="theme-icon d-flex fs-base me-2">
-                    <i class="ci-moon"></i>
-                  </span>
-                  <span class="theme-label">Dark</span>
-                  <i class="item-active-indicator ci-check ms-auto"></i>
-                </button>
-              </li>
-              <li>
-                <button type="button" class="dropdown-item" data-bs-theme-value="auto" aria-pressed="false">
-                  <span class="theme-icon d-flex fs-base me-2">
-                    <i class="ci-auto"></i>
-                  </span>
-                  <span class="theme-label">Auto</span>
-                  <i class="item-active-indicator ci-check ms-auto"></i>
-                </button>
-              </li>
-            </ul>
-          </div>
-
-          <!-- Search toggle button visible on screens < 992px wide (lg breakpoint) -->
-          <button type="button" class="btn btn-icon btn-lg fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox" aria-label="Toggle search bar">
-            <i class="ci-search animate-target"></i>
-          </button>
-
-          <!-- Account button visible on screens > 768px wide (md breakpoint) -->
-          <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" href="{{ route('second', ['account', 'signin']) }}">
-            <i class="ci-user animate-target"></i>
-            <span class="visually-hidden">Account</span>
-          </a>
-
-          <!-- Wishlist button visible on screens > 768px wide (md breakpoint) -->
-          <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-pulse d-none d-md-inline-flex" href="#!">
-            <i class="ci-heart animate-target"></i>
-            <span class="visually-hidden">Wishlist</span>
-          </a>
-
-          <!-- Cart button -->
-          <button type="button" class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart" aria-label="Shopping cart">
-            <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2" style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
-            <i class="ci-shopping-bag animate-target me-1"></i>
-          </button>
-        </div>
-      </div>
-
-      <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
-      <div class="collapse navbar-stuck-hide" id="stuckNav">
-        <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
-          <div class="offcanvas-header py-3">
-            <h5 class="offcanvas-title" id="navbarNavLabel">Browse Cartzilla</h5>
-            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-          </div>
-
-          <!-- Country and City selects visible on screens < 768px wide (md breakpoint) -->
-          <div class="offcanvas-header gap-3 d-md-none pt-0 pb-3">
-            <x-language-selector-sidebar />
-            <x-location-selector-sidebar />
-          </div>
-          <div class="offcanvas-body pt-1 pb-3 py-lg-0">
-            <div class="container pb-lg-2 px-0 px-lg-3">
-
-              <div class="position-relative d-lg-flex align-items-center justify-content-between">
-
-                <!-- Categories mega menu -->
-                <div class="navbar-nav">
-                  <div class="dropdown position-static pb-lg-2">
-                    <button type="button" class="nav-link animate-underline fw-semibold text-uppercase ps-0" data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside" aria-expanded="false">
-                      <i class="ci-menu fs-lg me-2"></i>
-                      <span class="animate-target">Categories</span>
-                    </button>
-                    <div class="dropdown-menu w-100 p-4 px-xl-5" style="--cz-dropdown-spacer: .75rem">
-
-                      <!-- Nav tabs -->
-                      <ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4" role="tablist">
-                        <li class="nav-item" role="presentation">
-                          <button type="button" class="nav-link text-uppercase active" id="womens-tab" data-bs-toggle="tab" data-bs-target="#womens-tab-pane" role="tab" aria-controls="womens-tab-pane" aria-selected="true">
-                            Women's
-                          </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                          <button type="button" class="nav-link text-uppercase" id="mens-tab" data-bs-toggle="tab" data-bs-target="#mens-tab-pane" role="tab" aria-controls="mens-tab-pane" aria-selected="false">
-                            Men's
-                          </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                          <button type="button" class="nav-link text-uppercase" id="kids-tab" data-bs-toggle="tab" data-bs-target="#kids-tab-pane" role="tab" aria-controls="kids-tab-pane" aria-selected="false">
-                            Kids'
-                          </button>
-                        </li>
-                      </ul>
-
-                      <!-- Tab panes -->
-                      <div class="tab-content pb-xl-4">
-
-                        <!-- Women's tab -->
-                        <div class="tab-pane fade show active" id="womens-tab-pane" role="tabpanel" aria-labelledby="womens-tab">
-                          <div class="row g-4">
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Clothing</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts &amp; Tops</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp; Outerwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Swimwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Shoes</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Heels</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Accessories</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Handbags</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Eyewear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jewelry</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <div class="h6 mb-2">Specialty Sizes</div>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Plus Size</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Petite</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Wide Shoes</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Narrow Shoes</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                              <div class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                <div class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                  <div class="h4 lh-base">Women's<br>Heels<br>Collection</div>
-                                  <div>
-                                    <a class="btn btn-sm btn-dark stretched-link" href="{{ route('second', ['shop', 'catalog-fashion']) }}" data-bs-theme="light">Shop now</a>
-                                  </div>
-                                </div>
-                                <img src="/img/mega-menu/fashion/01.jpg" class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip" alt="Image">
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-
-                        <!-- Men's tab -->
-                        <div class="tab-pane fade" id="mens-tab-pane" role="tabpanel" aria-labelledby="mens-tab">
-                          <div class="row g-4">
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Clothing</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">T-Shirts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jeans</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp; Outerwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Shoes</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Accessories</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sunglasses</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Bags</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <div class="h6 mb-2">Specialty Shops</div>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Active Wear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sports Clothing</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Athletic Shoes</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-4 d-none d-lg-block" data-bs-theme="dark">
-                              <div class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                <div class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                  <div class="h4 lh-base">Men's<br>Sunglasses<br>Offers</div>
-                                  <div>
-                                    <a class="btn btn-sm btn-dark stretched-link" href="{{ route('second', ['shop', 'catalog-fashion']) }}" data-bs-theme="dark">Shop now</a>
-                                  </div>
-                                </div>
-                                <img src="/img/mega-menu/fashion/02.jpg" class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip" alt="Image">
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-
-                        <!-- Kids' tab -->
-                        <div class="tab-pane fade" id="kids-tab-pane" role="tabpanel" aria-labelledby="kids-tab">
-                          <div class="row g-4">
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Boys</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp; Outerwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shorts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Girls</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts &amp; Tops</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hoodies</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp; Outerwear</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                <span class="animate-target">Accessories</span>
-                              </a>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Gloves</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shoe Laces</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Scarves</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-2">
-                              <div class="h6 mb-2">Shop by Age</div>
-                              <ul class="nav flex-column gap-2 mt-0">
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Infant</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Toddler</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Little Kid</a>
-                                </li>
-                                <li class="d-flex w-100 pt-1">
-                                  <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('second', ['shop', 'catalog-fashion']) }}">Big Kid</a>
-                                </li>
-                              </ul>
-                            </div>
-                            <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                              <div class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                <div class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                  <div class="h4 lh-base">Kids'<br>Spring<br>Collection</div>
-                                  <div>
-                                    <a class="btn btn-sm btn-dark stretched-link" href="{{ route('second', ['shop', 'catalog-fashion']) }}" data-bs-theme="light">Shop now</a>
-                                  </div>
-                                </div>
-                                <img src="/img/mega-menu/fashion/03.jpg" class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip" alt="Image">
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <!-- Navbar nav -->
-                <x-layout.navbar-menu />
-
-                <!-- Search toggle visible on screens > 991px wide (lg breakpoint) -->
-                <button type="button" class="btn btn-outline-secondary justify-content-start w-100 px-3 mb-lg-2 ms-3 d-none d-lg-inline-flex" style="max-width: 240px" data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox">
-                  <i class="ci-search fs-base ms-n1 me-2"></i>
-                  <span class="text-body-tertiary fw-normal">Search</span>
-                </button>
-              </div>
-            </div>
-          </div>
-
-          <!-- Account and Wishlist buttons visible on screens < 768px wide (md breakpoint) -->
-          <div class="offcanvas-header border-top px-0 py-3 mt-3 d-md-none">
-            <div class="nav nav-justified w-100">
-              <a class="nav-link border-end" href="{{ route('second', ['account', 'signin']) }}">
-                <i class="ci-user fs-lg opacity-60 me-2"></i>
-                Account
-              </a>
-              <a class="nav-link" href="#!">
-                <i class="ci-heart fs-lg opacity-60 me-2"></i>
-                Wishlist
-              </a>
-            </div>
-          </div>
-        </nav>
-      </div>
-    </header>
+    <x-layout.header />
 
     <main class="content-wrapper">
 
diff --git a/resources/views/shop/catalog-fashion.blade.php b/resources/views/shop/catalog-fashion.blade.php
index aa74acd..5db95cc 100644
--- a/resources/views/shop/catalog-fashion.blade.php
+++ b/resources/views/shop/catalog-fashion.blade.php
@@ -189,1195 +189,7 @@
         </div>
     </div>
 
-    <header class="navbar navbar-expand-lg navbar-sticky bg-body d-block z-fixed p-0"
-        data-sticky-navbar='{"offset": 500}'>
-        <div class="container py-2 py-lg-3">
-            <div class="d-flex align-items-center gap-3">
-
-                <!-- Mobile offcanvas menu toggler (Hamburger) -->
-                <button type="button" class="navbar-toggler me-4 me-md-2" data-bs-toggle="offcanvas"
-                    data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <!-- Country slect visible on screens > 768px wide (md breakpoint) -->
-                <div class="dropdown d-none d-md-block nav">
-                    <a class="nav-link dropdown-toggle py-1 px-0" href="#" data-bs-toggle="dropdown"
-                        aria-haspopup="true" aria-expanded="false" aria-label="Country select: USA">
-                        <div class="ratio ratio-1x1" style="width: 20px">
-                            <img src="/img/flags/en-us.png" alt="USA">
-                        </div>
-                    </a>
-                    <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/en-uk.png" class="flex-shrink-0 me-2" width="20"
-                                    alt="United Kingdom">
-                                United Kingdom
-                            </a>
-                        </li>
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/fr.png" class="flex-shrink-0 me-2" width="20" alt="France">
-                                France
-                            </a>
-                        </li>
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/de.png" class="flex-shrink-0 me-2" width="20"
-                                    alt="Deutschland">
-                                Deutschland
-                            </a>
-                        </li>
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/it.png" class="flex-shrink-0 me-2" width="20" alt="Italia">
-                                Italia
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-
-                <!-- City slect visible on screens > 768px wide (md breakpoint) -->
-                <div class="dropdown d-none d-md-block nav">
-                    <a class="nav-link animate-underline dropdown-toggle fw-normal py-1 px-0" href="#"
-                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                        <span class="animate-target">Washington</span>
-                    </a>
-                    <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                        <li><a class="dropdown-item" href="#!">Chicago</a></li>
-                        <li><a class="dropdown-item" href="#!">Los Angeles</a></li>
-                        <li><a class="dropdown-item" href="#!">New York</a></li>
-                        <li><a class="dropdown-item" href="#!">Philadelphia</a></li>
-                    </ul>
-                </div>
-            </div>
-
-            <!-- Navbar brand (Logo) -->
-            <a class="navbar-brand fs-2 py-0 m-0 me-auto me-sm-n5" href="{{ route('second', ['home', 'fashion-v1']) }}">Cartzilla</a>
-
-            <!-- Button group -->
-            <div class="d-flex align-items-center">
-
-                <!-- Navbar stuck nav toggler -->
-                <button type="button" class="navbar-toggler d-none navbar-stuck-show me-3" data-bs-toggle="collapse"
-                    data-bs-target="#stuckNav" aria-controls="stuckNav" aria-expanded="false"
-                    aria-label="Toggle navigation in navbar stuck state">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <!-- Theme switcher (light/dark/auto) -->
-                <div class="dropdown">
-                    <button type="button"
-                        class="theme-switcher btn btn-icon btn-lg btn-outline-secondary fs-lg border-0 rounded-circle animate-scale"
-                        data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (light)">
-                        <span class="theme-icon-active d-flex animate-target">
-                            <i class="ci-sun"></i>
-                        </span>
-                    </button>
-                    <ul class="dropdown-menu" style="--cz-dropdown-min-width: 9rem">
-                        <li>
-                            <button type="button" class="dropdown-item active" data-bs-theme-value="light"
-                                aria-pressed="true">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-sun"></i>
-                                </span>
-                                <span class="theme-label">Light</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                        <li>
-                            <button type="button" class="dropdown-item" data-bs-theme-value="dark"
-                                aria-pressed="false">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-moon"></i>
-                                </span>
-                                <span class="theme-label">Dark</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                        <li>
-                            <button type="button" class="dropdown-item" data-bs-theme-value="auto"
-                                aria-pressed="false">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-auto"></i>
-                                </span>
-                                <span class="theme-label">Auto</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                    </ul>
-                </div>
-
-                <!-- Search toggle button visible on screens < 992px wide (lg breakpoint) -->
-                <button type="button"
-                    class="btn btn-icon btn-lg fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-lg-none"
-                    data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox"
-                    aria-label="Toggle search bar">
-                    <i class="ci-search animate-target"></i>
-                </button>
-
-                <!-- Account button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex"
-                    href="{{ route('second', ['account', 'signin']) }}">
-                    <i class="ci-user animate-target"></i>
-                    <span class="visually-hidden">Account</span>
-                </a>
-
-                <!-- Wishlist button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-pulse d-none d-md-inline-flex"
-                    href="#!">
-                    <i class="ci-heart animate-target"></i>
-                    <span class="visually-hidden">Wishlist</span>
-                </a>
-
-                <!-- Cart button -->
-                <button type="button"
-                    class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale"
-                    data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart"
-                    aria-label="Shopping cart">
-                    <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2"
-                        style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
-                    <i class="ci-shopping-bag animate-target me-1"></i>
-                </button>
-            </div>
-        </div>
-
-        <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
-        <div class="collapse navbar-stuck-hide" id="stuckNav">
-            <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
-                <div class="offcanvas-header py-3">
-                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse Cartzilla</h5>
-                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-                </div>
-
-                <!-- Country and City slects visible on screens < 768px wide (md breakpoint) -->
-                <div class="offcanvas-header gap-3 d-md-none pt-0 pb-3">
-                    <div class="dropdown nav">
-                        <a class="nav-link dropdown-toggle py-1 px-0" href="#" data-bs-toggle="dropdown"
-                            aria-haspopup="true" aria-expanded="false" aria-label="Country select: USA">
-                            <div class="ratio ratio-1x1" style="width: 20px">
-                                <img src="/img/flags/en-us.png" alt="USA">
-                            </div>
-                        </a>
-                        <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/en-uk.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="United Kingdom">
-                                    United Kingdom
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/fr.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="France">
-                                    France
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/de.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="Deutschland">
-                                    Deutschland
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/it.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="Italia">
-                                    Italia
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="dropdown nav">
-                        <a class="nav-link animate-underline dropdown-toggle fw-normal py-1 px-0" href="#"
-                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            <span class="animate-target">Washington</span>
-                        </a>
-                        <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                            <li><a class="dropdown-item" href="#!">Chicago</a></li>
-                            <li><a class="dropdown-item" href="#!">Los Angeles</a></li>
-                            <li><a class="dropdown-item" href="#!">New York</a></li>
-                            <li><a class="dropdown-item" href="#!">Philadelphia</a></li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="offcanvas-body pt-1 pb-3 py-lg-0">
-                    <div class="container pb-lg-2 px-0 px-lg-3">
-
-                        <div class="position-relative d-lg-flex align-items-center justify-content-between">
-
-                            <!-- Categories mega menu -->
-                            <div class="navbar-nav">
-                                <div class="dropdown position-static pb-lg-2">
-                                    <button type="button"
-                                        class="nav-link animate-underline fw-semibold text-uppercase ps-0"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside"
-                                        aria-expanded="false">
-                                        <i class="ci-menu fs-lg me-2"></i>
-                                        <span class="animate-target">Categories</span>
-                                    </button>
-                                    <div class="dropdown-menu w-100 p-4 px-xl-5" style="--cz-dropdown-spacer: .75rem">
-
-                                        <!-- Nav tabs -->
-                                        <ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4"
-                                            role="tablist">
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase active"
-                                                    id="womens-tab" data-bs-toggle="tab"
-                                                    data-bs-target="#womens-tab-pane" role="tab"
-                                                    aria-controls="womens-tab-pane" aria-selected="true">
-                                                    Women's
-                                                </button>
-                                            </li>
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase" id="mens-tab"
-                                                    data-bs-toggle="tab" data-bs-target="#mens-tab-pane" role="tab"
-                                                    aria-controls="mens-tab-pane" aria-selected="false">
-                                                    Men's
-                                                </button>
-                                            </li>
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase" id="kids-tab"
-                                                    data-bs-toggle="tab" data-bs-target="#kids-tab-pane" role="tab"
-                                                    aria-controls="kids-tab-pane" aria-selected="false">
-                                                    Kids'
-                                                </button>
-                                            </li>
-                                        </ul>
-
-                                        <!-- Tab panes -->
-                                        <div class="tab-content pb-xl-4">
-
-                                            <!-- Women's tab -->
-                                            <div class="tab-pane fade show active" id="womens-tab-pane" role="tabpanel"
-                                                aria-labelledby="womens-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Clothing</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts &amp; Tops</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Swimwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Shoes</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Heels</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Handbags</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Eyewear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jewelry</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Specialty Sizes</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Plus Size</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Petite</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Wide Shoes</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Narrow Shoes</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Women's<br>Heels<br>Collection
-                                                                </div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="light">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/01.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <!-- Men's tab -->
-                                            <div class="tab-pane fade" id="mens-tab-pane" role="tabpanel"
-                                                aria-labelledby="mens-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Clothing</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">T-Shirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jeans</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Shoes</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sunglasses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Bags</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Specialty Shops</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Active Wear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sports Clothing</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Athletic Shoes</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="dark">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Men's<br>Sunglasses<br>Offers</div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="dark">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/02.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <!-- Kids' tab -->
-                                            <div class="tab-pane fade" id="kids-tab-pane" role="tabpanel"
-                                                aria-labelledby="kids-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Boys</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shorts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Girls</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts &amp; Tops</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hoodies</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Gloves</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shoe Laces</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Scarves</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Shop by Age</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Infant</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Toddler</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Little Kid</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Big Kid</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Kids'<br>Spring<br>Collection</div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="light">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/03.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <!-- Navbar nav -->
-                            <ul class="navbar-nav position-relative me-xl-n5">
-                                <li class="nav-item dropdown pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle" href="#" role="button"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">Home</a>
-                                    <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'electronics']) }}">
-                                                <span class="fw-medium">Electronics Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Megamenu + Hero
-                                                    slider</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/electronics-light.jpg"
-                                                        alt="Electronics Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/electronics-dark.jpg"
-                                                        alt="Electronics Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'fashion-v1']) }}">
-                                                <span class="fw-medium">Fashion Store v.1</span>
-                                                <span class="d-block fs-xs text-body-secondary">Hero promo slider</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-1-light.jpg"
-                                                        alt="Fashion Store v.1">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-1-dark.jpg"
-                                                        alt="Fashion Store v.1">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'fashion-v2']) }}">
-                                                <span class="fw-medium">Fashion Store v.2</span>
-                                                <span class="d-block fs-xs text-body-secondary">Hero banner with
-                                                    hotspots</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-2-light.jpg"
-                                                        alt="Fashion Store v.2">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-2-dark.jpg"
-                                                        alt="Fashion Store v.2">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'furniture']) }}">
-                                                <span class="fw-medium">Furniture Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Fancy product
-                                                    carousel</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/furniture-light.jpg"
-                                                        alt="Furniture Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/furniture-dark.jpg"
-                                                        alt="Furniture Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'grocery']) }}">
-                                                <span class="fw-medium">Grocery Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Hero slider + Category
-                                                    cards</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/grocery-light.jpg"
-                                                        alt="Grocery Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/grocery-dark.jpg"
-                                                        alt="Grocery Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'marketplace']) }}">
-                                                <span class="fw-medium">Marketplace</span>
-                                                <span class="d-block fs-xs text-body-secondary">Multi-vendor, digital
-                                                    goods</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/marketplace-light.jpg"
-                                                        alt="Marketplace">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/marketplace-dark.jpg"
-                                                        alt="Marketplace">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0" href="{{ route('second', ['home', 'single-store']) }}">
-                                                <span class="fw-medium">Single Product Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Single product / mono
-                                                    brand</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/single-store-light.jpg"
-                                                        alt="Single Product Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/single-store-dark.jpg"
-                                                        alt="Single Product Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </li>
-                                <li class="nav-item dropdown position-static pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle active" aria-current="page" href="#"
-                                        role="button" data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                        aria-expanded="false">Shop</a>
-                                    <div class="dropdown-menu p-4" style="--cz-dropdown-spacer: .75rem">
-                                        <div class="d-flex flex-column flex-lg-row gap-4">
-                                            <div style="min-width: 190px">
-                                                <div class="h6 mb-2">Electronics Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'categories-electronics']) }}">Categories Page</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-electronics']) }}">Catalog with Side
-                                                            Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-general-electronics']) }}">Product General
-                                                            Info</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-details-electronics']) }}">Product
-                                                            Details</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-reviews-electronics']) }}">Product
-                                                            Reviews</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Fashion Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">Catalog with Side Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-fashion']) }}">Product Page</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Furniture Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-furniture']) }}">Catalog with Top Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-furniture']) }}">Product Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div style="min-width: 190px">
-                                                <div class="h6 mb-2">Grocery Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-grocery']) }}">Catalog with Side Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-grocery']) }}">Product Page</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Marketplace</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-marketplace']) }}">Catalog with Top
-                                                            Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-marketplace']) }}">Digital Product Page</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'marketplace']) }}">Cart / Checkout</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div style="min-width: 190px">
-                                                <div class="h6 mb-2">Checkout v.1</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-cart']) }}">Shopping Cart</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-delivery-1']) }}">Delivery Info (Step 1)</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-delivery-2']) }}">Delivery Info (Step 2)</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-shipping']) }}">Shipping Address</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-payment']) }}">Payment</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-thankyou']) }}">Thank You Page</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Checkout v.2</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-cart']) }}">Shopping Cart</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-delivery']) }}">Delivery Info</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-pickup']) }}">Pickup from Store</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-thankyou']) }}">Thank You Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-                                <li class="nav-item dropdown pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle" href="#" role="button"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside"
-                                        aria-expanded="false">Account</a>
-                                    <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Auth Pages</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'signin']) }}">Sign In</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'signup']) }}">Sign Up</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'password-recovery']) }}">Password Recovery</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Shop User</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'orders']) }}">Orders
-                                                        History</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'wishlist']) }}">Wishlist</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'payment']) }}">Payment
-                                                        Methods</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'reviews']) }}">My Reviews</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'info']) }}">Personal Info</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['account', 'addresses']) }}">Addresses</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'notifications']) }}">Notifications</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Marketplace User</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-dashboard']) }}">Dashboard</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-products']) }}">Products</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-sales']) }}">Sales</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-payouts']) }}">Payouts</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-purchases']) }}">Purchases</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-favorites']) }}">Favorites</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-settings']) }}">Settings</a></li>
-                                            </ul>
-                                        </li>
-                                    </ul>
-                                </li>
-                                <li class="nav-item dropdown pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle" href="#" role="button"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside"
-                                        aria-expanded="false">Pages</a>
-                                    <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">About</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['about', 'v1']) }}">About v.1</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['about', 'v2']) }}">About v.2</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Blog</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['blog', 'grid-v1']) }}">Grid View v.1</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['blog', 'grid-v2']) }}">Grid View v.2</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['blog', 'list']) }}">List View</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['blog', 'single-v1']) }}">Single Post
-                                                        v.1</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['blog', 'single-v2']) }}">Single Post
-                                                        v.2</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Contact</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['contact', 'v1',]) }}">Contact v.1</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['contact', 'v2',]) }}">Contact v.2</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['contact', 'v3',]) }}">Contact v.3</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Help Center</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['help', 'topics-v1']) }}">Help Topics
-                                                        v.1</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['help', 'topics-v2']) }}">Help Topics
-                                                        v.2</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['help', 'single-article-v1']) }}">Help
-                                                        Single Article v.1</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['help', 'single-article-v2']) }}">Help
-                                                        Single Article v.2</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">404 Error</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item" href="{{ route('second', ['404', 'electronics']) }}">404
-                                                        Electronics</a></li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['404', 'fashion']) }}">404 Fashion</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['404', 'furniture']) }}">404 Furniture</a>
-                                                </li>
-                                                <li><a class="dropdown-item" href="{{ route('second', ['404', 'grocery']) }}">404 Grocery</a>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a class="dropdown-item" href="{{ route('any', 'terms-and-conditions')}}">Terms &amp;
-                                                Conditions</a></li>
-                                    </ul>
-                                </li>
-                                
-                            </ul>
-
-                            <!-- Search toggle visible on screens > 991px wide (lg breakpoint) -->
-                            <button type="button"
-                                class="btn btn-outline-secondary justify-content-start w-100 px-3 mb-lg-2 ms-3 d-none d-lg-inline-flex"
-                                style="max-width: 240px" data-bs-toggle="offcanvas" data-bs-target="#searchBox"
-                                aria-controls="searchBox">
-                                <i class="ci-search fs-base ms-n1 me-2"></i>
-                                <span class="text-body-tertiary fw-normal">Search</span>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Account and Wishlist buttons visible on screens < 768px wide (md breakpoint) -->
-                <div class="offcanvas-header border-top px-0 py-3 mt-3 d-md-none">
-                    <div class="nav nav-justified w-100">
-                        <a class="nav-link border-end" href="{{ route('second', ['account', 'signin']) }}">
-                            <i class="ci-user fs-lg opacity-60 me-2"></i>
-                            Account
-                        </a>
-                        <a class="nav-link" href="#!">
-                            <i class="ci-heart fs-lg opacity-60 me-2"></i>
-                            Wishlist
-                        </a>
-                    </div>
-                </div>
-            </nav>
-        </div>
-    </header>
+    <x-layout.header />
 
     <main class="content-wrapper">
 
@@ -1447,8 +259,8 @@
                                 <div class="accordion-item border-0 pb-1 pb-xl-2">
                                     <h4 class="accordion-header" id="headingCategories">
                                         <button type="button" class="accordion-button p-0 pb-3"
-                                            data-bs-toggle="collapse" data-bs-target="#categories"
-                                            aria-expanded="true" aria-controls="categories">
+                                            data-bs-toggle="collapse" data-bs-target="#categories" aria-expanded="true"
+                                            aria-controls="categories">
                                             Categories
                                         </button>
                                     </h4>
@@ -1477,8 +289,7 @@
                                                     </li>
                                                     <li class="nav-item mb-1">
                                                         <a class="nav-link d-block fw-normal p-0" href="#!">
-                                                            Dresses<span
-                                                                class="fs-xs text-body-secondary ms-1">(93)</span>
+                                                            Dresses<span class="fs-xs text-body-secondary ms-1">(93)</span>
                                                         </a>
                                                     </li>
                                                     <li class="nav-item mb-1">
@@ -1524,8 +335,7 @@
                                                     </li>
                                                     <li class="nav-item mb-1">
                                                         <a class="nav-link d-block fw-normal p-0" href="#!">
-                                                            Shorts<span
-                                                                class="fs-xs text-body-secondary ms-1">(147)</span>
+                                                            Shorts<span class="fs-xs text-body-secondary ms-1">(147)</span>
                                                         </a>
                                                     </li>
                                                     <li class="nav-item mb-1">
@@ -1630,34 +440,26 @@
                                                     <div class="form-check mb-0">
                                                         <input type="checkbox" class="form-check-input" id="adidas"
                                                             checked>
-                                                        <label for="adidas"
-                                                            class="form-check-label text-body-emphasis">
-                                                            Adidas<span
-                                                                class="fs-xs text-body-secondary ms-1">(425)</span>
+                                                        <label for="adidas" class="form-check-label text-body-emphasis">
+                                                            Adidas<span class="fs-xs text-body-secondary ms-1">(425)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="taylor">
-                                                        <label for="taylor"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="taylor">
+                                                        <label for="taylor" class="form-check-label text-body-emphasis">
                                                             Ann Taylor<span
                                                                 class="fs-xs text-body-secondary ms-1">(15)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="armani">
-                                                        <label for="armani"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="armani">
+                                                        <label for="armani" class="form-check-label text-body-emphasis">
                                                             Armani<span class="fs-xs text-body-secondary ms-1">(18)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="banana">
-                                                        <label for="banana"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="banana">
+                                                        <label for="banana" class="form-check-label text-body-emphasis">
                                                             Banana Republic<span
                                                                 class="fs-xs text-body-secondary ms-1">(103)</span>
                                                         </label>
@@ -1665,15 +467,13 @@
                                                     <div class="form-check mb-0">
                                                         <input type="checkbox" class="form-check-input" id="bilabong"
                                                             checked>
-                                                        <label for="bilabong"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <label for="bilabong" class="form-check-label text-body-emphasis">
                                                             Bilabong<span
                                                                 class="fs-xs text-body-secondary ms-1">(27)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="birkenstock">
+                                                        <input type="checkbox" class="form-check-input" id="birkenstock">
                                                         <label for="birkenstock"
                                                             class="form-check-label text-body-emphasis">
                                                             Birkenstock<span
@@ -1681,79 +481,60 @@
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="klein">
-                                                        <label for="klein"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="klein">
+                                                        <label for="klein" class="form-check-label text-body-emphasis">
                                                             Calvin Klein<span
                                                                 class="fs-xs text-body-secondary ms-1">(365)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="columbia">
-                                                        <label for="columbia"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="columbia">
+                                                        <label for="columbia" class="form-check-label text-body-emphasis">
                                                             Columbia<span
                                                                 class="fs-xs text-body-secondary ms-1">(508)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="converse">
-                                                        <label for="converse"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="converse">
+                                                        <label for="converse" class="form-check-label text-body-emphasis">
                                                             Converse<span
                                                                 class="fs-xs text-body-secondary ms-1">(176)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="dockers">
-                                                        <label for="dockers"
-                                                            class="form-check-label text-body-emphasis">
-                                                            Dockers<span
-                                                                class="fs-xs text-body-secondary ms-1">(54)</span>
+                                                        <input type="checkbox" class="form-check-input" id="dockers">
+                                                        <label for="dockers" class="form-check-label text-body-emphasis">
+                                                            Dockers<span class="fs-xs text-body-secondary ms-1">(54)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="fruit">
-                                                        <label for="fruit"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="fruit">
+                                                        <label for="fruit" class="form-check-label text-body-emphasis">
                                                             Fruit of the Loom<span
                                                                 class="fs-xs text-body-secondary ms-1">(739)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="hanes">
-                                                        <label for="hanes"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="hanes">
+                                                        <label for="hanes" class="form-check-label text-body-emphasis">
                                                             Hanes<span class="fs-xs text-body-secondary ms-1">(92)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="choo">
-                                                        <label for="choo"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="choo">
+                                                        <label for="choo" class="form-check-label text-body-emphasis">
                                                             Jimmy Choo<span
                                                                 class="fs-xs text-body-secondary ms-1">(17)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="levis">
-                                                        <label for="levis"
-                                                            class="form-check-label text-body-emphasis">
-                                                            Levi's<span
-                                                                class="fs-xs text-body-secondary ms-1">(361)</span>
+                                                        <input type="checkbox" class="form-check-input" id="levis">
+                                                        <label for="levis" class="form-check-label text-body-emphasis">
+                                                            Levi's<span class="fs-xs text-body-secondary ms-1">(361)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="wearhouse">
+                                                        <input type="checkbox" class="form-check-input" id="wearhouse">
                                                         <label for="wearhouse"
                                                             class="form-check-label text-body-emphasis">
                                                             Men's Wearhouse<span
@@ -1761,8 +542,7 @@
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="newbalance">
+                                                        <input type="checkbox" class="form-check-input" id="newbalance">
                                                         <label for="newbalance"
                                                             class="form-check-label text-body-emphasis">
                                                             New Balance<span
@@ -1770,53 +550,41 @@
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="nike">
-                                                        <label for="nike"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="nike">
+                                                        <label for="nike" class="form-check-label text-body-emphasis">
                                                             Nike<span class="fs-xs text-body-secondary ms-1">(810)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="navy">
-                                                        <label for="navy"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="navy">
+                                                        <label for="navy" class="form-check-label text-body-emphasis">
                                                             Old Navy<span
                                                                 class="fs-xs text-body-secondary ms-1">(147)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="puma">
-                                                        <label for="puma"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="puma">
+                                                        <label for="puma" class="form-check-label text-body-emphasis">
                                                             Puma<span class="fs-xs text-body-secondary ms-1">(370)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="skechers">
-                                                        <label for="skechers"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="skechers">
+                                                        <label for="skechers" class="form-check-label text-body-emphasis">
                                                             Skechers<span
                                                                 class="fs-xs text-body-secondary ms-1">(209)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="hilfiger">
-                                                        <label for="hilfiger"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="hilfiger">
+                                                        <label for="hilfiger" class="form-check-label text-body-emphasis">
                                                             Tommy Hilfiger<span
                                                                 class="fs-xs text-body-secondary ms-1">(487)</span>
                                                         </label>
                                                     </div>
                                                     <div class="form-check mb-0">
-                                                        <input type="checkbox" class="form-check-input"
-                                                            id="armour">
-                                                        <label for="armour"
-                                                            class="form-check-label text-body-emphasis">
+                                                        <input type="checkbox" class="form-check-input" id="armour">
+                                                        <label for="armour" class="form-check-label text-body-emphasis">
                                                             Under Armour<span
                                                                 class="fs-xs text-body-secondary ms-1">(90)</span>
                                                         </label>
@@ -1841,11 +609,9 @@
                                         <div class="accordion-body p-0 pb-4 mb-1 mb-xl-2">
                                             <div class="d-flex flex-wrap gap-2">
                                                 <input type="checkbox" class="btn-check" id="size-xxs" checked>
-                                                <label for="size-xxs"
-                                                    class="btn btn-sm btn-outline-secondary">XXS</label>
+                                                <label for="size-xxs" class="btn btn-sm btn-outline-secondary">XXS</label>
                                                 <input type="checkbox" class="btn-check" id="size-xs">
-                                                <label for="size-xs"
-                                                    class="btn btn-sm btn-outline-secondary">XS</label>
+                                                <label for="size-xs" class="btn btn-sm btn-outline-secondary">XS</label>
                                                 <input type="checkbox" class="btn-check" id="size-s">
                                                 <label for="size-s" class="btn btn-sm btn-outline-secondary">S</label>
                                                 <input type="checkbox" class="btn-check" id="size-m">
@@ -1856,32 +622,23 @@
                                                 <label for="size-xl" class="btn btn-sm btn-outline-secondary"><span
                                                         class="mx-n1">XL</span></label>
                                                 <input type="checkbox" class="btn-check" id="size-2xl">
-                                                <label for="size-2xl"
-                                                    class="btn btn-sm btn-outline-secondary">2XL</label>
+                                                <label for="size-2xl" class="btn btn-sm btn-outline-secondary">2XL</label>
                                                 <input type="checkbox" class="btn-check" id="size-40">
-                                                <label for="size-40"
-                                                    class="btn btn-sm btn-outline-secondary">40</label>
+                                                <label for="size-40" class="btn btn-sm btn-outline-secondary">40</label>
                                                 <input type="checkbox" class="btn-check" id="size-42">
-                                                <label for="size-42"
-                                                    class="btn btn-sm btn-outline-secondary">42</label>
+                                                <label for="size-42" class="btn btn-sm btn-outline-secondary">42</label>
                                                 <input type="checkbox" class="btn-check" id="size-44">
-                                                <label for="size-44"
-                                                    class="btn btn-sm btn-outline-secondary">44</label>
+                                                <label for="size-44" class="btn btn-sm btn-outline-secondary">44</label>
                                                 <input type="checkbox" class="btn-check" id="size-45">
-                                                <label for="size-45"
-                                                    class="btn btn-sm btn-outline-secondary">45</label>
+                                                <label for="size-45" class="btn btn-sm btn-outline-secondary">45</label>
                                                 <input type="checkbox" class="btn-check" id="size-46">
-                                                <label for="size-46"
-                                                    class="btn btn-sm btn-outline-secondary">46</label>
+                                                <label for="size-46" class="btn btn-sm btn-outline-secondary">46</label>
                                                 <input type="checkbox" class="btn-check" id="size-48">
-                                                <label for="size-48"
-                                                    class="btn btn-sm btn-outline-secondary">48</label>
+                                                <label for="size-48" class="btn btn-sm btn-outline-secondary">48</label>
                                                 <input type="checkbox" class="btn-check" id="size-50">
-                                                <label for="size-50"
-                                                    class="btn btn-sm btn-outline-secondary">50</label>
+                                                <label for="size-50" class="btn btn-sm btn-outline-secondary">50</label>
                                                 <input type="checkbox" class="btn-check" id="size-52">
-                                                <label for="size-52"
-                                                    class="btn btn-sm btn-outline-secondary">52</label>
+                                                <label for="size-52" class="btn btn-sm btn-outline-secondary">52</label>
                                             </div>
                                         </div>
                                     </div>
@@ -1967,8 +724,7 @@
                                                 </div>
                                                 <div class="form-check mb-0">
                                                     <input type="checkbox" class="form-check-input" id="delivery">
-                                                    <label for="delivery"
-                                                        class="form-check-label text-body-emphasis">Free
+                                                    <label for="delivery" class="form-check-label text-body-emphasis">Free
                                                         delivery</label>
                                                 </div>
                                             </div>
@@ -2022,7 +778,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/01.png" alt="Image">
                                         </div>
@@ -2048,15 +805,13 @@
                                         <span class="text-truncate">Denim midi skirt with pockets</span>
                                     </a>
                                 </div>
-                                <div class="h6 mb-2">$126.50 <del
-                                        class="fs-sm fw-normal text-body-tertiary">$156.00</del>
+                                <div class="h6 mb-2">$126.50 <del class="fs-sm fw-normal text-body-tertiary">$156.00</del>
                                 </div>
                                 <div class="position-relative">
                                     <div class="hover-effect-target fs-xs text-body-secondary opacity-100">+1 color</div>
                                     <div
                                         class="hover-effect-target d-flex gap-2 position-absolute top-0 start-0 opacity-0">
-                                        <input type="radio" class="btn-check" name="colors-1" id="color-1-1"
-                                            checked>
+                                        <input type="radio" class="btn-check" name="colors-1" id="color-1-1" checked>
                                         <label for="color-1-1" class="btn btn-color fs-base" style="color: #284971">
                                             <span class="visually-hidden">Dark denim</span>
                                         </label>
@@ -2078,7 +833,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/02.png" alt="Image">
                                         </div>
@@ -2136,7 +892,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/03.png" alt="Image">
                                         </div>
@@ -2190,7 +947,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/04.png" alt="Image">
                                         </div>
@@ -2232,7 +990,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/05.png" alt="Image">
                                         </div>
@@ -2278,7 +1037,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/06.png" alt="Image">
                                         </div>
@@ -2361,7 +1121,8 @@
                                         </div>
                                     </div>
                                 </div>
-                                <a class="btn btn-sm btn-dark stretched-link" href="{{ route('second', ['shop', 'product-fashion']) }}">Shop
+                                <a class="btn btn-sm btn-dark stretched-link"
+                                    href="{{ route('second', ['shop', 'product-fashion']) }}">Shop
                                     now</a>
                             </div>
                         </div>
@@ -2375,7 +1136,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/07.png" alt="Image">
                                         </div>
@@ -2429,7 +1191,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/08.png" alt="Image">
                                         </div>
@@ -2487,7 +1250,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/09.png" alt="Image">
                                         </div>
@@ -2541,7 +1305,8 @@
                                         aria-label="Add to Wishlist">
                                         <i class="ci-heart animate-target"></i>
                                     </button>
-                                    <a class="d-flex bg-body-tertiary rounded p-3" href="{{ route('second', ['shop', 'product-fashion']) }}">
+                                    <a class="d-flex bg-body-tertiary rounded p-3"
+                                        href="{{ route('second', ['shop', 'product-fashion']) }}">
                                         <div class="ratio" style="--cz-aspect-ratio: calc(308 / 274 * 100%)">
                                             <img src="/img/shop/fashion/10.png" alt="Image">
                                         </div>
diff --git a/resources/views/shop/product-fashion.blade.php b/resources/views/shop/product-fashion.blade.php
index 248e396..2f94d66 100644
--- a/resources/views/shop/product-fashion.blade.php
+++ b/resources/views/shop/product-fashion.blade.php
@@ -593,674 +593,7 @@
         </div>
     </div>
 
-    <header class="navbar navbar-expand-lg navbar-sticky bg-body d-block z-fixed p-0"
-        data-sticky-navbar='{"offset": 500}'>
-        <div class="container py-2 py-lg-3">
-            <div class="d-flex align-items-center gap-3">
-
-                <!-- Mobile offcanvas menu toggler (Hamburger) -->
-                <button type="button" class="navbar-toggler me-4 me-md-2" data-bs-toggle="offcanvas"
-                    data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <!-- Country slect visible on screens > 768px wide (md breakpoint) -->
-                <x-language-selector />
-
-                <!-- City slect visible on screens > 768px wide (md breakpoint) -->
-                <x-location-selector />
-            </div>
-
-            <!-- Navbar brand (Logo) -->
-            <a class="navbar-brand fs-2 py-0 m-0 me-auto me-sm-n5" href="/">
-        
-          <img src="{{ asset('logo/logo-colored.png') }}" class="d-none d-lg-block" style="height:32px;"/>
-            <img src="{{ asset('logo/logo-app.png') }}" class="d-lg-none" style="height:42px;"/>
-        </a>
-
-
-            <!-- Button group -->
-            <div class="d-flex align-items-center">
-
-                <!-- Navbar stuck nav toggler -->
-                <button type="button" class="navbar-toggler d-none navbar-stuck-show me-3" data-bs-toggle="collapse"
-                    data-bs-target="#stuckNav" aria-controls="stuckNav" aria-expanded="false"
-                    aria-label="Toggle navigation in navbar stuck state">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <!-- Theme switcher (light/dark/auto) -->
-                <div class="dropdown">
-                    <button type="button"
-                        class="theme-switcher btn btn-icon btn-lg btn-outline-secondary fs-lg border-0 rounded-circle animate-scale"
-                        data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (light)">
-                        <span class="theme-icon-active d-flex animate-target">
-                            <i class="ci-sun"></i>
-                        </span>
-                    </button>
-                    <ul class="dropdown-menu" style="--cz-dropdown-min-width: 9rem">
-                        <li>
-                            <button type="button" class="dropdown-item active" data-bs-theme-value="light"
-                                aria-pressed="true">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-sun"></i>
-                                </span>
-                                <span class="theme-label">Light</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                        <li>
-                            <button type="button" class="dropdown-item" data-bs-theme-value="dark"
-                                aria-pressed="false">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-moon"></i>
-                                </span>
-                                <span class="theme-label">Dark</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                        <li>
-                            <button type="button" class="dropdown-item" data-bs-theme-value="auto"
-                                aria-pressed="false">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-auto"></i>
-                                </span>
-                                <span class="theme-label">Auto</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                    </ul>
-                </div>
-
-                <!-- Search toggle button visible on screens < 992px wide (lg breakpoint) -->
-                <button type="button"
-                    class="btn btn-icon btn-lg fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-lg-none"
-                    data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox"
-                    aria-label="Toggle search bar">
-                    <i class="ci-search animate-target"></i>
-                </button>
-
-                <!-- Account button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex"
-                    href="{{ route('second', ['account', 'signin']) }}">
-                    <i class="ci-user animate-target"></i>
-                    <span class="visually-hidden">Account</span>
-                </a>
-
-                <!-- Wishlist button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-pulse d-none d-md-inline-flex"
-                    href="#!">
-                    <i class="ci-heart animate-target"></i>
-                    <span class="visually-hidden">Wishlist</span>
-                </a>
-
-                <!-- Cart button -->
-                <button type="button"
-                    class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale"
-                    data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart"
-                    aria-label="Shopping cart">
-                    <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2"
-                        style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
-                    <i class="ci-shopping-bag animate-target me-1"></i>
-                </button>
-            </div>
-        </div>
-
-        <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
-        <div class="collapse navbar-stuck-hide" id="stuckNav">
-            <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
-                <div class="offcanvas-header py-3">
-                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse Cartzilla</h5>
-                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-                </div>
-
-                <!-- Country and City slects visible on screens < 768px wide (md breakpoint) -->
-                <div class="offcanvas-header gap-3 d-md-none pt-0 pb-3">
-                    <x-language-selector-sidebar />
-                    <x-location-selector-sidebar />
-                </div>
-                <div class="offcanvas-body pt-1 pb-3 py-lg-0">
-                    <div class="container pb-lg-2 px-0 px-lg-3">
-
-                        <div class="position-relative d-lg-flex align-items-center justify-content-between">
-
-                            <!-- Categories mega menu -->
-                            <div class="navbar-nav">
-                                <div class="dropdown position-static pb-lg-2">
-                                    <button type="button"
-                                        class="nav-link animate-underline fw-semibold text-uppercase ps-0"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside"
-                                        aria-expanded="false">
-                                        <i class="ci-menu fs-lg me-2"></i>
-                                        <span class="animate-target">Categories</span>
-                                    </button>
-                                    <div class="dropdown-menu w-100 p-4 px-xl-5" style="--cz-dropdown-spacer: .75rem">
-
-                                        <!-- Nav tabs -->
-                                        <ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4"
-                                            role="tablist">
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase active"
-                                                    id="womens-tab" data-bs-toggle="tab"
-                                                    data-bs-target="#womens-tab-pane" role="tab"
-                                                    aria-controls="womens-tab-pane" aria-selected="true">
-                                                    Women's
-                                                </button>
-                                            </li>
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase" id="mens-tab"
-                                                    data-bs-toggle="tab" data-bs-target="#mens-tab-pane" role="tab"
-                                                    aria-controls="mens-tab-pane" aria-selected="false">
-                                                    Men's
-                                                </button>
-                                            </li>
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase" id="kids-tab"
-                                                    data-bs-toggle="tab" data-bs-target="#kids-tab-pane" role="tab"
-                                                    aria-controls="kids-tab-pane" aria-selected="false">
-                                                    Kids'
-                                                </button>
-                                            </li>
-                                        </ul>
-
-                                        <!-- Tab panes -->
-                                        <div class="tab-content pb-xl-4">
-
-                                            <!-- Women's tab -->
-                                            <div class="tab-pane fade show active" id="womens-tab-pane" role="tabpanel"
-                                                aria-labelledby="womens-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Clothing</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts &amp; Tops</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Swimwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion'])}}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Shoes</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Heels</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Handbags</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Eyewear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jewelry</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Specialty Sizes</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Plus Size</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Petite</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Wide Shoes</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Narrow Shoes</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Women's<br>Heels<br>Collection
-                                                                </div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="light">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/01.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <!-- Men's tab -->
-                                            <div class="tab-pane fade" id="mens-tab-pane" role="tabpanel"
-                                                aria-labelledby="mens-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Clothing</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">T-Shirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jeans</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Shoes</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sunglasses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Bags</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Specialty Shops</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Active Wear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sports Clothing</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Athletic Shoes</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="dark">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Men's<br>Sunglasses<br>Offers</div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="dark">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/02.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <!-- Kids' tab -->
-                                            <div class="tab-pane fade" id="kids-tab-pane" role="tabpanel"
-                                                aria-labelledby="kids-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Boys</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shorts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Girls</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts &amp; Tops</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hoodies</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Gloves</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shoe Laces</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Scarves</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Shop by Age</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Infant</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Toddler</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Little Kid</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Big Kid</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Kids'<br>Spring<br>Collection</div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="light">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/03.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <!-- Navbar nav -->
-                            <x-layout.navbar-menu />
-
-                            <!-- Search toggle visible on screens > 991px wide (lg breakpoint) -->
-                            <button type="button"
-                                class="btn btn-outline-secondary justify-content-start w-100 px-3 mb-lg-2 ms-3 d-none d-lg-inline-flex"
-                                style="max-width: 240px" data-bs-toggle="offcanvas" data-bs-target="#searchBox"
-                                aria-controls="searchBox">
-                                <i class="ci-search fs-base ms-n1 me-2"></i>
-                                <span class="text-body-tertiary fw-normal">Search</span>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Account and Wishlist buttons visible on screens < 768px wide (md breakpoint) -->
-                <div class="offcanvas-header border-top px-0 py-3 mt-3 d-md-none">
-                    <div class="nav nav-justified w-100">
-                        <a class="nav-link border-end" href="{{ route('second', ['account', 'signin']) }}">
-                            <i class="ci-user fs-lg opacity-60 me-2"></i>
-                            Account
-                        </a>
-                        <a class="nav-link" href="#!">
-                            <i class="ci-heart fs-lg opacity-60 me-2"></i>
-                            Wishlist
-                        </a>
-                    </div>
-                </div>
-            </nav>
-        </div>
-    </header>
+    <x-layout.header />
 
     <main class="content-wrapper">