From 7e544e2f301fc9afc499749a0ed590e9c1eefb26 Mon Sep 17 00:00:00 2001
From: Bayu Lukman Yusuf <bayuly94@gmail.com>
Date: Tue, 24 Feb 2026 16:30:55 +0700
Subject: [PATCH 1/3] hide brand if no logo

---
 .../components/grocery/top-header.blade.php   | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/resources/views/components/grocery/top-header.blade.php b/resources/views/components/grocery/top-header.blade.php
index bf7b1e7..8008056 100644
--- a/resources/views/components/grocery/top-header.blade.php
+++ b/resources/views/components/grocery/top-header.blade.php
@@ -4,15 +4,16 @@
             <div class="nav flex-nowrap justify-content-between gap-4 py-2">
 
                 @foreach ($brands as $key => $brand)
-                  
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0"
-                        href="{{ route('product.index', ['filter[brand]' => $brand->id]) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-white border rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="{{ $brand->image_url }}" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">{{ $brand->name }}</span>
-                    </a>
+                    @if ($brand->image_url)
+                        <a class="nav-link align-items-center animate-underline gap-2 p-0"
+                            href="{{ route('product.index', ['filter[brand]' => $brand->id]) }}">
+                            <span class="d-flex align-items-center justify-content-center bg-white border rounded-circle"
+                                style="width: 40px; height: 40px">
+                                <img src="{{ $brand->image_url }}" width="30" alt="Image">
+                            </span>
+                            <span class="d-block animate-target fw-semibold text-nowrap ms-1">{{ $brand->name }}</span>
+                        </a>
+                    @endif
                 @endforeach
                 
             </div>

From 0ca2f2d15a8df274cdf3102a3fbf95b0ba0d043b Mon Sep 17 00:00:00 2001
From: Bayu Lukman Yusuf <bayuly94@gmail.com>
Date: Wed, 25 Feb 2026 08:52:54 +0700
Subject: [PATCH 2/3] change header

---
 app/Http/Controllers/HomeController.php       |   2 +-
 app/Http/Controllers/ProductController.php    |   5 +-
 resources/views/checkout/v1-cart.blade.php    |   2 +-
 .../checkout/v1-delivery-1-shipping.blade.php |   2 +-
 .../views/checkout/v1-delivery-1.blade.php    |   2 +-
 resources/views/contact/v1.blade.php          |   2 +-
 resources/views/help/topics-v2.blade.php      |   2 +-
 resources/views/home/fashion-v1.blade.php     |   2 +-
 resources/views/layouts/account.blade.php     |   2 +-
 .../views/shop/catalog-fashion.blade.php      |   2 +-
 .../views/shop/product-fashion.blade.php      |   6 +-
 .../views/shop/product-grocery.blade.php      | 730 +-----------------
 routes/web.php                                |   5 +-
 13 files changed, 21 insertions(+), 743 deletions(-)

diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index bebfa47..ed77bb9 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -8,7 +8,7 @@ class HomeController extends Controller
 {
 
     
-    public function index(Request $request)
+    public function fashion(Request $request)
     {
         return view('home.fashion-v1');
     }
diff --git a/app/Http/Controllers/ProductController.php b/app/Http/Controllers/ProductController.php
index e143976..0bb3ad6 100644
--- a/app/Http/Controllers/ProductController.php
+++ b/app/Http/Controllers/ProductController.php
@@ -477,7 +477,7 @@ class ProductController extends Controller
         ]);
     }
 
-    public function detail($slug, Request $request, ProductRepository $productRepository)
+    public function detailFashion($slug, Request $request, ProductRepository $productRepository)
     {
 
         $product = $productRepository->show($slug);
@@ -495,4 +495,7 @@ class ProductController extends Controller
 
         ]);
     }
+
+
+    
 }
diff --git a/resources/views/checkout/v1-cart.blade.php b/resources/views/checkout/v1-cart.blade.php
index 29d094a..e6b64e6 100644
--- a/resources/views/checkout/v1-cart.blade.php
+++ b/resources/views/checkout/v1-cart.blade.php
@@ -5,7 +5,7 @@
 
 
 
-    <x-layout.header />
+    <x-layout.header-grocery />
 
     <main class="content-wrapper">
 
diff --git a/resources/views/checkout/v1-delivery-1-shipping.blade.php b/resources/views/checkout/v1-delivery-1-shipping.blade.php
index 80c07b5..b82ed26 100644
--- a/resources/views/checkout/v1-delivery-1-shipping.blade.php
+++ b/resources/views/checkout/v1-delivery-1-shipping.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.landing', ['title' => 'Checkout v.1 - Delivery Info Step 1'])
 
 @section('content')
-    <x-layout.header />
+    <x-layout.header-grocery />
 
     <!-- Page content -->
     <main class="content-wrapper">
diff --git a/resources/views/checkout/v1-delivery-1.blade.php b/resources/views/checkout/v1-delivery-1.blade.php
index 9b73b7a..f0fe1a4 100644
--- a/resources/views/checkout/v1-delivery-1.blade.php
+++ b/resources/views/checkout/v1-delivery-1.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.landing', ['title' => 'Checkout v.1 - Delivery Info Step 1'])
 
 @section('content')
-    <x-layout.header />
+    <x-layout.header-grocery />
 
     <!-- Page content -->
     <main class="content-wrapper">
diff --git a/resources/views/contact/v1.blade.php b/resources/views/contact/v1.blade.php
index a4d81d1..97797ed 100644
--- a/resources/views/contact/v1.blade.php
+++ b/resources/views/contact/v1.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.landing', ['title' => 'Kontak'])
 
 @section('content')
-      <x-layout.header />
+      <x-layout.header-grocery />
       
     <!-- Page content -->
     <main class="content-wrapper">
diff --git a/resources/views/help/topics-v2.blade.php b/resources/views/help/topics-v2.blade.php
index da08049..1afaaae 100644
--- a/resources/views/help/topics-v2.blade.php
+++ b/resources/views/help/topics-v2.blade.php
@@ -2,7 +2,7 @@
 
 @section('content')
 
-     <x-layout.header />
+     <x-layout.header-grocery />
 
     <main class="content-wrapper">
 
diff --git a/resources/views/home/fashion-v1.blade.php b/resources/views/home/fashion-v1.blade.php
index 5aa5a3c..7bdb57c 100644
--- a/resources/views/home/fashion-v1.blade.php
+++ b/resources/views/home/fashion-v1.blade.php
@@ -3,7 +3,7 @@
 @section('content')
     
 
-    <x-layout.header />
+    <x-layout.header-grocery />
 
     <main class="content-wrapper">
 
diff --git a/resources/views/layouts/account.blade.php b/resources/views/layouts/account.blade.php
index 795cc4c..0f5bf96 100644
--- a/resources/views/layouts/account.blade.php
+++ b/resources/views/layouts/account.blade.php
@@ -10,7 +10,7 @@
 </head>
 
 <body>
-    <x-layout.header />
+    <x-layout.header-grocery />
     <!-- Page content -->
     <main class="content-wrapper">
         <div class="container py-5 mt-n2 mt-sm-0">
diff --git a/resources/views/shop/catalog-fashion.blade.php b/resources/views/shop/catalog-fashion.blade.php
index 247bc38..7e7bddf 100644
--- a/resources/views/shop/catalog-fashion.blade.php
+++ b/resources/views/shop/catalog-fashion.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.landing', ['title' => 'Store - Catalog'])
 
 @section('content')
-    <x-layout.header />
+    <x-layout.header-grocery />
 
     <main class="content-wrapper">
 
diff --git a/resources/views/shop/product-fashion.blade.php b/resources/views/shop/product-fashion.blade.php
index 402d309..57ad017 100644
--- a/resources/views/shop/product-fashion.blade.php
+++ b/resources/views/shop/product-fashion.blade.php
@@ -4,7 +4,7 @@
 
 
 
-    <x-layout.header />
+    <x-layout.header-grocery />
 
     <main class="content-wrapper">
 
@@ -301,13 +301,13 @@
                             class="d-none d-md-inline">&nbsp;{{ __('product_fashion.and_returns') }}</span>
                     </button>
                 </li>
-                <li class="nav-item" role="presentation">
+                {{-- <li class="nav-item" role="presentation">
                     <button type="button" class="nav-link" id="reviews-tab" data-bs-toggle="tab"
                         data-bs-target="#reviews-tab-pane" role="tab" aria-controls="reviews-tab-pane"
                         aria-selected="false">
                         {{ __('product_fashion.review') }}<span class="d-none d-md-inline">&nbsp;(23)</span>
                     </button>
-                </li>
+                </li> --}}
             </ul>
 
             <div class="tab-content pt-4 mt-sm-1 mt-md-3">
diff --git a/resources/views/shop/product-grocery.blade.php b/resources/views/shop/product-grocery.blade.php
index ff47bff..b22b15e 100644
--- a/resources/views/shop/product-grocery.blade.php
+++ b/resources/views/shop/product-grocery.blade.php
@@ -1,735 +1,7 @@
 @extends('layouts.landing', ['title' => 'Grocery Store - Product Page'])
 
 @section('content')
-    @include('layouts.partials/offcanvas2')
-
-    <div class="offcanvas offcanvas-end pb-sm-2 px-sm-2" id="deliveryOptions" tabindex="-1"
-        aria-labelledby="deliveryOptionsLabel" style="width: 500px">
-
-        <!-- Header with nav tabs -->
-        <div class="offcanvas-header flex-column align-items-start py-3 pt-lg-4">
-            <div class="d-flex align-items-center justify-content-between w-100 pb-xl-1 mb-4">
-                <h4 class="offcanvas-title" id="deliveryOptionsLabel">Delivery options</h4>
-                <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-            </div>
-            <ul class="nav nav-pills nav-justified w-100" role="tablist">
-                <li class="nav-item" role="presentation">
-                    <button type="button" class="nav-link active" id="delivery-tab" data-bs-toggle="tab"
-                        data-bs-target="#delivery-tab-pane" role="tab" aria-controls="delivery-tab-pane"
-                        aria-selected="true">
-                        <i class="ci-shopping-bag fs-base ms-n1 me-2"></i>
-                        Delivery
-                    </button>
-                </li>
-                <li class="nav-item" role="presentation">
-                    <button type="button" class="nav-link" id="pickup-tab" data-bs-toggle="tab"
-                        data-bs-target="#pickup-tab-pane" role="tab" aria-controls="pickup-tab-pane"
-                        aria-selected="false">
-                        <i class="ci-box fs-base ms-n1 me-2"></i>
-                        Pickup
-                    </button>
-                </li>
-            </ul>
-        </div>
-
-        <div class="offcanvas-body tab-content py-2 py-sm-3">
-
-            <!-- Delivery tab -->
-            <div class="tab-pane fade show active" id="delivery-tab-pane" role="tabpanel" aria-labelledby="delivery-tab">
-
-                <!-- Address options collapse -->
-                <div class="collapse delivery-address show" id="deliveryAddressOptions">
-                    <div class="mt-n3">
-                        <div class="form-check border-bottom py-4 m-0">
-                            <input type="radio" class="form-check-input" id="address-1" name="delivery-address" checked>
-                            <label for="address-1" class="form-check-label text-dark-emphasis fw-semibold">567 Cherry Lane
-                                Apt B12
-                                Sacramento, 95829</label>
-                        </div>
-                        <div class="form-check border-bottom py-4 m-0">
-                            <input type="radio" class="form-check-input" id="address-2" name="delivery-address">
-                            <div class="d-flex w-100">
-                                <label for="address-2" class="form-check-label text-dark-emphasis me-3">1901 Thornridge Cir.
-                                    Shiloh,
-                                    Hawaii, 81063</label>
-                                <button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
-                                    data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove"></button>
-                            </div>
-                        </div>
-                        <div class="form-check border-bottom py-4 m-0">
-                            <input type="radio" class="form-check-input" id="address-3" name="delivery-address">
-                            <div class="d-flex w-100">
-                                <label for="address-3" class="form-check-label text-dark-emphasis me-3">3517 W. Gray St.
-                                    Utica,
-                                    Pennsylvania, 57867</label>
-                                <button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
-                                    data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove"></button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Add new address collapse -->
-                <div class="collapse delivery-address" id="deliveryAddressAdd">
-                    <div class="nav mb-4">
-                        <a class="nav-link animate-underline p-0" href=".delivery-address" data-bs-toggle="collapse"
-                            aria-expanded="true" aria-controls="deliveryAddressOptions deliveryAddressAdd">
-                            <i class="ci-chevron-left fs-lg ms-n1 me-1"></i>
-                            <span class="animate-target">Back to my addresses</span>
-                        </a>
-                    </div>
-                    <div class="d-flex align-items-center justify-content-between mb-3 mb-lg-4">
-                        <h5 class="h6 mb-0 me-3">Add an address to start ordering</h5>
-                        <a class="btn btn-sm btn-outline-primary rounded-pill" href="#!">
-                            <i class="ci-map-pin fs-base ms-n1 me-1"></i>
-                            Find on map
-                        </a>
-                    </div>
-                    <div class="mb-3 mb-lg-4">
-                        <label class="form-label">State *</label>
-                        <select class="form-select form-select-lg rounded-pill"
-                            data-select='{
-                "classNames": {
-                  "containerInner": ["form-select", "form-select-lg", "rounded-pill"]
-                }
-              }'
-                            aria-label="Large pill select">
-                            <option value="">Select state</option>
-                            <option value="Arizona">Arizona</option>
-                            <option value="California">California</option>
-                            <option value="Montana">Montana</option>
-                            <option value="Nevada">Nevada</option>
-                            <option value="New Mexico">New Mexico</option>
-                            <option value="Texas">Texas</option>
-                        </select>
-                    </div>
-                    <div class="mb-3 mb-lg-4">
-                        <label for="my-postcode" class="form-label">Postcode *</label>
-                        <input type="text" class="form-control form-control-lg rounded-pill" id="my-postcode">
-                    </div>
-                    <div class="mb-3 mb-lg-4">
-                        <label class="form-label">City *</label>
-                        <select class="form-select form-select-lg rounded-pill"
-                            data-select='{
-                "classNames": {
-                  "containerInner": ["form-select", "form-select-lg", "rounded-pill"]
-                }
-              }'
-                            aria-label="Large pill select">
-                            <option value="">Select city</option>
-                            <option value="Austin">Austin</option>
-                            <option value="Helena">Helena</option>
-                            <option value="Sacramento">Sacramento</option>
-                            <option value="Santa Fe">Santa Fe</option>
-                            <option value="Las Vegas">Las Vegas</option>
-                            <option value="Phoenix">Phoenix</option>
-                        </select>
-                    </div>
-                    <label for="my-address" class="form-label">Street address *</label>
-                    <input type="text" class="form-control form-control-lg rounded-pill" id="my-address">
-                </div>
-
-                <!-- Add address collapse toggle -->
-                <div class="nav">
-                    <a class="nav-link hiding-collapse-toggle animate-underline collapsed px-0 mt-4"
-                        href=".delivery-address" data-bs-toggle="collapse" aria-expanded="false"
-                        aria-controls="deliveryAddressOptions deliveryAddressAdd">
-                        <span class="animate-target">Add delivery address</span>
-                        <i class="ci-plus fs-base ms-1"></i>
-                    </a>
-                </div>
-            </div>
-
-            <!-- Pickup tab -->
-            <div class="tab-pane fade" id="pickup-tab-pane" role="tabpanel" aria-labelledby="pickup-tab">
-
-                <!-- Pickup store options collapse -->
-                <div class="collapse pickup-options show" id="pickupStoreOptions">
-                    <div class="mt-n3">
-                        <div class="form-check border-bottom py-4 m-0">
-                            <input type="radio" class="form-check-input" id="store-1" name="pickup-store" checked>
-                            <div>
-                                <div class="d-flex w-100 pb-2 mb-1">
-                                    <label for="store-1"
-                                        class="form-check-label text-dark-emphasis fw-semibold me-3">Sacramento
-                                        Supercenter</label>
-                                    <button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
-                                        data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
-                                        aria-label="Remove"></button>
-                                </div>
-                                <div class="fs-xs mb-2">8270 Delta Shores Cir S, Sacramento, CA 95832</div>
-                                <div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 22:00</span>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="form-check border-bottom py-4 m-0">
-                            <input type="radio" class="form-check-input" id="store-2" name="pickup-store">
-                            <div>
-                                <div class="d-flex w-100 pb-2 mb-1">
-                                    <label for="store-2"
-                                        class="form-check-label text-dark-emphasis fw-semibold me-3">West Sacramento
-                                        Supercenter</label>
-                                    <button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
-                                        data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
-                                        aria-label="Remove"></button>
-                                </div>
-                                <div class="fs-xs mb-2">755 Riverpoint Ct, West Sacramento, CA 95605</div>
-                                <div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 21:00</span>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="form-check border-bottom py-4 m-0">
-                            <input type="radio" class="form-check-input" id="store-3" name="pickup-store">
-                            <div>
-                                <div class="d-flex w-100 pb-2 mb-1">
-                                    <label for="store-3"
-                                        class="form-check-label text-dark-emphasis fw-semibold me-3">Rancho Cordova
-                                        Supercenter</label>
-                                    <button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
-                                        data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
-                                        aria-label="Remove"></button>
-                                </div>
-                                <div class="fs-xs mb-2">10655 Folsom Blvd, Rancho Cordova, CA 95670</div>
-                                <div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">08:00 - 23:00</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Add new pickup store collapse -->
-                <div class="collapse pickup-options" id="pickupStoreAdd">
-                    <div class="nav mb-4">
-                        <a class="nav-link animate-underline p-0" href=".pickup-options" data-bs-toggle="collapse"
-                            aria-expanded="true" aria-controls="pickupStoreOptions pickupStoreAdd">
-                            <i class="ci-chevron-left fs-lg ms-n1 me-1"></i>
-                            <span class="animate-target">Back to my stores</span>
-                        </a>
-                    </div>
-                    <div class="d-flex align-items-center justify-content-between mb-3 mb-lg-4">
-                        <h5 class="h6 mb-0 me-3">Select a suitable store</h5>
-                        <a class="btn btn-sm btn-outline-primary rounded-pill" href="#!">
-                            <i class="ci-map-pin fs-base ms-n1 me-1"></i>
-                            Find on map
-                        </a>
-                    </div>
-                    <div class="mb-3 mb-lg-4">
-                        <label class="form-label">State *</label>
-                        <select class="form-select form-select-lg rounded-pill"
-                            data-select='{
-                "classNames": {
-                  "containerInner": ["form-select", "form-select-lg", "rounded-pill"]
-                }
-              }'
-                            aria-label="Large pill select">
-                            <option value="">Select state</option>
-                            <option value="Arizona">Arizona</option>
-                            <option value="California" selected>California</option>
-                            <option value="Montana">Montana</option>
-                            <option value="Nevada">Nevada</option>
-                            <option value="New Mexico">New Mexico</option>
-                            <option value="Texas">Texas</option>
-                        </select>
-                    </div>
-                    <div class="mb-4">
-                        <label class="form-label">City *</label>
-                        <select class="form-select form-select-lg rounded-pill"
-                            data-select='{
-                "classNames": {
-                  "containerInner": ["form-select", "form-select-lg", "rounded-pill"]
-                }
-              }'
-                            aria-label="Large pill select">
-                            <option value="">Select city</option>
-                            <option value="Austin">Austin</option>
-                            <option value="Helena">Helena</option>
-                            <option value="Sacramento" selected>Sacramento</option>
-                            <option value="Santa Fe">Santa Fe</option>
-                            <option value="Las Vegas">Las Vegas</option>
-                            <option value="Phoenix">Phoenix</option>
-                        </select>
-                    </div>
-                    <div class="fs-xs fw-medium text-uppercase text-body-secondary">Found stores:</div>
-                    <div class="form-check border-bottom py-4 m-0">
-                        <input type="radio" class="form-check-input" id="store-4" name="found-store">
-                        <div>
-                            <label for="store-4"
-                                class="form-check-label text-dark-emphasis fw-semibold pb-2 mb-1">Sacramento
-                                Supercenter</label>
-                            <div class="fs-xs mb-2">8270 Delta Shores Cir S, Sacramento, CA 95832</div>
-                            <div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 22:00</span>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="form-check border-bottom py-4 m-0">
-                        <input type="radio" class="form-check-input" id="store-5" name="found-store">
-                        <div>
-                            <label for="store-5" class="form-check-label text-dark-emphasis fw-semibold pb-2 mb-1">West
-                                Sacramento
-                                Supercenter</label>
-                            <div class="fs-xs mb-2">755 Riverpoint Ct, West Sacramento, CA 95605</div>
-                            <div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 21:00</span>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="form-check border-bottom py-4 m-0">
-                        <input type="radio" class="form-check-input" id="store-6" name="found-store">
-                        <div>
-                            <label for="store-6" class="form-check-label text-dark-emphasis fw-semibold pb-2 mb-1">Rancho
-                                Cordova
-                                Supercenter</label>
-                            <div class="fs-xs mb-2">10655 Folsom Blvd, Rancho Cordova, CA 95670</div>
-                            <div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">08:00 - 23:00</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Add address collapse toggle -->
-                <div class="nav">
-                    <a class="nav-link hiding-collapse-toggle animate-underline collapsed px-0 mt-4"
-                        href=".pickup-options" data-bs-toggle="collapse" aria-expanded="false"
-                        aria-controls="pickupStoreOptions pickupStoreAdd">
-                        <span class="animate-target">Add store address</span>
-                        <i class="ci-plus fs-base ms-1"></i>
-                    </a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Footer -->
-        <div class="offcanvas-header">
-            <button type="button" class="btn btn-lg btn-primary w-100 rounded-pill">Confirm address</button>
-        </div>
-    </div>
-
-    @include('layouts.partials/menu-offcanvas')
-
-    <header class="navbar navbar-expand navbar-sticky sticky-top d-block bg-body z-fixed py-1 py-lg-0 py-xl-1 px-0"
-        data-sticky-element>
-        <div class="container justify-content-start py-2 py-lg-3">
-
-            <!-- Offcanvas menu toggler (Hamburger) -->
-            <button type="button" class="navbar-toggler d-block flex-shrink-0 me-3 me-sm-4" data-bs-toggle="offcanvas"
-                data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <!-- Navbar brand (Logo) -->
-            <a class="navbar-brand fs-2 p-0 pe-lg-2 pe-xxl-0 me-0 me-sm-3 me-md-4 me-xxl-5"
-                href="{{ route('second', ['home', 'grocery']) }}">AsiaGolf</a>
-
-            <!-- Categories dropdown visible on screens > 991px wide (lg breakpoint) -->
-            <div class="dropdown d-none d-lg-block w-100 me-4" style="max-width: 200px">
-                <button type="button" class="btn btn-lg btn-secondary w-100 border-0 rounded-pill"
-                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <i class="ci-grid fs-lg me-2 ms-n1"></i>
-                    Categories
-                    <i class="ci-chevron-down fs-lg me-2 ms-auto me-n1"></i>
-                </button>
-                <div class="dropdown-menu rounded-4 p-4" style="--cz-dropdown-spacer: .75rem; margin-left: -75px">
-                    <div class="d-flex gap-4">
-                        <div style="min-width: 170px">
-                            <div class="h6">Bakery &amp; bread</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}'">Shop all</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-grocery']) }}'">Bread</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-grocery']) }}'">Pastries</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-grocery']) }}'">Bakery cookies</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-grocery']) }}'">Cupcakes</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-grocery']) }}'">Buns &amp; rolls</a>
-                                </li>
-                            </ul>
-                            <div class="h6 pt-4">Meat products</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}'">Shop all</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-grocery']) }}'">Fresh meat</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-grocery']) }}'">Processed meat</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-grocery']) }}'">Seafood</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-grocery']) }}'">Poultry products</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-grocery']) }}'">Prepared meat</a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div style="min-width: 170px">
-                            <div class="h6">Vegetables</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}'">Shop all</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-grocery']) }}'">Leafy greens</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-grocery']) }}'">Root vegetables</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-grocery']) }}'">Allium vegetables</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-grocery']) }}'">Peppers and tomatoes</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-grocery']) }}'">Cruciferous</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-grocery']) }}'">Seasonal squashes</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-grocery']) }}'">Beans, peas &amp; lentils</a>
-                                </li>
-                            </ul>
-                            <div class="h6 pt-4">Sauces and ketchup</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}'">Shop all</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-grocery']) }}'">Tomato-based sauces</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-grocery']) }}'">Salad dressing</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-grocery']) }}'">Hot sauces</a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div style="min-width: 170px">
-                            <div class="h6">Fresh fruits</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}">Shop all</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-grocery']) }}">Citrus fruits</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-grocery']) }}">Berries</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-grocery']) }}">Tropical fruits</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-grocery']) }}">Stone fruits</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-grocery']) }}">Exotic fruits</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-grocery']) }}">Melons</a>
-                                </li>
-                            </ul>
-                            <div class="h6 pt-4">Italian dinner</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}">Shop all</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-grocery']) }}">Pasta &amp; sauces</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-grocery']) }}">Italian cheese</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-grocery']) }}">Italian meats</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-grocery']) }}">Desserts &amp; beverages</a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div style="min-width: 170px">
-                            <div class="h6">Beverages</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}">Shop all</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-grocery']) }}">Soft drinks</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-grocery']) }}">Juices</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-grocery']) }}">Sports &amp; energy drinks</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-grocery']) }}">Tea and coffee</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-grocery']) }}">Alcoholic beverages</a>
-                                </li>
-                            </ul>
-                            <div class="h6 pt-4">Dairy &amp; eggs</div>
-                            <ul class="nav flex-column gap-2 mt-n2">
-                                <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']) }}">Shop all</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-grocery']) }}">Chees</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-grocery']) }}">Milk &amp; yogurt</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-grocery']) }}">Sour cream</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-grocery']) }}">Eggs</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-grocery']) }}">Butter &amp; margarine</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Search bar visible on screens > 768px wide (md breakpoint) -->
-            <div class="position-relative w-100 d-none d-md-block me-3 me-xl-4">
-                <input type="search" class="form-control form-control-lg rounded-pill" placeholder="Search for products"
-                    aria-label="Search">
-                <button type="button"
-                    class="btn btn-icon btn-ghost fs-lg btn-secondary text-bo border-0 position-absolute top-0 end-0 rounded-circle mt-1 me-1"
-                    aria-label="Search button">
-                    <i class="ci-search"></i>
-                </button>
-            </div>
-
-            <!-- Delivery options toggle visible on screens > 1200px wide (xl breakpoint) -->
-            <div class="nav me-4 me-xxl-5 d-none d-xl-block">
-                <a class="nav-link flex-column align-items-start animate-underline p-0" href="#deliveryOptions"
-                    data-bs-toggle="offcanvas" aria-controls="deliveryOptions">
-                    <div class="h6 fs-sm mb-0">Delivery</div>
-                    <div class="d-flex align-items-center fs-sm fw-normal text-body">
-                        <span class="animate-target text-nowrap">Set your address</span>
-                        <i class="ci-chevron-down fs-base ms-1"></i>
-                    </div>
-                </a>
-            </div>
-
-            <!-- Button group -->
-            <div class="d-flex align-items-center gap-md-1 gap-lg-2 ms-auto">
-
-                <!-- Theme switcher (light/dark/auto) -->
-                <div class="dropdown">
-                    <button type="button"
-                        class="theme-switcher btn btn-icon 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 < 768px wide (md breakpoint) -->
-                <button type="button"
-                    class="btn btn-icon fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-md-none"
-                    data-bs-toggle="collapse" data-bs-target="#searchBar" aria-controls="searchBar"
-                    aria-label="Toggle search bar">
-                    <i class="ci-search animate-target"></i>
-                </button>
-
-                <!-- Delivery options button visible on screens < 1200px wide (xl breakpoint) -->
-                <button type="button"
-                    class="btn btn-icon fs-lg btn-outline-secondary border-0 rounded-circle animate-scale d-xl-none"
-                    data-bs-toggle="offcanvas" data-bs-target="#deliveryOptions" aria-controls="deliveryOptions"
-                    aria-label="Toggle delivery options offcanvas">
-                    <i class="ci-map-pin animate-target"></i>
-                </button>
-
-                <!-- Account button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon 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>
-
-                <!-- Cart button -->
-                <button type="button"
-                    class="btn btn-icon 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 ms-n3 z-2"
-                        style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">8</span>
-                    <i class="ci-shopping-cart animate-target"></i>
-                </button>
-            </div>
-        </div>
-
-        <!-- Search collapse available on screens < 768px wide (md breakpoint) -->
-        <div class="collapse d-md-none" id="searchBar">
-            <div class="container pt-2 pb-3">
-                <div class="position-relative">
-                    <i class="ci-search position-absolute top-50 translate-middle-y d-flex fs-lg ms-3"></i>
-                    <input type="search" class="form-control form-icon-start rounded-pill"
-                        placeholder="Search for products" data-autofocus="collapse">
-                </div>
-            </div>
-        </div>
-    </header>
-
-    <section class="border-top">
-        <div class="container py-lg-1">
-            <div class="overflow-auto" data-simplebar>
-                <div class="nav flex-nowrap justify-content-between gap-4 py-2">
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <i class="ci-percent text-primary fs-xl"></i>
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">Weekly sale</span>
-                    </a>
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="/img/mega-menu/grocery/th01.png" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">Vegetables</span>
-                    </a>
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="/img/mega-menu/grocery/th02.png" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">Easter is coming</span>
-                    </a>
-                    <a class="nav-link align-items-center animate-underline gap-2 m-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="/img/mega-menu/grocery/th03.png" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">Poultry meat</span>
-                    </a>
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="/img/mega-menu/grocery/th04.png" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">Fresh fruits</span>
-                    </a>
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="/img/mega-menu/grocery/th05.png" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">St. Patrick's day</span>
-                    </a>
-                    <a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
-                        <span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                            style="width: 40px; height: 40px">
-                            <img src="/img/mega-menu/grocery/th06.png" width="30" alt="Image">
-                        </span>
-                        <span class="d-block animate-target fw-semibold text-nowrap ms-1">Exotic fruits</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </section>
+    <x-layout.header-grocery />
 
     <main class="content-wrapper">
 
diff --git a/routes/web.php b/routes/web.php
index 2cd251c..24d76f5 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -49,7 +49,10 @@ Route::get('/products/ajax/brands-with-images', [ProductController::class, 'bran
 Route::get('/products/ajax/categories', [ProductController::class, 'categories'])->name('product.ajax.categories');
 Route::get('/products/ajax/genders', [ProductController::class, 'genders'])->name('product.ajax.genders');
 Route::get('/products/ajax/announcements', [ProductController::class, 'announcements'])->name('product.ajax.announcements');
-Route::get('/product/{slug}', [ProductController::class, 'detail'])->name('product.detail');
+
+
+Route::get('/product/{slug}', [ProductController::class, 'detailFashion'])->name('product.detail');
+// Route::get('/product/{slug}', [ProductController::class, 'detailGrocery'])->name('product.detail');
 
 
 

From 459172dc73d596453e4c99c4a53ea9e1a5001b05 Mon Sep 17 00:00:00 2001
From: Bayu Lukman Yusuf <bayuly94@gmail.com>
Date: Wed, 25 Feb 2026 10:50:50 +0700
Subject: [PATCH 3/3] fix navbar

---
 .../Catalog/CategoryRepository.php            |   1 +
 app/View/Components/Navbar/Categories.php     |  34 +
 lang/en/navbar.php                            |   5 +-
 lang/id/navbar.php                            |   3 +-
 resources/views/404/fashion.blade.php         |   2 +-
 .../views/checkout/marketplace.blade.php      |   2 +-
 .../header-category-dropdown.blade.php        |  10 +-
 .../grocery/popular-products.blade.php        |  29 +-
 .../layout/header-grocery.blade.php           |  11 +-
 .../components/navbar/categories.blade.php    |  31 +
 resources/views/home/fashion-v2.blade.php     |   2 +-
 resources/views/home/marketplace.blade.php    |   2 +-
 resources/views/home/single-store.blade.php   |   2 +-
 resources/views/index.blade.php               |   2 +-
 .../layouts/partials/account-navbar.blade.php |   2 +-
 .../partials/marketplace-navbar.blade.php     |   2 +-
 .../layouts/partials/menu-offcanvas.blade.php | 676 +++---------------
 .../views/shop/product-fashion.blade.php      |   8 +-
 18 files changed, 210 insertions(+), 614 deletions(-)
 create mode 100644 app/View/Components/Navbar/Categories.php
 create mode 100644 resources/views/components/navbar/categories.blade.php

diff --git a/app/Repositories/Catalog/CategoryRepository.php b/app/Repositories/Catalog/CategoryRepository.php
index aafd7c9..0a68140 100644
--- a/app/Repositories/Catalog/CategoryRepository.php
+++ b/app/Repositories/Catalog/CategoryRepository.php
@@ -14,4 +14,5 @@ class CategoryRepository
     public function getList($params){
         return Category::get();
     }
+
 }
diff --git a/app/View/Components/Navbar/Categories.php b/app/View/Components/Navbar/Categories.php
new file mode 100644
index 0000000..42edec5
--- /dev/null
+++ b/app/View/Components/Navbar/Categories.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\View\Components\Navbar;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+use App\Repositories\Catalog\CategoryRepository;
+
+class Categories extends Component
+{
+
+    protected $categories = [];
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        $categoryRepository = new CategoryRepository();
+        $this->categories = $categoryRepository->getList([]);
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+
+        return view('components.navbar.categories', [
+            'categories' => $this->categories,
+        ]);
+    }
+}
diff --git a/lang/en/navbar.php b/lang/en/navbar.php
index 114e838..ffd7c6e 100644
--- a/lang/en/navbar.php
+++ b/lang/en/navbar.php
@@ -13,5 +13,6 @@ return [
     'sign_in' => 'Sign In',
     'sign_up' => 'Sign Up',
     'contact' => 'Contact',
-    'terms_conditions' => 'Terms & Conditions'
-];
\ No newline at end of file
+    'terms_conditions' => 'Terms & Conditions',
+    'categories' => 'Categories'
+];
diff --git a/lang/id/navbar.php b/lang/id/navbar.php
index 8133d23..9054bce 100644
--- a/lang/id/navbar.php
+++ b/lang/id/navbar.php
@@ -13,5 +13,6 @@ return [
     'sign_in' => 'Masuk',
     'sign_up' => 'Daftar',
     'contact' => 'Kontak',
-    'terms_conditions' => 'Syarat & Ketentuan'
+    'terms_conditions' => 'Syarat & Ketentuan',
+    'categories' => 'Kategori',
 ];
diff --git a/resources/views/404/fashion.blade.php b/resources/views/404/fashion.blade.php
index 287f541..1a81b15 100644
--- a/resources/views/404/fashion.blade.php
+++ b/resources/views/404/fashion.blade.php
@@ -200,7 +200,7 @@
       <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 AsiaGolf</h5>
+            <h5 class="offcanvas-title" id="navbarNavLabel">Browse2 AsiaGolf</h5>
             <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
           </div>
 
diff --git a/resources/views/checkout/marketplace.blade.php b/resources/views/checkout/marketplace.blade.php
index b1b69a9..d8247aa 100644
--- a/resources/views/checkout/marketplace.blade.php
+++ b/resources/views/checkout/marketplace.blade.php
@@ -190,7 +190,7 @@
             <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
             <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 AsiaGolf</h5>
+                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse3 AsiaGolf</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                 </div>
                 <div class="offcanvas-body pt-3 pb-4 py-lg-0 mx-lg-auto">
diff --git a/resources/views/components/grocery/header-category-dropdown.blade.php b/resources/views/components/grocery/header-category-dropdown.blade.php
index 4ff419f..d58bfd7 100644
--- a/resources/views/components/grocery/header-category-dropdown.blade.php
+++ b/resources/views/components/grocery/header-category-dropdown.blade.php
@@ -12,10 +12,12 @@
                 <ul class="nav flex-column gap-2 mt-n2">
 
                     @foreach ($categories as $category)
-                        <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('product.index', ['category_id', $category->id]) }}">{{ $category->name }}</a>
-                        </li>
+                        @if ($category->productCount() > 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('product.index', ['category_id', $category->id]) }}">{{ $category->name }}</a>
+                            </li>
+                        @endif
                     @endforeach
 
                 </ul>
diff --git a/resources/views/components/grocery/popular-products.blade.php b/resources/views/components/grocery/popular-products.blade.php
index a7070f0..ca2947e 100644
--- a/resources/views/components/grocery/popular-products.blade.php
+++ b/resources/views/components/grocery/popular-products.blade.php
@@ -7,22 +7,25 @@
             <div class="row nav g-3 g-sm-4">
 
                 @foreach ($categories as $key => $value)
-                    <div class="col-sm-6 col-md-4 col-lg-12 d-flex">
-                        <div class="position-relative d-flex min-w-0 align-items-center">
-                            <div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-body-tertiary rounded-circle"
-                                style="width: 56px; height: 56px">
-                                <img src="{{ asset('logo/logo-app.png') }}" width="40" alt="Image">
-                            </div>
-                            <div class="min-w-0 ps-3">
-                                <a class="nav-link animate-underline stretched-link fs-base fw-semibold p-0 mb-1"
-                                    href="{{ route('product.index', ['filter[category]' => $value->id]) }}">
-                                    <span class="animate-target text-truncate">{{ $value->name ?? '' }}</span>
-                                </a>
-                                <div class="fs-xs fw-normal text-body-secondary">{{ $value->productCount() }} products
+                    @if ($value->productCount() > 0)
+                        <div class="col-sm-6 col-md-4 col-lg-12 d-flex">
+                            <div class="position-relative d-flex min-w-0 align-items-center">
+                                <div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-body-tertiary rounded-circle"
+                                    style="width: 56px; height: 56px">
+                                    <img src="{{ asset('logo/logo-app.png') }}" width="40" alt="Image">
+                                </div>
+                                <div class="min-w-0 ps-3">
+                                    <a class="nav-link animate-underline stretched-link fs-base fw-semibold p-0 mb-1"
+                                        href="{{ route('product.index', ['filter[category]' => $value->id]) }}">
+                                        <span class="animate-target text-truncate">{{ $value->name ?? '' }}</span>
+                                    </a>
+                                    <div class="fs-xs fw-normal text-body-secondary">{{ $value->productCount() }}
+                                        products
+                                    </div>
                                 </div>
                             </div>
                         </div>
-                    </div>
+                    @endif
                 @endforeach
 
 
diff --git a/resources/views/components/layout/header-grocery.blade.php b/resources/views/components/layout/header-grocery.blade.php
index 1e8f2f8..86b3d56 100644
--- a/resources/views/components/layout/header-grocery.blade.php
+++ b/resources/views/components/layout/header-grocery.blade.php
@@ -1,4 +1,4 @@
-<div>
+
     @include('layouts.partials/offcanvas2')
 
     <x-grocery.delivery-options />
@@ -6,8 +6,7 @@
     @include('layouts.partials/menu-offcanvas')
 
 
-    <header class="navbar navbar-expand navbar-sticky sticky-top d-block bg-body z-fixed py-1 py-lg-0 py-xl-1 px-0"
-        data-sticky-element>
+    <header class="navbar navbar-expand-lg sticky-top d-block bg-body z-10 py-1 py-lg-0 py-xl-1 px-0">
         <div class="container justify-content-start py-2 py-lg-3">
 
             <!-- Offcanvas menu toggler (Hamburger) -->
@@ -18,7 +17,9 @@
 
             <!-- Navbar brand (Logo) -->
             <a class="navbar-brand fs-2 p-0 pe-lg-2 pe-xxl-0 me-0 me-sm-3 me-md-4 me-xxl-5" href="/">
-                <img src="{{ asset('logo/logo-colored.png') }}" alt="Logo"  style="height:42px !important;width: auto !important;max-width: none !important;" />
+                <img src="{{ asset('logo/logo-colored.png') }}" alt="Logo" class="d-none d-lg-block" style="height:42px !important;width: auto !important;max-width: none !important;" />
+                <img src="{{ asset('logo/logo-app.png') }}" alt="Logo" class="d-lg-none" style="height:42px !important;width: auto !important;max-width: none !important;" />
+            
             </a>
 
             <!-- Categories dropdown visible on screens > 991px wide (lg breakpoint) -->
@@ -168,5 +169,3 @@
 
     <x-grocery.top-header />
 
-
-</div>
diff --git a/resources/views/components/navbar/categories.blade.php b/resources/views/components/navbar/categories.blade.php
new file mode 100644
index 0000000..ef379e3
--- /dev/null
+++ b/resources/views/components/navbar/categories.blade.php
@@ -0,0 +1,31 @@
+<div class="accordion-item border-0 d-lg-none">
+    <div class="accordion-header" id="headingCategories">
+        <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
+            data-bs-toggle="collapse" data-bs-target="#categoriesMenu" aria-expanded="false" aria-controls="categoriesMenu">
+            <i class="ci-grid fs-lg me-2"></i>
+            <span class="d-block animate-target py-1">{{ __('navbar.categories') }}</span>
+        </button>
+    </div>
+    <div class="accordion-collapse collapse" id="categoriesMenu" aria-labelledby="headingCategories"
+        data-bs-parent="#navigation">
+        <div class="accordion-body pb-3">
+            <div class="dropdown-menu show position-static d-flex flex-column gap-4 shadow-none p-4">
+                <div>
+                    {{-- <div class="h6">Bakery &amp; bread</div> --}}
+                    <ul class="nav flex-column gap-2 mt-n2">
+
+                        @foreach ($categories as $category)
+                            <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('product.index', ['filter[category]' => $category->slug]) }}">{{ $category->name }}</a>
+                            </li>
+                        @endforeach
+                       
+                    </ul>
+                    
+                </div>
+
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/home/fashion-v2.blade.php b/resources/views/home/fashion-v2.blade.php
index b57c49e..04c76e1 100644
--- a/resources/views/home/fashion-v2.blade.php
+++ b/resources/views/home/fashion-v2.blade.php
@@ -347,7 +347,7 @@
         <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 AsiaGolf</h5>
+                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse5 AsiaGolf</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                 </div>
 
diff --git a/resources/views/home/marketplace.blade.php b/resources/views/home/marketplace.blade.php
index 615b49f..8319f62 100644
--- a/resources/views/home/marketplace.blade.php
+++ b/resources/views/home/marketplace.blade.php
@@ -189,7 +189,7 @@
             <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
             <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 AsiaGolf</h5>
+                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse6 AsiaGolf</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                 </div>
                 <div class="offcanvas-body pt-3 pb-4 py-lg-0 mx-lg-auto">
diff --git a/resources/views/home/single-store.blade.php b/resources/views/home/single-store.blade.php
index 3e8882e..12478b5 100644
--- a/resources/views/home/single-store.blade.php
+++ b/resources/views/home/single-store.blade.php
@@ -40,7 +40,7 @@
             <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
             <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 AsiaGolf</h5>
+                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse7 AsiaGolf</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                 </div>
                 <div class="offcanvas-body pt-3 pb-4 py-lg-0 mx-lg-auto">
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 50ddd3d..b9cc11c 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -116,7 +116,7 @@
             <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
             <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 AsiaGolf</h5>
+                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse1 AsiaGolf</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                 </div>
                 <div class="offcanvas-body pt-3 pb-4 py-lg-0 mx-lg-auto">
diff --git a/resources/views/layouts/partials/account-navbar.blade.php b/resources/views/layouts/partials/account-navbar.blade.php
index 9bc5620..c0a0eb9 100644
--- a/resources/views/layouts/partials/account-navbar.blade.php
+++ b/resources/views/layouts/partials/account-navbar.blade.php
@@ -157,7 +157,7 @@
     <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 AsiaGolf</h5>
+                <h5 class="offcanvas-title" id="navbarNavLabel">Browse8 AsiaGolf</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
             <div class="offcanvas-body py-3 py-lg-0">
diff --git a/resources/views/layouts/partials/marketplace-navbar.blade.php b/resources/views/layouts/partials/marketplace-navbar.blade.php
index d7e97b3..027ca00 100644
--- a/resources/views/layouts/partials/marketplace-navbar.blade.php
+++ b/resources/views/layouts/partials/marketplace-navbar.blade.php
@@ -32,7 +32,7 @@
         <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
         <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 AsiaGolf</h5>
+                <h5 class="offcanvas-title" id="navbarNavLabel">Browse9 AsiaGolf</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
             <div class="offcanvas-body pt-3 pb-4 py-lg-0 mx-lg-auto">
diff --git a/resources/views/layouts/partials/menu-offcanvas.blade.php b/resources/views/layouts/partials/menu-offcanvas.blade.php
index 4308b95..a97a09f 100644
--- a/resources/views/layouts/partials/menu-offcanvas.blade.php
+++ b/resources/views/layouts/partials/menu-offcanvas.blade.php
@@ -1,589 +1,113 @@
 <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 AsiaGolf</h5>
-            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-        </div>
-        <div class="offcanvas-body pt-0 pb-3">
+    <div class="offcanvas-header py-3">
+        <h5 class="offcanvas-title" id="navbarNavLabel">Browse AsiaGolf</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="offcanvas-body pt-0 pb-3">
 
-            <!-- Navbar nav -->
-            <div class="accordion" id="navigation">
+        <!-- Navbar nav -->
+        <div class="accordion" id="navigation">
 
-                <!-- Categories collapse visible on screens < 992px wide (lg breakpoint) -->
-                <div class="accordion-item border-0 d-lg-none">
-                    <div class="accordion-header" id="headingCategories">
-                        <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
-                            data-bs-toggle="collapse" data-bs-target="#categoriesMenu" aria-expanded="false"
-                            aria-controls="categoriesMenu">
-                            <i class="ci-grid fs-lg me-2"></i>
-                            <span class="d-block animate-target py-1">Categories</span>
-                        </button>
-                    </div>
-                    <div class="accordion-collapse collapse" id="categoriesMenu" aria-labelledby="headingCategories"
-                        data-bs-parent="#navigation">
-                        <div class="accordion-body pb-3">
-                            <div class="dropdown-menu show position-static d-flex flex-column gap-4 shadow-none p-4">
-                                <div>
-                                    <div class="h6">Bakery &amp; bread</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</a>
+            <!-- Categories collapse visible on screens < 992px wide (lg breakpoint) -->
+            <x-navbar.categories />
+
+            <!-- Rest of the menu -->
+            <div class="accordion-item border-0 my-2">
+                <a class="nav-link animate-underline animate-target d-inline fw-medium text-truncate p-0"
+                    href="{{ route('home') }}">{{ __('navbar.home') }}</a>
+            </div>
+
+            <div class="accordion-item border-0">
+                <div class="accordion-header" id="headingAccount">
+                    <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
+                        data-bs-toggle="collapse" data-bs-target="#account" aria-expanded="false"
+                        aria-controls="account">
+                        <span class="d-block animate-target py-1">{{ __('navbar.account') }}</span>
+                    </button>
+                </div>
+                <div class="accordion-collapse collapse" id="account" aria-labelledby="headingAccount"
+                    data-bs-parent="#navigation">
+                    <div class="accordion-body pb-3">
+
+                        <div class="dropdown-menu show position-static d-flex flex-column gap-4 shadow-none p-4">
+                            <div>
+                                {{-- <div class="h6">Bakery &amp; bread</div> --}}
+                                <ul class="nav flex-column gap-2 mt-n2">
+
+                                    @if (auth()->check())
+                                        <li><a class="dropdown-item"
+                                                href="{{ route('orders') }}">{{ __('navbar.order_history') }}</a></li>
+                                        <li><a class="dropdown-item"
+                                                href="{{ route('profile') }}">{{ __('navbar.profile_settings') }}</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-grocery']) }}">Bread</a>
+                                        <li><a class="dropdown-item"
+                                                href="{{ route('addresses') }}">{{ __('navbar.address_book') }}</a></li>
+                                        <li><a class="dropdown-item"
+                                                href="#">{{ __('navbar.payment_methods') }}</a></li>
+                                        <li><a class="dropdown-item" href="#">{{ __('navbar.wishlist') }}</a></li>
+                                        <li><a class="dropdown-item" href="#">{{ __('navbar.notifications') }}</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-grocery']) }}">Pastries</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-grocery']) }}">Bakery cookies</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-grocery']) }}">Cupcakes</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-grocery']) }}">Buns &amp; rolls</a>
-                                        </li>
-                                    </ul>
-                                    <div class="h6 pt-4">Meat products</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Fresh meat</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-grocery']) }}">Processed meat</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-grocery']) }}">Seafood</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-grocery']) }}">Poultry products</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-grocery']) }}">Prepared meat</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div>
-                                    <div class="h6">Vegetables</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Leafy greens</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-grocery']) }}">Root vegetables</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-grocery']) }}">Allium vegetables</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-grocery']) }}">Peppers and tomatoes</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-grocery']) }}">Cruciferous</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-grocery']) }}">Seasonal squashes</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-grocery']) }}">Beans, peas &amp; lentils</a>
-                                        </li>
-                                    </ul>
-                                    <div class="h6 pt-4">Sauces and ketchup</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Tomato-based sauces</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-grocery']) }}">Salad dressing</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-grocery']) }}">Hot sauces</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div>
-                                    <div class="h6">Fresh fruits</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Citrus fruits</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-grocery']) }}">Berries</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-grocery']) }}">Tropical fruits</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-grocery']) }}">Stone fruits</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-grocery']) }}">Exotic fruits</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-grocery']) }}">Melons</a>
-                                        </li>
-                                    </ul>
-                                    <div class="h6 pt-4">Italian dinner</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Pasta &amp; sauces</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-grocery']) }}">Italian cheese</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-grocery']) }}">Italian meats</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-grocery']) }}">Desserts &amp; beverages</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div>
-                                    <div class="h6">Beverages</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Soft drinks</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-grocery']) }}">Juices</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-grocery']) }}">Sports &amp; energy drinks</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-grocery']) }}">Tea and coffee</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-grocery']) }}">Alcoholic beverages</a>
-                                        </li>
-                                    </ul>
-                                    <div class="h6 pt-4">Dairy &amp; eggs</div>
-                                    <ul class="nav flex-column gap-2 mt-n2">
-                                        <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']) }}">Shop all</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-grocery']) }}">Chees</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-grocery']) }}">Milk &amp; yogurt</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-grocery']) }}">Sour cream</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-grocery']) }}">Eggs</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-grocery']) }}">Butter &amp; margarine</a>
-                                        </li>
-                                    </ul>
-                                </div>
+                                        <li><a class="dropdown-item"
+                                                href="#">{{ __('navbar.support_tickets') }}</a></li>
+                                    @else
+                                        <li><a class="dropdown-item"
+                                                href="{{ route('login') }}">{{ __('navbar.sign_in') }}</a></li>
+                                        <li><a class="dropdown-item"
+                                                href="{{ route('register') }}">{{ __('navbar.sign_up') }}</a></li>
+                                    @endif
+
+                                </ul>
+
                             </div>
-                        </div>
-                    </div>
-                </div>
 
-                <!-- Rest of the menu -->
-                <div class="accordion-item border-0">
-                    <div class="accordion-header" id="headingHome">
-                        <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
-                            data-bs-toggle="collapse" data-bs-target="#home" aria-expanded="false" aria-controls="home">
-                            <span class="d-block animate-target py-1">Home</span>
-                        </button>
-                    </div>
-                    <div class="accordion-collapse collapse" id="home" aria-labelledby="headingHome"
-                        data-bs-parent="#navigation">
-                        <div class="accordion-body pb-3">
-                            <ul class="dropdown-menu show position-static shadow-none">
-                                <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>
-                                    </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>
-                                    </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>
-                                    </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>
-                                    </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>
-                                    </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>
-                                    </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>
-                                    </a>
-                                </li>
-                            </ul>
                         </div>
+
                     </div>
                 </div>
-                <div class="accordion-item border-0">
-                    <div class="accordion-header" id="headingShop">
-                        <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
-                            data-bs-toggle="collapse" data-bs-target="#shop" aria-expanded="false" aria-controls="shop">
-                            <span class="d-block animate-target py-1">Shop</span>
-                        </button>
-                    </div>
-                    <div class="accordion-collapse collapse" id="shop" aria-labelledby="headingShop"
-                        data-bs-parent="#navigation">
-                        <div class="accordion-body pb-3">
-                            <div class="dropdown-menu show position-static shadow-none p-4">
-                                <div class="d-flex flex-column 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-grocery']) }}">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 class="h6 pt-4 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>
-                                    <div style="min-width: 190px">
-                                        <div class="h6 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>
+            <div class="accordion-item border-0">
+                <div class="accordion-header" id="headingPages">
+                    <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
+                        data-bs-toggle="collapse" data-bs-target="#pages" aria-expanded="false" aria-controls="pages">
+                        <span class="d-block animate-target py-1">{{ __('navbar.contact') }}</span>
+                    </button>
+                </div>
+                <div class="accordion-collapse collapse" id="pages" aria-labelledby="headingPages"
+                    data-bs-parent="#navigation">
+                    <div class="accordion-body pb-3">
+                        <div class="dropdown-menu show position-static d-flex flex-column gap-4 shadow-none p-4">
+                            <div>
+                                {{-- <div class="h6">Bakery &amp; bread</div> --}}
+                                <ul class="nav flex-column gap-2 mt-n2">
+
+                                    <li><a class="dropdown-item"
+                                            href="{{ route('contact') }}">{{ __('navbar.contact') }}</a></li>
+
+
+                                    <li><a class="dropdown-item"
+                                            href="{{ route('help') }}">{{ __('navbar.help') }}</a></li>
+
+                                    <li><a class="dropdown-item"
+                                            href="{{ route('terms-and-conditions') }}">{{ __('navbar.terms_conditions') }}</a></li>
+
+
+                                </ul>
+
                             </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="accordion-item border-0">
-                    <div class="accordion-header" id="headingAccount">
-                        <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
-                            data-bs-toggle="collapse" data-bs-target="#account" aria-expanded="false"
-                            aria-controls="account">
-                            <span class="d-block animate-target py-1">Account</span>
-                        </button>
-                    </div>
-                    <div class="accordion-collapse collapse" id="account" aria-labelledby="headingAccount"
-                        data-bs-parent="#navigation">
-                        <div class="accordion-body pb-3">
-                            <ul class="dropdown-menu show position-static shadow-none">
-                                <li class="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">Auth Pages</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">Shop User</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">Marketplace User</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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>
-                        </div>
-                    </div>
-                </div>
-                <div class="accordion-item border-0">
-                    <div class="accordion-header" id="headingPages">
-                        <button type="button" class="accordion-button animate-underline fw-medium collapsed py-2"
-                            data-bs-toggle="collapse" data-bs-target="#pages" aria-expanded="false"
-                            aria-controls="pages">
-                            <span class="d-block animate-target py-1">Pages</span>
-                        </button>
-                    </div>
-                    <div class="accordion-collapse collapse" id="pages" aria-labelledby="headingPages"
-                        data-bs-parent="#navigation">
-                        <div class="accordion-body pb-3">
-                            <ul class="dropdown-menu show position-static shadow-none">
-                                <li class="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">About</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">Contact</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="dropdown">
-                                    <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                        data-bs-toggle="dropdown" aria-expanded="false">404 Error</a>
-                                    <ul class="dropdown-menu position-static transform-none shadow-none">
-                                        <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="term{{ route('any', 'terms-and-conditions')}}">Terms &amp; Conditions</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>            
-        </div>
 
-        <!-- Account button visible on screens < 768px wide (md breakpoint) -->
-        <div class="offcanvas-header flex-column align-items-start d-md-none">
-            <a class="btn btn-lg btn-outline-secondary w-100 rounded-pill" href="{{ route('second', ['account', 'signin']) }}">
-                <i class="ci-user fs-lg ms-n1 me-2"></i>
-                Account
-            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
-    </nav>
\ No newline at end of file
+    </div>
+
+    <!-- Account button visible on screens < 768px wide (md breakpoint) -->
+    <div class="offcanvas-header flex-column align-items-start d-md-none">
+        <a class="btn btn-lg btn-outline-secondary w-100 rounded-pill"
+            href="{{ route('second', ['account', 'signin']) }}">
+            <i class="ci-user fs-lg ms-n1 me-2"></i>
+            Account
+        </a>
+    </div>
+</nav>
diff --git a/resources/views/shop/product-fashion.blade.php b/resources/views/shop/product-fashion.blade.php
index 57ad017..9b3e82a 100644
--- a/resources/views/shop/product-fashion.blade.php
+++ b/resources/views/shop/product-fashion.blade.php
@@ -238,7 +238,7 @@
 
 
         <!-- Sticky product preview + Add to cart CTA -->
-        <section class="sticky-product-banner sticky-top" data-sticky-element>
+        {{-- <section class="sticky-product-banner sticky-top" data-sticky-element>
             <div class="sticky-product-banner-inner pt-5">
                 <div class="navbar container flex-nowrap align-items-center bg-body pt-4 pt-lg-5 mt-lg-n2">
                     <div class="d-flex align-items-center min-w-0 ms-lg-2 me-3">
@@ -271,7 +271,7 @@
                     </div>
                 </div>
             </div>
-        </section>
+        </section> --}}
 
 
         <!-- Product details tabs -->
@@ -293,14 +293,14 @@
                         Washing<span class="d-none d-md-inline">&nbsp;instructions</span>
                     </button>
                 </li> --}}
-                <li class="nav-item me-md-1" role="presentation">
+                {{-- <li class="nav-item me-md-1" role="presentation">
                     <button type="button" class="nav-link" id="delivery-tab" data-bs-toggle="tab"
                         data-bs-target="#delivery-tab-pane" role="tab" aria-controls="delivery-tab-pane"
                         aria-selected="false">
                         {{ __('product_fashion.delivery') }}<span
                             class="d-none d-md-inline">&nbsp;{{ __('product_fashion.and_returns') }}</span>
                     </button>
-                </li>
+                </li> --}}
                 {{-- <li class="nav-item" role="presentation">
                     <button type="button" class="nav-link" id="reviews-tab" data-bs-toggle="tab"
                         data-bs-target="#reviews-tab-pane" role="tab" aria-controls="reviews-tab-pane"