diff --git a/app/Http/Controllers/Auth/AddressController.php b/app/Http/Controllers/Auth/AddressController.php
index c6dc8d1..00c3b46 100644
--- a/app/Http/Controllers/Auth/AddressController.php
+++ b/app/Http/Controllers/Auth/AddressController.php
@@ -21,6 +21,7 @@ class AddressController extends Controller
                 return [
                     'id' => $address->id,
                     'label' => $address->label,
+                    'name' => $address->name,
                     'location' => $address->location,
                     'address' => $address->address,
                     'is_primary' => $address->is_primary,
@@ -29,6 +30,8 @@ class AddressController extends Controller
                     'district_id' => $address->district_id,
                     'subdistrict_id' => $address->subdistrict_id,
                     'postal_code' => $address->postal_code,
+                    'latitude' => $address->latitude,
+                    'longitude' => $address->longitude,
                 ];
             });
             
@@ -82,25 +85,35 @@ class AddressController extends Controller
     public function update(Request $request, $id)
     {
         $request->validate([
+            'label' => 'required|string|max:255',
+            'name' => 'required|string|max:255',
+            'phone' => 'required|string|max:255',
             'province_id' => 'required|exists:provinces,id',
             'city_id' => 'required|exists:cities,id',
             'district_id' => 'required|exists:districts,id',
             'subdistrict_id' => 'required|exists:subdistricts,id',
             'postal_code' => 'required|string|max:10',
             'address' => 'required|string|max:255',
+            'latitude' => 'required|numeric|between:-90,90',
+            'longitude' => 'required|numeric|between:-180,180',
             'is_primary' => 'boolean'
         ]);
 
         $address = auth()->user()->addresses()->findOrFail($id);
 
         $address->update([
+            'label' => $request->label,
+            'name' => $request->name,
+            'phone' => $request->phone,
             'province_id' => $request->province_id,
             'city_id' => $request->city_id,
             'district_id' => $request->district_id,
             'subdistrict_id' => $request->subdistrict_id,
             'postal_code' => $request->postal_code,
             'address' => $request->address,
-            'is_primary' => $request->boolean('is_primary')
+            'latitude' => $request->latitude,
+            'longitude' => $request->longitude,
+            'is_primary' => $request->is_primary ?? $address->is_primary,
         ]);
 
         // Update location names based on selected IDs
@@ -133,12 +146,17 @@ class AddressController extends Controller
     public function store(Request $request)
     {
         $request->validate([
+            'label' => 'required|string|max:255',
+            'name' => 'required|string|max:255',
+            'phone' => 'required|string|max:255',
             'province_id' => 'required|exists:provinces,id',
             'city_id' => 'required|exists:cities,id',
             'district_id' => 'required|exists:districts,id',
             'subdistrict_id' => 'required|exists:subdistricts,id',
-            'postal_code' => 'required|string|max:10',
             'address' => 'required|string|max:255',
+            'postal_code' => 'required|string|max:10',
+            'latitude' => 'nullable|numeric|between:-90,90',
+            'longitude' => 'nullable|numeric|between:-180,180',
             'is_primary' => 'boolean'
         ]);
 
@@ -149,18 +167,18 @@ class AddressController extends Controller
         $subdistrict = Subdistrict::find($request->subdistrict_id);
 
         $address = auth()->user()->addresses()->create([
-            'label' => 'Address ' . (auth()->user()->addresses()->count() + 1),
+            'label' => $request->label,
+            'name' => $request->name,
+            'phone' => $request->phone,
             'province_id' => $request->province_id,
             'city_id' => $request->city_id,
             'district_id' => $request->district_id,
             'subdistrict_id' => $request->subdistrict_id,
-            'province_name' => $province?->name,
-            'regency_name' => $city?->name,
-            'district_name' => $district?->name,
-            'village_name' => $subdistrict?->name,
-            'postal_code' => $request->postal_code,
             'address' => $request->address,
-            'is_primary' => $request->boolean('is_primary')
+            'postal_code' => $request->postal_code,
+            'latitude' => $request->latitude,
+            'longitude' => $request->longitude,
+            'is_primary' => $request->is_primary ?? false,
         ]);
 
         // If set as primary, unset other primary addresses
diff --git a/app/Http/Controllers/Auth/LoginWaController.php b/app/Http/Controllers/Auth/LoginWaController.php
index 3ea7de7..cf28252 100644
--- a/app/Http/Controllers/Auth/LoginWaController.php
+++ b/app/Http/Controllers/Auth/LoginWaController.php
@@ -62,6 +62,7 @@ class LoginWaController extends Controller
             return response()->json([
                 'success' => true,
                 'message' => __('otp.sent'),
+              
                 'redirect' => route('login-phone.otp.view', ['identity' => $identity]),
             ]);
         } catch (\Exception $e) {
@@ -78,6 +79,7 @@ class LoginWaController extends Controller
     {
         return view('account.otp', [
             'identity' => $identity,
+              'type' => 'phone',
         ]);
     }
 
diff --git a/app/Http/Controllers/Auth/ProfileController.php b/app/Http/Controllers/Auth/ProfileController.php
index 0671d0d..eca5452 100644
--- a/app/Http/Controllers/Auth/ProfileController.php
+++ b/app/Http/Controllers/Auth/ProfileController.php
@@ -46,7 +46,7 @@ class ProfileController extends Controller
             if ($request->hasFile('photo')) {
                 $ext = $request->file('photo')->extension();
                 $filename = $request->file('photo')->storeAs("profile", $user->id.".".$ext, "public");
-                $user->photo = $filename;
+                $user->photo = asset('storage/' . $filename);
             }
             
             $user->save();
diff --git a/app/Http/Controllers/ContactController.php b/app/Http/Controllers/ContactController.php
new file mode 100644
index 0000000..922559f
--- /dev/null
+++ b/app/Http/Controllers/ContactController.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class ContactController extends Controller
+{
+    public function index(Request $request)
+    {
+        return view('contact.v1');
+    }
+}
diff --git a/app/Http/Controllers/ProductController.php b/app/Http/Controllers/ProductController.php
index 6bb7ece..a59d878 100644
--- a/app/Http/Controllers/ProductController.php
+++ b/app/Http/Controllers/ProductController.php
@@ -205,6 +205,31 @@ class ProductController extends Controller
         ]);
     }
 
+    public function brandsWithImages(Request $request)
+    {
+        $brandRepository = new \App\Repositories\Catalog\BrandRepository;
+        $brands = $brandRepository->getList([]);
+
+        // Render brand links HTML with images as swiper slides
+        $brandHtml = '';
+        $currentBrandId = $request->input('current_brand');
+
+        foreach ($brands as $brand) {
+            $isActive = $currentBrandId == $brand->id;
+            // Only show brands that have images
+            if ($brand->image_url) {
+                $brandHtml .= '<a class="swiper-slide text-body" href="#!" aria-label="'.$brand->name.'" role="group" style="width: 170.2px; margin-right: 20px;">';
+                $brandHtml .= '<img src="'.$brand->image_url.'" alt="'.$brand->name.'" class="me-2" width="100" height="100">';
+                $brandHtml .= '</a>';
+            }
+        }
+
+        return response()->json([
+            'success' => true,
+            'brands' => $brandHtml,
+        ]);
+    }
+
     public function announcements(Request $request)
     {
         // Static announcements for now - can be moved to database later
@@ -388,6 +413,70 @@ class ProductController extends Controller
         ]);
     }
 
+    public function populersJson(Request $request)
+    {
+        $type = $request->input('type', 'new');
+        $limit = 6;
+
+        $user = auth()->user();
+        $userId = $user ? $user->id : 0;
+        [$location_id, $is_consignment] = Cache::remember('employee_user_'.$userId, 60 * 60 * 24, function () use ($user) {
+
+            if ($user == null) {
+                return [10, false];
+            }
+
+            $employee = @$user->employee;
+            $location_id = @$employee->location_id;
+            $location = @$employee->location;
+            $is_consignment = (bool) @$location->is_consignment;
+
+            return [$location_id, $is_consignment];
+
+        });
+
+        $productRepository = new ProductRepository;
+
+        // Set parameters based on type
+        $params = [
+            'limit' => $limit,
+            'location_id' => $location_id,
+            'is_consignment' => $is_consignment,
+        ];
+
+        switch ($type) {
+            case 'new':
+                $params['sort'] = 'new';
+                break;
+            case 'best_sellers':
+                $params['sort'] = 'best_sellers';
+                break;
+            case 'special-offer':
+                $params['event'] = 'special-offer';
+                break;
+            case 'top_rated':
+                $params['sort'] = 'random';
+                break;
+            default:
+                $params['sort'] = 'new';
+                break;
+        }
+
+        $params['limit'] = 10;
+
+        $products = $productRepository->getList($params);
+
+
+        $p = $products->map(function($row){
+            $row->image_url = $row->image_url;
+            return $row;
+        });
+
+        return response()->json([
+            'data'  =>$p,
+        ]);
+    }
+
     public function detail($slug, Request $request, ProductRepository $productRepository)
     {
 
diff --git a/app/Http/Controllers/VoucherEventController.php b/app/Http/Controllers/VoucherEventController.php
new file mode 100644
index 0000000..2dc23ce
--- /dev/null
+++ b/app/Http/Controllers/VoucherEventController.php
@@ -0,0 +1,63 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Repositories\Member\VoucherEvent\VoucherEventRepository;
+use Illuminate\Http\Request;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Facades\Log;
+
+class VoucherEventController extends Controller
+{
+    protected $voucherEventRepository;
+
+    public function __construct(VoucherEventRepository $voucherEventRepository)
+    {
+        $this->voucherEventRepository = $voucherEventRepository;
+    }
+
+    /**
+     * Redeem a voucher event
+     *
+     * @param int $voucherEvent
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function redeem($voucherEvent, Request $request): JsonResponse
+    {
+        try {
+            // Get the authenticated user
+            $user = auth()->user();
+            
+            if (!$user) {
+                return response()->json([
+                    'success' => false,
+                    'message' => 'User not authenticated'
+                ], 401);
+            }
+
+            // Call the repository's redeem method
+            $result = $this->voucherEventRepository->redeem($voucherEvent, $user);
+
+            if ($result['success']) {
+                return response()->json([
+                    'success' => true,
+                    'message' => $result['message'] ?? 'Voucher redeemed successfully!',
+                    'data' => $result['data'] ?? null
+                ]);
+            } else {
+                return response()->json([
+                    'success' => false,
+                    'message' => $result['message'] ?? 'Failed to redeem voucher'
+                ], 400);
+            }
+
+        } catch (\Exception $e) {
+            Log::error($e);
+            return response()->json([
+                'success' => false,
+                'message' => $e->getMessage()
+            ], 500);
+        }
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 058b7d4..c8dd1a8 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -57,6 +57,7 @@ class User extends Authenticatable
         return $this->hasOne(Customer::class);
     }
 
+
     public function addresses()
     {
         return $this->hasMany(Address::class);
@@ -64,6 +65,6 @@ class User extends Authenticatable
 
     public function getPhotoUrlAttribute()
     {
-        return $this->photo ? env('WMS_ASSET_URL') . '/' . $this->photo : asset('img/photo-placeholder.png');
+        return $this->photo ? (str_contains($this->photo, 'http') ? $this->photo : env('WMS_ASSET_URL') . '/' . $this->photo) : asset('img/photo-placeholder.png');
     }
 }
diff --git a/app/Repositories/Catalog/BrandRepository.php b/app/Repositories/Catalog/BrandRepository.php
index 7e8f0fc..320805d 100644
--- a/app/Repositories/Catalog/BrandRepository.php
+++ b/app/Repositories/Catalog/BrandRepository.php
@@ -27,7 +27,9 @@ class BrandRepository
 
                 return Brand::whereIn('name', $ids)->orderBy('priority', 'desc')
                     ->where('priority', '>', 0)
-                    ->orderBy('name', 'asc')->get();
+                    ->orderBy('name', 'asc')
+                    
+                    ->get();
             }
 
             return Brand::orderBy('priority', 'desc')->orderBy('name', 'asc')
diff --git a/app/Repositories/Member/Auth/MemberAuthRepository.php b/app/Repositories/Member/Auth/MemberAuthRepository.php
index 2499b69..03b7f3b 100644
--- a/app/Repositories/Member/Auth/MemberAuthRepository.php
+++ b/app/Repositories/Member/Auth/MemberAuthRepository.php
@@ -451,4 +451,5 @@ class MemberAuthRepository
         
         return $user;
     }
+
 }
diff --git a/app/Repositories/Member/Voucher/VoucherRepository.php b/app/Repositories/Member/Voucher/VoucherRepository.php
index bc21a62..8950041 100644
--- a/app/Repositories/Member/Voucher/VoucherRepository.php
+++ b/app/Repositories/Member/Voucher/VoucherRepository.php
@@ -19,7 +19,7 @@ class VoucherRepository
         $model = Voucher::where('customer_id', (int) @$customer->id)
         ->where('used_at', null)
         ->where('expired_at','>=',Carbon::now())
-        ->orderBy('created_at','desc')->paginate($request->limit);
+        ->orderBy('created_at','desc')->paginate($request->limit ?? 100);
 
         return $model;
     }
diff --git a/app/Repositories/Member/VoucherEvent/VoucherEventRepository.php b/app/Repositories/Member/VoucherEvent/VoucherEventRepository.php
index d1e6583..860914c 100644
--- a/app/Repositories/Member/VoucherEvent/VoucherEventRepository.php
+++ b/app/Repositories/Member/VoucherEvent/VoucherEventRepository.php
@@ -15,7 +15,7 @@ class VoucherEventRepository
 {
     public function getList($request)
     {
-        $model = VoucherEvent::where('redeem_point', '>', 0)->orderBy('created_at','desc')->paginate($request->limit);
+        $model = VoucherEvent::where('redeem_point', '>', 0)->orderBy('created_at','desc')->paginate($request->limit ?? 100);
 
         return $model;
     }
@@ -114,7 +114,12 @@ class VoucherEventRepository
                 $nominal = $voucher->nominal;
             }
 
-            $customer = Customer::where('user_id', auth()->user()->id)->firstOrFail();
+            $customer = auth()->user()->customer ?? null;
+            if ($customer == null) {
+                throw ValidationException::withMessages([
+                    "customer" => "Lengkapi profil terlebih dahulu"
+                ]);
+            }
             $point = DB::select("SELECT SUM(point) as point FROM customer_points WHERE customer_id = ? ", [$customer->id]);
             $point = (float) @$point[0]->point;
 
@@ -141,7 +146,7 @@ class VoucherEventRepository
                 'user_id' => auth()->user()->id
             ]);
 
-            $customer = Customer::where('user_id', auth()->user()->id)->firstOrFail();
+            $customer = auth()->user()->customer;
 
             $this->redeemPoint($customer->id, $voucher->redeem_point, "Redeem point for ".$model->description, $model);
 
diff --git a/app/View/Components/Checkout/PromoCode.php b/app/View/Components/Checkout/PromoCode.php
new file mode 100644
index 0000000..ab8f7e2
--- /dev/null
+++ b/app/View/Components/Checkout/PromoCode.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\View\Components\Checkout;
+
+use App\Repositories\Member\VoucherEvent\VoucherEventRepository;
+use App\Repositories\Member\Voucher\VoucherRepository;
+use Illuminate\View\Component;
+use Illuminate\View\View;
+
+class PromoCode extends Component
+{
+    public $voucher_events;
+    public $vouchers;
+
+    /**
+     * Create the component instance.
+     *
+     * @param VoucherEventRepository $voucherEventRepository
+     * @return void
+     */
+    public function __construct(VoucherRepository $voucherRepository, VoucherEventRepository $voucherEventRepository)
+    {
+        $this->voucher_events = $voucherEventRepository->getList([]);
+        $this->vouchers = $voucherRepository->getList([]);
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return View|string
+     */
+    public function render()
+    {
+        return view('components.checkout.promo-code', [
+            'voucher_events' => $this->voucher_events,
+            'vouchers' => $this->vouchers
+        ]);
+    }
+}
diff --git a/app/View/Components/FooterBrands.php b/app/View/Components/FooterBrands.php
new file mode 100644
index 0000000..16b6afb
--- /dev/null
+++ b/app/View/Components/FooterBrands.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\View\Components;
+
+use App\Repositories\Catalog\BrandRepository;
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class FooterBrands extends Component
+{
+    public $brands;
+
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(BrandRepository $brandRepository)
+    {
+        $this->brands = $brandRepository->getList([]);
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.footer-brands', ['brands' => $this->brands]);
+    }
+}
diff --git a/app/View/Components/Layout/NavbarCategory.php b/app/View/Components/Layout/NavbarCategory.php
index dba898f..1642d48 100644
--- a/app/View/Components/Layout/NavbarCategory.php
+++ b/app/View/Components/Layout/NavbarCategory.php
@@ -4,6 +4,8 @@ namespace App\View\Components\Layout;
 
 use App\Repositories\Catalog\CategoryRepository;
 use App\Repositories\Catalog\GenderRepository;
+use App\Repositories\Catalog\BrandRepository;
+
 use Closure;
 use Illuminate\Contracts\View\View;
 use Illuminate\View\Component;
@@ -13,6 +15,7 @@ class NavbarCategory extends Component
 
     public $genders = [];
     public $categories = [];
+    public $brands = [];
     /**
      * Create a new component instance.
      */
@@ -22,13 +25,18 @@ class NavbarCategory extends Component
 
         $genderRepository = new GenderRepository();
         $categoryRepository = new CategoryRepository();
+        $brandsRepository = new BrandRepository();
 
 
         $this->genders = $genderRepository->getList([]);
+           $this->genders = collect($this->genders)->chunk(7);
+
         $this->categories = $categoryRepository->getList([]);
         // chunk
         $this->categories = collect($this->categories)->chunk(7);
-
+        
+        $this->brands = $brandsRepository->getList([]);
+         $this->brands = collect($this->brands)->chunk(7);
     }
 
     /**
diff --git a/lang/en/addresses.php b/lang/en/addresses.php
index 55e2c6e..7605f79 100644
--- a/lang/en/addresses.php
+++ b/lang/en/addresses.php
@@ -17,6 +17,14 @@ return [
     'select_village' => 'Select subdistrict...',
     'zip_code' => 'ZIP code',
     'address' => 'Address',
+    'label' => 'Label',
+    'name' => 'Name',
+    'phone' => 'Phone',
+    'please_enter_phone' => 'Please enter your phone number!',
+    'latitude' => 'Latitude',
+    'longitude' => 'Longitude',
+    'please_enter_latitude' => 'Please enter your latitude!',
+    'please_enter_longitude' => 'Please enter your longitude!',
     'set_as_primary_address' => 'Set as primary address',
     'save_changes' => 'Save changes',
     'close' => 'Close',
@@ -29,6 +37,8 @@ return [
     'please_select_village' => 'Please select your village!',
     'please_enter_zip_code' => 'Please enter your ZIP code!',
     'please_enter_address' => 'Please enter your address!',
+    'please_enter_label' => 'Please enter your label!',
+    'please_enter_name' => 'Please enter your name!',
     'saving' => 'Saving',
     'error_saving_address' => 'Error saving address',
     'address_updated_successfully' => 'Address updated successfully',
diff --git a/lang/en/checkout.php b/lang/en/checkout.php
index d0d527c..fafb736 100644
--- a/lang/en/checkout.php
+++ b/lang/en/checkout.php
@@ -45,4 +45,15 @@ return [
     'pickup' => 'Pickup',
     'pickup_ready' => 'Your order will be ready for pickup at the selected store',
     'continue_to_payment' => 'Continue to Payment',
+    'apply_promo_code' => 'Apply promo code',
+    'enter_promo_code' => 'Enter promo code',
+    'enter_valid_promo_code' => 'Enter a valid promo code!',
+    'apply' => 'Apply',
+    'available_vouchers' => 'Available Vouchers',
+    'available_voucher_events' => 'Available Voucher Events',
+    'points_required' => 'Points Required',
+    'valid_period' => 'Valid Period',
+    'terms_and_conditions' => 'Terms and Conditions',
+    'close' => 'Close',
+    'redeem' => 'Redeem',
 ];
diff --git a/lang/en/contact.php b/lang/en/contact.php
new file mode 100644
index 0000000..02e305e
--- /dev/null
+++ b/lang/en/contact.php
@@ -0,0 +1,64 @@
+<?php
+
+return [
+    'title' => 'Contact us',
+    'subtitle' => 'Feel free to contact us and we will be happy to help you!',
+    
+    // Contact details section
+    'location_title' => 'Location',
+    'location_address' => 'Jalan Pintu Air Raya No.11 B,D,E,F,G RT.8/RW.1, Ps. Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10710',
+    'location_link' => 'Get directions',
+    
+    'phone_title' => 'Phone',
+    'phone_number' => '(021) 3500703',
+    'phone_whatsapp' => '0818-4343-01',
+    
+    'email_title' => 'Email',
+    'email_address' => 'sales@asiagolf.id',
+    
+    // Contact form
+    'form_title' => 'Send us a message',
+    'form_subtitle' => 'We usually respond within 24 hours',
+    
+    'name_label' => 'Name',
+    'name_placeholder' => 'Your name',
+    
+    'email_label' => 'Email',
+    'email_placeholder' => 'your.email@example.com',
+    
+    'subject_label' => 'Subject',
+    'subject_placeholder' => 'What is this about?',
+    
+    'message_label' => 'Message',
+    'message_placeholder' => 'Tell us more about your inquiry...',
+    
+    'submit_button' => 'Send message',
+    
+    // Social media
+    'social_title' => 'Follow us',
+    'social_instagram' => 'Instagram',
+    'social_facebook' => 'Facebook',
+    'social_twitter' => 'Twitter',
+    
+    // Success messages
+    'success_title' => 'Thank you for your message!',
+    'success_message' => 'We have received your message and will get back to you soon.',
+    
+    // Error messages
+    'error_title' => 'Something went wrong',
+    'error_message' => 'Please try again later or contact us directly.',
+    
+    // Working hours
+    'working_hours_title' => 'Working hours',
+    'working_hours_mon_fri' => 'Mon - Fri 8:00 - 18:00',
+    'working_hours_sat_sun' => 'Sat - Sun 10:00 - 16:00',
+    
+    // Support section
+    'support_title' => 'Looking for support?',
+    'support_message' => 'We might already have what you\'re looking for. See our FAQs or head to our dedicated Help Center.',
+    'help_center_button' => 'Help center',
+    
+    // FAQ
+    'faq_delivery_question' => 'How long will delivery take?',
+    'faq_delivery_answer' => 'Delivery times vary based on your location and chosen shipping method. Generally, our standard delivery takes up to 5 days, while our Express Delivery ensures your order reaches you within 1 day. Please note that these times may be subject to occasional variations due to unforeseen circumstances, but we do our best to meet these estimates.',
+];
\ No newline at end of file
diff --git a/lang/id/addresses.php b/lang/id/addresses.php
index b8ff307..0f1f119 100644
--- a/lang/id/addresses.php
+++ b/lang/id/addresses.php
@@ -17,7 +17,15 @@ return [
     'select_village' => 'Pilih kelurahan/desa...',
     'zip_code' => 'Kode Pos',
     'address' => 'Alamat',
-    'set_as_primary_address' => 'Jadikan alamat utama',
+    'label' => 'Label',
+    'name' => 'Nama',
+    'phone' => 'Telepon',
+    'please_enter_phone' => 'Silakan masukkan nomor telepon Anda!',
+    'latitude' => 'Lintang',
+    'longitude' => 'Bujur',
+    'please_enter_latitude' => 'Silakan masukkan lintang Anda!',
+    'please_enter_longitude' => 'Silakan masukkan bujur Anda!',
+    'set_as_primary_address' => 'Jadikan sebagai alamat utama',
     'save_changes' => 'Simpan perubahan',
     'close' => 'Tutup',
     'alternative_shipping_address' => 'Alamat Pengiriman Alternatif',
@@ -29,6 +37,8 @@ return [
     'please_select_village' => 'Silakan pilih kelurahan/desa Anda!',
     'please_enter_zip_code' => 'Silakan masukkan kode pos Anda!',
     'please_enter_address' => 'Silakan masukkan alamat Anda!',
+    'please_enter_label' => 'Silakan masukkan label Anda!',
+    'please_enter_name' => 'Silakan masukkan nama Anda!',
     'saving' => 'Menyimpan',
     'error_saving_address' => 'Terjadi kesalahan saat menyimpan alamat',
     'address_updated_successfully' => 'Alamat berhasil diperbarui',
diff --git a/lang/id/checkout.php b/lang/id/checkout.php
index 417d5f5..2020e48 100644
--- a/lang/id/checkout.php
+++ b/lang/id/checkout.php
@@ -45,4 +45,15 @@ return [
     'pickup' => 'Ambil di Toko',
     'pickup_ready' => 'Pesanan Anda akan siap diambil di toko yang dipilih',
     'continue_to_payment' => 'Lanjut ke Pembayaran',
+    'apply_promo_code' => 'Gunakan kode promo',
+    'enter_promo_code' => 'Masukkan kode promo',
+    'enter_valid_promo_code' => 'Masukkan kode promo yang valid!',
+    'apply' => 'Gunakan',
+    'available_vouchers' => 'Voucher Tersedia',
+    'available_voucher_events' => 'Event Voucher Tersedia',
+    'points_required' => 'Poin Diperlukan',
+    'valid_period' => 'Periode Berlaku',
+    'terms_and_conditions' => 'Syarat dan Ketentuan',
+    'close' => 'Tutup',
+    'redeem' => 'Tukar',
 ];
diff --git a/lang/id/contact.php b/lang/id/contact.php
new file mode 100644
index 0000000..69826bd
--- /dev/null
+++ b/lang/id/contact.php
@@ -0,0 +1,64 @@
+<?php
+
+return [
+    'title' => 'Hubungi Kami',
+    'subtitle' => 'Jangan ragu untuk menghubungi kami dan kami akan dengan senang hati membantu Anda!',
+    
+    // Contact details section
+    'location_title' => 'Lokasi',
+    'location_address' => 'Jalan Pintu Air Raya No.11 B,D,E,F,G RT.8/RW.1, Ps. Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10710',
+    'location_link' => 'Petunjuk arah',
+    
+    'phone_title' => 'Telepon',
+    'phone_number' => '(021) 3500703',
+    'phone_whatsapp' => '0818-4343-01',
+    
+    'email_title' => 'Email',
+    'email_address' => 'sales@asiagolf.id',
+    
+    // Contact form
+    'form_title' => 'Kirim pesan',
+    'form_subtitle' => 'Kami biasanya merespons dalam 24 jam',
+    
+    'name_label' => 'Nama',
+    'name_placeholder' => 'Nama Anda',
+    
+    'email_label' => 'Email',
+    'email_placeholder' => 'email.anda@example.com',
+    
+    'subject_label' => 'Subjek',
+    'subject_placeholder' => 'Tentang apa ini?',
+    
+    'message_label' => 'Pesan',
+    'message_placeholder' => 'Ceritakan lebih lanjut tentang pertanyaan Anda...',
+    
+    'submit_button' => 'Kirim pesan',
+    
+    // Social media
+    'social_title' => 'Ikuti kami',
+    'social_instagram' => 'Instagram',
+    'social_facebook' => 'Facebook',
+    'social_twitter' => 'Twitter',
+    
+    // Success messages
+    'success_title' => 'Terima kasih atas pesan Anda!',
+    'success_message' => 'Kami telah menerima pesan Anda dan akan segera menghubungi Anda kembali.',
+    
+    // Error messages
+    'error_title' => 'Terjadi kesalahan',
+    'error_message' => 'Silakan coba lagi nanti atau hubungi kami langsung.',
+    
+    // Working hours
+    'working_hours_title' => 'Jam operasional',
+    'working_hours_mon_fri' => 'Sen - Jum 08:00 - 18:00',
+    'working_hours_sat_sun' => 'Sab - Min 10:00 - 16:00',
+    
+    // Support section
+    'support_title' => 'Mencari bantuan?',
+    'support_message' => 'Kami mungkin sudah memiliki apa yang Anda cari. Lihat FAQ kami atau kunjungi ke Pusat Bantuan kami.',
+    'help_center_button' => 'Pusat bantuan',
+    
+    // FAQ
+    'faq_delivery_question' => 'Berapa lama pengiriman akan berlangsung?',
+    'faq_delivery_answer' => 'Waktu pengiriman bervariasi tergantung pada lokasi Anda dan metode pengiriman yang dipilih. Umumnya, pengiriman standar kami memakan waktu hingga 5 hari, sementara Pengiriman Ekspres memastikan pesanan Anda sampai dalam 1 hari. Harap dicatat bahwa waktu ini dapat berubah karena keadaan yang tidak terduga, tetapi kami melakukan yang terbaik untuk memenuhi perkiraan ini.',
+];
diff --git a/public/ig/607467049_3991986004432775_3154614208824352862_n.jpg b/public/ig/607467049_3991986004432775_3154614208824352862_n.jpg
new file mode 100644
index 0000000..74c98c4
Binary files /dev/null and b/public/ig/607467049_3991986004432775_3154614208824352862_n.jpg differ
diff --git a/public/ig/627126351_868515585958098_5234946979031253180_n.jpg b/public/ig/627126351_868515585958098_5234946979031253180_n.jpg
new file mode 100644
index 0000000..9ab8f4f
Binary files /dev/null and b/public/ig/627126351_868515585958098_5234946979031253180_n.jpg differ
diff --git a/public/ig/637072850_18450267685100713_2841227512989064742_n.jpg b/public/ig/637072850_18450267685100713_2841227512989064742_n.jpg
new file mode 100644
index 0000000..390ffc7
Binary files /dev/null and b/public/ig/637072850_18450267685100713_2841227512989064742_n.jpg differ
diff --git a/public/ig/637270426_18450238369100713_2695956505063029899_n.jpg b/public/ig/637270426_18450238369100713_2695956505063029899_n.jpg
new file mode 100644
index 0000000..7feaf66
Binary files /dev/null and b/public/ig/637270426_18450238369100713_2695956505063029899_n.jpg differ
diff --git a/public/ig/639478537_1665736817945005_7744756753154487865_n.jpg b/public/ig/639478537_1665736817945005_7744756753154487865_n.jpg
new file mode 100644
index 0000000..38c57de
Binary files /dev/null and b/public/ig/639478537_1665736817945005_7744756753154487865_n.jpg differ
diff --git a/resources/js/components/pwa.js b/resources/js/components/pwa.js
index e707ce5..ec8132d 100644
--- a/resources/js/components/pwa.js
+++ b/resources/js/components/pwa.js
@@ -6,9 +6,18 @@
 export default (() => {
   const htmlElement = document.documentElement
 
-  // Check the 'data-pwa' attribute of the HTML element
+  // Check if Bootstrap is loaded
+  const checkBootstrapLoaded = () => {
+    if (typeof bootstrap === 'undefined') {
+      console.error('Bootstrap is not loaded');
+      return false;
+    }
+    return true;
+  };
+
+  // Check 'data-pwa' attribute of HTML element
   if (htmlElement.getAttribute('data-pwa') !== 'true') {
-    // Unregister the service worker if it's registered and 'data-pwa' is not 'true'
+    // Unregister service worker if it's registered and 'data-pwa' is not 'true'
     if ('serviceWorker' in navigator) {
       navigator.serviceWorker.getRegistrations().then((registrations) => {
         for (let registration of registrations) {
@@ -19,6 +28,11 @@ export default (() => {
     return // Stop further execution to prevent PWA setup when not specified
   }
 
+  // Check Bootstrap before proceeding with any Bootstrap-dependent code
+  if (!checkBootstrapLoaded()) {
+    return;
+  }
+
   // Settings
   const SETTINGS = {
     appName: 'AsiaGolf',
@@ -171,9 +185,16 @@ export default (() => {
 
     // Get prompt instance
     const promptElement = document.getElementById(promptId)
+    
+    // Check if Bootstrap is loaded before using it
+    if (!checkBootstrapLoaded()) {
+      console.error('Cannot create PWA prompt: Bootstrap is not loaded');
+      return;
+    }
+    
     /* eslint-disable no-undef */
     const promptInstance = new bootstrap.Modal(promptElement, {
-      backdrop: 'static', // Optional: makes prompt not close when clicking outside
+      backdrop: false, // Disable backdrop to prevent layering issues
       keyboard: false, // Optional: makes prompt not close when pressing escape key
     })
     /* eslint-enable no-undef */
diff --git a/resources/js/theme.js b/resources/js/theme.js
index ba7a96b..a677e44 100644
--- a/resources/js/theme.js
+++ b/resources/js/theme.js
@@ -6,6 +6,8 @@
  * @author Coderthemes
  * @version 1.0.0
  */
+import 'bootstrap'
+
 import 'img-comparison-slider'
 import 'simplebar'
 
diff --git a/resources/views/account/addresses.blade.php b/resources/views/account/addresses.blade.php
index 56831ff..45e9c1c 100644
--- a/resources/views/account/addresses.blade.php
+++ b/resources/views/account/addresses.blade.php
@@ -101,6 +101,32 @@
                         <div class="alert alert-danger d-none new-address-form-message" role="alert"></div>
                         <div class="alert alert-success d-none new-address-form-success" role="alert"></div>
 
+                                     <div class="col-sm-6">
+                            <div class="position-relative">
+                                <label class="form-label">{{ __('addresses.label') }}</label>
+                                <input type="text" class="form-control new-label" id="new-label" required>
+                                <div class="invalid-feedback">{{ __('addresses.please_enter_label') }}</div>
+                            </div>
+                        </div>
+
+
+
+                          <div class="col-sm-6">
+                            <div class="position-relative">
+                                <label class="form-label">{{ __('addresses.name') }}</label>
+                                <input type="text" class="form-control new-name" id="new-name" required>
+                                <div class="invalid-feedback">{{ __('addresses.please_enter_name') }}</div>
+                            </div>
+                        </div>
+
+                        <div class="col-sm-6">
+                            <div class="position-relative">
+                                <label class="form-label">{{ __('addresses.phone') }}</label>
+                                <input type="tel" class="form-control new-phone" required>
+                                <div class="invalid-feedback">{{ __('addresses.please_enter_phone') }}</div>
+                            </div>
+                        </div>
+
                         <div class="col-sm-6">
                             <div class="position-relative">
                                 <label class="form-label">{{ __('addresses.province') }}</label>
@@ -140,17 +166,33 @@
                                 <div class="invalid-feedback">{{ __('addresses.please_select_village') }}</div>
                             </div>
                         </div>
-                        <div class="col-sm-4">
+                        <div class="col-sm-6">
                             <div class="position-relative">
-                                <label for="new-zip" class="form-label">{{ __('addresses.zip_code') }}</label>
-                                <input type="text" class="form-control" id="new-zip" required>
+                                <label class="form-label">{{ __('addresses.zip_code') }}</label>
+                                <input type="text" class="form-control new-zip" required>
                                 <div class="invalid-feedback">{{ __('addresses.please_enter_zip_code') }}</div>
                             </div>
                         </div>
+
+                        <div class="col-sm-6">
+                            <div class="position-relative">
+                                <label class="form-label">{{ __('addresses.latitude') }}</label>
+                                <input type="text" class="form-control new-latitude" step="0.000001" required>
+                                <div class="invalid-feedback">{{ __('addresses.please_enter_latitude') }}</div>
+                            </div>
+                        </div>
+
+                        <div class="col-sm-6">
+                            <div class="position-relative">
+                                <label class="form-label">{{ __('addresses.longitude') }}</label>
+                                <input type="text" class="form-control new-longitude" step="0.000001" required>
+                                <div class="invalid-feedback">{{ __('addresses.please_enter_longitude') }}</div>
+                            </div>
+                        </div>
                         <div class="col-sm-8">
                             <div class="position-relative">
                                 <label for="new-address" class="form-label">{{ __('addresses.address') }}</label>
-                                <input type="text" class="form-control" id="new-address" required>
+                                <textarea class="form-control" id="new-address" rows="3" required></textarea>
                                 <div class="invalid-feedback">{{ __('addresses.please_enter_address') }}</div>
                             </div>
                         </div>
@@ -315,6 +357,7 @@
                                 <ul class="list-unstyled fs-sm m-0">
                                     <li>${address.location}</li>
                                     <li>${address.address}</li>
+                                  
                                 </ul>
                             </div>
                             <div class="collapse primary-address-${address.id}" id="primaryAddressEdit${address.id}">
@@ -325,6 +368,32 @@
                                     <input type="hidden" name="_method" value="PUT">
                                     <input type="hidden" name="_token" value="${document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''}">
                                     
+
+                                       <div class="col-sm-6">
+                                        <div class="position-relative">
+                                            <label class="form-label">{{ __('addresses.label') }}</label>
+                                            <input type="text" class="form-control edit-label" value="${address.label}" required>
+                                            <div class="invalid-feedback">{{ __('addresses.please_enter_address') }}</div>
+                                        </div>
+                                    </div>
+
+                                    <div class="col-sm-6">
+                                        <div class="position-relative">
+                                            <label class="form-label">{{ __('addresses.name') }}</label>
+                                            <input type="text" class="form-control edit-name" value="${address.name ?? ''}" required>
+                                            <div class="invalid-feedback">{{ __('addresses.please_enter_name') }}</div>
+                                        </div>
+                                    </div>
+
+                                    <div class="col-sm-6">
+                                        <div class="position-relative">
+                                            <label class="form-label">{{ __('addresses.phone') }}</label>
+                                            <input type="tel" class="form-control edit-phone" value="${address.phone ?? ''}" required>
+                                            <div class="invalid-feedback">{{ __('addresses.please_enter_phone') }}</div>
+                                        </div>
+                                    </div>
+
+
                                     <div class="col-sm-6">
                                         <div class="position-relative">
                                             <label class="form-label">{{ __('addresses.province') }}</label>
@@ -370,25 +439,41 @@
                                         </div>
                                     </div>
                                     
-                                    <div class="col-sm-4">
+                                    <div class="col-sm-6">
                                         <div class="position-relative">
                                             <label class="form-label">{{ __('addresses.zip_code') }}</label>
                                             <input type="text" class="form-control postal_code" value="${address.postal_code}" required>
                                             <div class="invalid-feedback">{{ __('addresses.please_enter_zip_code') }}</div>
                                         </div>
                                     </div>
+
+                                    <div class="col-sm-6">
+                                        <div class="position-relative">
+                                            <label class="form-label">{{ __('addresses.latitude') }}</label>
+                                            <input type="text" class="form-control latitude" value="${address.latitude ?? ''}" step="0.000001" required>
+                                            <div class="invalid-feedback">{{ __('addresses.please_enter_latitude') }}</div>
+                                        </div>
+                                    </div>
+
+                                    <div class="col-sm-6">
+                                        <div class="position-relative">
+                                            <label class="form-label">{{ __('addresses.longitude') }}</label>
+                                            <input type="text" class="form-control longitude" value="${address.longitude ?? ''}" step="0.000001" required>
+                                            <div class="invalid-feedback">{{ __('addresses.please_enter_longitude') }}</div>
+                                        </div>
+                                    </div>
                                     
                                     <div class="col-sm-8">
                                         <div class="position-relative">
                                             <label class="form-label">{{ __('addresses.address') }}</label>
-                                            <input type="text" class="form-control zip_code" value="${address.address}" required>
+                                            <input type="text" class="form-control address-input" value="${address.address}" required>
                                             <div class="invalid-feedback">{{ __('addresses.please_enter_address') }}</div>
                                         </div>
                                     </div>
                                     
                                     <div class="col-12">
                                         <div class="form-check mb-0">
-                                            <input type="checkbox" class="form-check-input" ${address.is_primary ? 'checked' : ''}>
+                                            <input type="checkbox" class="form-check-input " id="set-primary-${address.id}" ${address.is_primary ? 'checked' : ''}>
                                             <label class="form-check-label">{{ __('addresses.set_as_primary_address') }}</label>
                                         </div>
                                     </div>
@@ -942,6 +1027,22 @@
                 // Get CSRF token
                 const tokenInput = form.querySelector('input[name="_token"]');
                 if (tokenInput) submitData._token = tokenInput.value;
+
+
+                // Get Name
+                const nameInput = isNewAddress ?
+                    form.querySelector('#new-name') : form.querySelector('.edit-name');
+                if (nameInput) submitData.name = nameInput.value;
+                
+                // Get Phone
+                const phoneInput = isNewAddress ?
+                    form.querySelector('.new-phone') : form.querySelector('.edit-phone');
+                if (phoneInput) submitData.phone = phoneInput.value;
+                
+                // Get Label
+                const labelInput = isNewAddress ?
+                    form.querySelector('#new-label') : form.querySelector('.edit-label');
+                if (labelInput) submitData.label = labelInput.value;
                 
                 // Get province ID
                 const provinceSelect = isNewAddress ?
@@ -968,9 +1069,19 @@
                     form.querySelector('#new-zip') : form.querySelector('.postal_code');
                 if (zipInput) submitData.postal_code = zipInput.value;
                 
-                // Get address
+                // Get latitude
+                const latitudeInput = isNewAddress ?
+                    form.querySelector('.new-latitude') : form.querySelector('.latitude');
+                if (latitudeInput) submitData.latitude = latitudeInput.value;
+                
+                // Get longitude
+                const longitudeInput = isNewAddress ?
+                    form.querySelector('.new-longitude') : form.querySelector('.longitude');
+                if (longitudeInput) submitData.longitude = longitudeInput.value;
+                
+                 // Get address
                 const addressInput = isNewAddress ?
-                    form.querySelector('#new-address') : form.querySelector('.zip_code');
+                    form.querySelector('#new-address') : form.querySelector('.address-input');
                 if (addressInput) submitData.address = addressInput.value;
                 
                 // Get primary checkbox
diff --git a/resources/views/account/info.blade.php b/resources/views/account/info.blade.php
index 3466b1b..820ea06 100644
--- a/resources/views/account/info.blade.php
+++ b/resources/views/account/info.blade.php
@@ -38,8 +38,9 @@
                                 <div class="position-relative">
                                     
                                     <div class="avatar avatar-lg" style="aspect-ratio: 1/1; overflow: hidden; max-width: 300px; width: 100%; height: auto;">
+                                       
                                         @if(auth()->user()->photo)
-                                            <img src="{{ asset('storage/' . auth()->user()->photo) }}" alt="{{ auth()->user()->name }}" class="avatar-img rounded-circle" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='{{ asset('img/photo-placeholder.png') }}'">
+                                            <img src="{{ auth()->user()->photo_url }}" alt="{{ auth()->user()->name }}" class="avatar-img rounded-circle" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='{{ asset('img/photo-placeholder.png') }}'">
                                         @else
                                             <img src="{{ asset('img/photo-placeholder.png') }}" alt="{{ auth()->user()->name }}" class="avatar-img rounded-circle" style="width: 100%; height: 100%; object-fit: cover;">
                                         @endif
diff --git a/resources/views/account/otp.blade.php b/resources/views/account/otp.blade.php
index 960cc32..bd2722e 100644
--- a/resources/views/account/otp.blade.php
+++ b/resources/views/account/otp.blade.php
@@ -37,7 +37,7 @@
 
                     <div class="position-relative mb-4">
                         <label for="otp" class="form-label">{{ __('otp.enter_code') }}</label>
-                        <input class="form-control form-control-lg" type="text" placeholder="000000" maxlength="6"
+                        <input class="form-control form-control-lg" type="text" placeholder="{{ __('otp.enter_code') }}" maxlength="6"
                             pattern="[0-9]{6}" required="" name="otp" id="otp" autocomplete="one-time-code" />
                         <div class="invalid-tooltip bg-transparent py-0">{{ __('otp.invalid_code') }}</div>
                     </div>
diff --git a/resources/views/checkout/v1-cart.blade.php b/resources/views/checkout/v1-cart.blade.php
index 4a84626..29d094a 100644
--- a/resources/views/checkout/v1-cart.blade.php
+++ b/resources/views/checkout/v1-cart.blade.php
@@ -47,8 +47,7 @@
                                 <tr>
                                     <th scope="col" class="fs-sm fw-normal py-3 ps-0"><span
                                             class="text-body">Product</span></th>
-                                    <th scope="col" class="text-body fs-sm fw-normal py-3 d-none d-xl-table-cell"><span
-                                            class="text-body">Price</span></th>
+                                
                                     <th scope="col" class="text-body fs-sm fw-normal py-3 d-none d-md-table-cell"><span
                                             class="text-body">Quantity</span></th>
                                     <th scope="col" class="text-body fs-sm fw-normal py-3 d-none d-md-table-cell"><span
@@ -86,8 +85,10 @@
                                                     <a class="flex-shrink-0"
                                                         href="{{ route('product.detail', $cart->itemVariant->item->slug) }}">
                                                         <img src="{{ $cart->itemReference->item->image_url ?? '' }}"
-                                                            width="110" alt="{{ $cart->name ?? 'Product' }}">
+                                                            width="80" alt="{{ $cart->name ?? 'Product' }}">
                                                     </a>
+
+                                                    
                                                     <div class="w-100 min-w-0 ps-2 ps-xl-3">
                                                         <h5 class="d-flex animate-underline mb-2">
                                                             <a class="d-block fs-sm fw-medium text-truncate animate-target"
@@ -103,6 +104,11 @@
                                                             <span class="text-dark-emphasis fw-medium">${{ number_format($cart->itemReference->display_price ?? 0, 2) }}</span>
                                                         </li>
                                                     </ul> --}}
+
+                                                      <input type="hidden" id="price_{{ $cart->id }}"
+                                                    value="{{ $cart->itemVariant->display_price ?? 0 }}">
+                                                Rp {{ number_format($cart->itemVariant->display_price ?? 0, 0, ',', '.') }}
+
                                                         <div class="count-input rounded-2 d-md-none mt-3">
                                                             <button type="button" class="btn btn-sm btn-icon"
                                                                 data-decrement aria-label="Decrement quantity">
@@ -118,11 +124,7 @@
                                                     </div>
                                                 </div>
                                             </td>
-                                            <td class="h6 py-3 d-none d-xl-table-cell">
-                                                <input type="hidden" id="price_{{ $cart->id }}"
-                                                    value="{{ $cart->itemVariant->display_price ?? 0 }}">
-                                                Rp {{ number_format($cart->itemVariant->display_price ?? 0, 0, ',', '.') }}
-                                            </td>
+                                           
                                             <td class="py-3 d-none d-md-table-cell">
                                                 <div class="count-input">
                                                     <button type="button" class="btn btn-icon" data-decrement
@@ -215,34 +217,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="accordion bg-body-tertiary rounded-5 p-4">
-                                <div class="accordion-item border-0">
-                                    <h3 class="accordion-header" id="promoCodeHeading">
-                                        <button type="button"
-                                            class="accordion-button animate-underline collapsed py-0 ps-sm-2 ps-lg-0 ps-xl-2"
-                                            data-bs-toggle="collapse" data-bs-target="#promoCode" aria-expanded="false"
-                                            aria-controls="promoCode">
-                                            <i class="ci-percent fs-xl me-2"></i>
-                                            <span class="animate-target me-2">Apply promo code</span>
-                                        </button>
-                                    </h3>
-                                    <div class="accordion-collapse collapse" id="promoCode"
-                                        aria-labelledby="promoCodeHeading">
-                                        <div class="accordion-body pt-3 pb-2 ps-sm-2 px-lg-0 px-xl-2">
-                                            <form class="needs-validation d-flex gap-2" novalidate>
-                                                <div class="position-relative w-100">
-                                                    <input type="text" class="form-control"
-                                                        placeholder="Enter promo code" required>
-                                                    <div class="invalid-tooltip bg-transparent py-0">Enter a valid promo
-                                                        code!
-                                                    </div>
-                                                </div>
-                                                <button type="submit" class="btn btn-dark">Apply</button>
-                                            </form>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
+                            <x-checkout.promo-code />
                         </div>
                     </aside>
                 @endif
@@ -251,7 +226,7 @@
 
 
         <!-- Trending products (Carousel) -->
-        <section class="container pb-4 pb-md-5 mb-2 mb-sm-0 mb-lg-2 mb-xl-4">
+        {{-- <section class="container pb-4 pb-md-5 mb-2 mb-sm-0 mb-lg-2 mb-xl-4">
             <h2 class="h3 border-bottom pb-4 mb-0">Trending products</h2>
 
             <!-- Product carousel -->
@@ -681,11 +656,11 @@
                     </button>
                 </div>
             </div>
-        </section>
+        </section> --}}
 
 
         <!-- Subscription form + Vlog -->
-        <section class="bg-body-tertiary py-5">
+        {{-- <section class="bg-body-tertiary py-5">
             <div class="container pt-sm-2 pt-md-3 pt-lg-4 pt-xl-5">
                 <div class="row">
                     <div class="col-md-6 col-lg-5 mb-5 mb-md-0">
@@ -753,7 +728,7 @@
                     </div>
                 </div>
             </div>
-        </section>
+        </section> --}}
     </main>
 
     <!-- Clear Cart Confirmation Modal -->
@@ -804,7 +779,7 @@
         </div>
     </div>
 
-    @include('layouts.partials/footer')
+    @include('layouts.partials/footer2')
 @endsection
 
 @section('scripts')
diff --git a/resources/views/components/checkout/promo-code.blade.php b/resources/views/components/checkout/promo-code.blade.php
new file mode 100644
index 0000000..0f9abd4
--- /dev/null
+++ b/resources/views/components/checkout/promo-code.blade.php
@@ -0,0 +1,264 @@
+<div class="accordion bg-body-tertiary rounded-5 p-4">
+    <div class="accordion-item border-0">
+        <h3 class="accordion-header" id="promoCodeHeading">
+            <button type="button"
+                class="accordion-button animate-underline collapsed py-0 ps-sm-2 ps-lg-0 ps-xl-2"
+                data-bs-toggle="collapse"
+                data-bs-target="#promoCode"
+                aria-expanded="false"
+                aria-controls="promoCode">
+                <i class="ci-percent fs-xl me-2"></i>
+                <span class="animate-target me-2">
+                    {{ __('checkout.apply_promo_code') }}
+                </span>
+            </button>
+        </h3>
+
+        <div class="accordion-collapse collapse"
+             id="promoCode"
+             aria-labelledby="promoCodeHeading">
+
+            <div class="accordion-body pt-3 pb-2 ps-sm-2 px-lg-0 px-xl-2">
+
+                {{-- Promo Code Form --}}
+                <form class="needs-validation d-flex gap-2" novalidate>
+                    <div class="position-relative w-100">
+                        <input type="text"
+                               class="form-control"
+                               placeholder="{{ __('checkout.enter_promo_code') }}"
+                               required>
+
+                        <div class="invalid-tooltip bg-transparent py-0">
+                            {{ __('checkout.enter_valid_promo_code') }}
+                        </div>
+                    </div>
+
+                    <button type="submit" class="btn btn-dark">
+                        {{ __('checkout.apply') }}
+                    </button>
+                </form>
+
+
+                {{-- List Voucher --}}
+                @if($vouchers && count($vouchers) > 0)
+                    <div class="mt-3">
+                        <h6 class="mb-2">
+                            {{ __('checkout.available_vouchers') }}
+                        </h6>
+
+                        <div class="d-flex flex-wrap gap-2">
+                            @foreach($vouchers as $voucher)
+                                <span class="badge bg-light text-dark px-3 py-2">
+                                    {{ $voucher->code }}
+                                </span>
+                            @endforeach
+                        </div>
+                    </div>
+                @endif
+
+
+                {{-- List Voucher Events --}}
+                @if($voucher_events && count($voucher_events) > 0)
+                    <div class="mt-3">
+                        <h6 class="mb-2">
+                            {{ __('checkout.available_voucher_events') }}
+                        </h6>
+
+                        <div class="d-flex flex-wrap gap-2">
+                            @foreach($voucher_events as $voucher_event)
+                                <span class="badge bg-primary text-white px-3 py-2"
+                                      style="cursor:pointer"
+                                      data-id="{{ $voucher_event->id }}"
+                                      data-name="{{ $voucher_event->name }}"
+                                      data-description="{{ $voucher_event->description }}"
+                                      data-point="{{ $voucher_event->redeem_point }}"
+                                      data-start="{{ $voucher_event->start_date }}"
+                                      data-end="{{ $voucher_event->end_date }}"
+                                      data-terms="{{ $voucher_event->terms_and_conditions }}"
+                                      data-bs-toggle="modal"
+                                      data-bs-target="#voucherEventModal">
+                                    {{ $voucher_event->name ?? '-' }}
+                                </span>
+                            @endforeach
+                        </div>
+                    </div>
+                @endif
+
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+{{-- SINGLE REUSABLE MODAL --}}
+<div class="modal fade" id="voucherEventModal" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content rounded-4">
+            <div class="modal-header border-0">
+                <h5 class="modal-title fw-semibold">
+                    Voucher Event
+                </h5>
+                <button type="button"
+                        class="btn-close"
+                        data-bs-dismiss="modal">
+                </button>
+            </div>
+
+            <div class="modal-body pt-0">
+                <div id="voucherEventContent"></div>
+            </div>
+
+            <div class="modal-footer border-0">
+                <button type="button"
+                        class="btn btn-secondary"
+                        data-bs-dismiss="modal">
+                    {{ __('checkout.close') }}
+                </button>
+
+                <button type="button"
+                        class="btn btn-primary"
+                        id="redeemVoucherBtn"
+                        data-voucher-event-id="">
+                    {{ __('checkout.redeem') }}
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+
+    const modal = document.getElementById('voucherEventModal');
+
+    modal.addEventListener('show.bs.modal', function (event) {
+
+        const button = event.relatedTarget;
+
+        const name = button.getAttribute('data-name');
+        const description = button.getAttribute('data-description');
+        const point = button.getAttribute('data-point');
+        const start = button.getAttribute('data-start');
+        const end = button.getAttribute('data-end');
+        const terms = button.getAttribute('data-terms');
+
+        let content = '';
+
+        if (description) {
+            content += `<p>${description}</p>`;
+        }
+
+        if (point) {
+            content += `
+                <div class="mb-2">
+                    <strong>{{ __('checkout.points_required') }}:</strong>
+                    ${point}
+                </div>
+            `;
+        }
+
+        if (start && end) {
+            content += `
+                <div class="mb-2">
+                    <strong>{{ __('checkout.valid_period') }}:</strong><br>
+                    ${start} - ${end}
+                </div>
+            `;
+        }
+
+        if (terms) {
+            content += `
+                <div class="mt-3 small text-muted">
+                    <strong>{{ __('checkout.terms_and_conditions') }}:</strong>
+                    <p>${terms}</p>
+                </div>
+            `;
+        }
+
+        modal.querySelector('.modal-title').textContent = name;
+        document.getElementById('voucherEventContent').innerHTML = content;
+        
+        // Set voucher event ID for redeem button
+        const redeemBtn = document.getElementById('redeemVoucherBtn');
+        redeemBtn.setAttribute('data-voucher-event-id', button.getAttribute('data-id'));
+
+    });
+
+    // Handle redeem button click
+    document.getElementById('redeemVoucherBtn').addEventListener('click', function() {
+        const voucherEventId = this.getAttribute('data-voucher-event-id');
+        
+        if (!voucherEventId) {
+            console.error('No voucher event ID found');
+            return;
+        }
+        
+        // Disable button during processing
+        this.disabled = true;
+        this.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Processing...';
+        
+        // Make AJAX call to redeem voucher
+        fetch(`/voucher-events/${voucherEventId}/redeem`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''
+            },
+            body: JSON.stringify({})
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.success) {
+                // Show success message
+                alert('Voucher redeemed successfully!');
+                
+                // Close modal
+                const modal = bootstrap.Modal.getInstance(document.getElementById('voucherEventModal'));
+                modal.hide();
+                
+                // Reload page to update cart
+                setTimeout(() => {
+                    window.location.reload();
+                }, 1000);
+            } else {
+                // Show error message
+                alert(data.message || 'Failed to redeem voucher');
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            alert('An error occurred while redeeming the voucher');
+        })
+        .finally(() => {
+            // Re-enable button
+            this.disabled = false;
+            this.innerHTML = '{{ __('checkout.redeem') }}';
+        });
+    });
+
+    // Custom modal handler to prevent backdrop issues
+    const voucherBadges = document.querySelectorAll('[data-bs-toggle="modal"][data-bs-target="#voucherEventModal"]');
+    voucherBadges.forEach(function(badge) {
+        badge.addEventListener('click', function(e) {
+            e.preventDefault();
+            
+            // Remove any existing backdrop
+            const existingBackdrop = document.querySelector('.modal-backdrop');
+            if (existingBackdrop) {
+                existingBackdrop.remove();
+            }
+            
+            // Show modal without backdrop
+            const modalInstance = new bootstrap.Modal(modal, {
+                backdrop: false
+            });
+            modalInstance.show();
+        });
+    });
+
+});
+
+</script>
\ No newline at end of file
diff --git a/resources/views/components/footer-brands.blade.php b/resources/views/components/footer-brands.blade.php
new file mode 100644
index 0000000..a8fffe8
--- /dev/null
+++ b/resources/views/components/footer-brands.blade.php
@@ -0,0 +1,13 @@
+@if($brands && $brands->count() > 0)
+    <ul class="nav flex-column gap-2 pt-sm-3 pb-3 pb-sm-0 mt-n1 mb-1 mb-sm-0">
+                                        
+        @foreach($brands as $index => $brand)
+           <li class="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[brand_id]'=>$brand->id]) }}">{{ $brand->name }}</a>
+            </li>
+            
+        @endforeach
+    </ul>
+@endif
\ No newline at end of file
diff --git a/resources/views/components/home/brand-home-fashion-v1.blade.php b/resources/views/components/home/brand-home-fashion-v1.blade.php
index ee921c6..28c8ed4 100644
--- a/resources/views/components/home/brand-home-fashion-v1.blade.php
+++ b/resources/views/components/home/brand-home-fashion-v1.blade.php
@@ -71,8 +71,8 @@ document.addEventListener('DOMContentLoaded', function() {
         // Show loading spinner
         loadingSpinner.classList.remove('d-none');
 
-        // Make AJAX request for brands
-        fetch('{{ route("product.ajax.brands") }}')
+        // Make AJAX request for brands with images
+        fetch('{{ route("product.ajax.brands-with-images") }}')
             .then(response => response.json())
             .then(data => {
                 if (data.success && data.brands) {
diff --git a/resources/views/components/home/home-popular-products.blade.php b/resources/views/components/home/home-popular-products.blade.php
index d157481..0582e9f 100644
--- a/resources/views/components/home/home-popular-products.blade.php
+++ b/resources/views/components/home/home-popular-products.blade.php
@@ -113,16 +113,12 @@ document.addEventListener('DOMContentLoaded', function() {
         }
 
         // Make AJAX request for popular products
-        fetch('{{ route("product.ajax.populers") }}?type=best_sellers&limit=6')
+        fetch('{{ route("product.ajax.populers-json") }}?type=best_sellers&limit=6')
             .then(response => response.json())
             .then(data => {
-                if (data.success && data.products) {
-                    // Parse the HTML to extract individual product cards
-                    const tempDiv = document.createElement('div');
-                    tempDiv.innerHTML = data.products;
-                    
-                    const productCards = tempDiv.querySelectorAll('.col');
-                    const productsArray = Array.from(productCards);
+                if ( data.data) {
+                    // Handle JSON response directly
+                    const productsArray = data.data;
                     
                     // Split products into two slides (3 products each)
                     const slide1 = productsArray.slice(0, 3);
@@ -139,16 +135,16 @@ document.addEventListener('DOMContentLoaded', function() {
                         listDiv.className = 'd-flex flex-column gap-3 gap-lg-4';
                         
                         slide.forEach(product => {
-                            // Convert product card to list item format
-                            const productImg = product.querySelector('img');
-                            const productLink = product.querySelector('a');
-                            const productPrice = product.querySelector('.h6, .price');
+                            // Convert product object to list item format
+                            const productImg = product.image_url;
+                            const productLink = product.name;
+                            const productPrice = product.unit_price;
                             
                             const listItem = document.createElement('div');
                             listItem.className = 'd-flex align-items-center position-relative bg-body-tertiary rounded overflow-hidden animate-underline';
                             
                             const img = document.createElement('img');
-                            img.src = productImg ? productImg.src : '/img/shop/fashion/thumbs/0' + (index * 3 + slide.indexOf(product) + 1) + '.png';
+                            img.src = productImg ? productImg : '/img/shop/fashion/thumbs/0' + (index * 3 + slide.indexOf(product) + 1) + '.png';
                             img.width = 110;
                             img.alt = 'Thumbnail';
                             
@@ -157,23 +153,22 @@ document.addEventListener('DOMContentLoaded', function() {
                             
                             const link = document.createElement('a');
                             link.className = 'nav-link text-dark-emphasis stretched-link w-100 min-w-0 p-0';
-                            link.href = productLink ? productLink.href : '#';
+                            link.href = product.slug ? '/product/' + product.slug : '#';
                             
                             const span = document.createElement('span');
                             span.className = 'animate-target text-truncate';
-                            span.textContent = productLink ? productLink.textContent.trim() : 'Product Name';
+                            span.textContent = productLink ? productLink : 'Product Name';
                             
                             const price = document.createElement('div');
                             price.className = 'h6 mb-0';
-                            price.textContent = productPrice ? productPrice.textContent : '$0.00';
+                            price.textContent = productPrice ? Number(productPrice).toLocaleString('id-ID', { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }) : '$0.00';
                             
                             const name = document.createElement('div');
                             name.className = 'text-truncate mb-1';
-                            name.textContent = productLink ? productLink.textContent.trim() : 'Product Name';
+                            name.textContent = productLink ? productLink : 'Product Name';
                             
                             link.appendChild(span);
                             navDiv.appendChild(link);
-                            navDiv.appendChild(name);
                             navDiv.appendChild(price);
                             listItem.appendChild(img);
                             listItem.appendChild(navDiv);
diff --git a/resources/views/components/home/instagram-feed.blade.php b/resources/views/components/home/instagram-feed.blade.php
index ecea69e..b72f190 100644
--- a/resources/views/components/home/instagram-feed.blade.php
+++ b/resources/views/components/home/instagram-feed.blade.php
@@ -11,53 +11,53 @@
     <div class="overflow-x-auto pb-3 mb-n3" data-simplebar>
         <div class="d-flex gap-2 gap-md-3 gap-lg-4" style="min-width: 700px">
             <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                href="#!">
+                href="https://www.instagram.com/asiagolfindonesia/">
                 <span
                     class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
                 <i
                     class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
                 <div class="hover-effect-target ratio ratio-1x1">
-                    <img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image">
+                    <img src="{{ asset('ig/627126351_868515585958098_5234946979031253180_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
                 </div>
             </a>
             <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                href="#!">
+                href="https://www.instagram.com/asiagolfindonesia/">
                 <span
                     class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
                 <i
                     class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
                 <div class="hover-effect-target ratio ratio-1x1">
-                    <img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image">
+                    <img src="{{ asset('ig/607467049_3991986004432775_3154614208824352862_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
                 </div>
             </a>
             <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                href="#!">
+                href="https://www.instagram.com/asiagolfindonesia/">
                 <span
                     class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
                 <i
                     class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
                 <div class="hover-effect-target ratio ratio-1x1">
-                    <img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image">
+                    <img src="{{ asset('ig/637072850_18450267685100713_2841227512989064742_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
                 </div>
             </a>
             <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                href="#!">
+                href="https://www.instagram.com/asiagolfindonesia/">
                 <span
                     class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
                 <i
                     class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
                 <div class="hover-effect-target ratio ratio-1x1">
-                    <img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image">
+                    <img src="{{ asset('ig/637270426_18450238369100713_2695956505063029899_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
                 </div>
             </a>
             <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                href="#!">
+                href="https://www.instagram.com/asiagolfindonesia/">
                 <span
                     class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
                 <i
                     class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
                 <div class="hover-effect-target ratio ratio-1x1">
-                    <img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image">
+                    <img src="{{ asset('ig/639478537_1665736817945005_7744756753154487865_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
                 </div>
             </a>
         </div>
diff --git a/resources/views/components/home/product-card.blade.php b/resources/views/components/home/product-card.blade.php
index a53a00c..dee9213 100644
--- a/resources/views/components/home/product-card.blade.php
+++ b/resources/views/components/home/product-card.blade.php
@@ -16,20 +16,6 @@
                     <img src="{{ $product->image_url }}" loading="lazy" class="w-100 h-100 object-cover">
                 </div>
             </a>
-            {{-- <div
-                class="hover-effect-target position-absolute start-0 bottom-0 w-100 z-2 opacity-0 pb-2 pb-sm-3 px-2 px-sm-3">
-                <div
-                    class="d-flex align-items-center justify-content-center gap-2 gap-xl-3 bg-body rounded-2 p-2">
-                    <span class="fs-xs fw-medium text-secondary-emphasis py-1 px-sm-2">XS</span>
-                    <span class="fs-xs fw-medium text-secondary-emphasis py-1 px-sm-2">S</span>
-                    <span class="fs-xs fw-medium text-secondary-emphasis py-1 px-sm-2">M</span>
-                    <span class="fs-xs fw-medium text-secondary-emphasis py-1 px-sm-2">L</span>
-                    <div class="nav">
-                        <a class="nav-link fs-xs text-body-tertiary py-1 px-2"
-                            href="{{ route('second', ['shop', 'product-fashion']) }}">+3</a>
-                    </div>
-                </div>
-            </div> --}}
         </div>
         <div class="nav mb-2">
             <a class="nav-link animate-target min-w-0 text-dark-emphasis p-0"
diff --git a/resources/views/components/layout/header.blade.php b/resources/views/components/layout/header.blade.php
index dea96e2..cd99a37 100644
--- a/resources/views/components/layout/header.blade.php
+++ b/resources/views/components/layout/header.blade.php
@@ -269,7 +269,7 @@
                     <i class="ci-shopping-bag animate-target me-1"></i>
                 </a>
             </div>
-        </div>
+        </div> 
 
         <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
         <div class="collapse navbar-stuck-hide" id="stuckNav">
@@ -312,7 +312,7 @@
                 <!-- Account and Wishlist buttons visible on screens < 768px wide (md breakpoint) -->
                 <div class="offcanvas-header border-top px-0 py-3 mt-3 d-md-none">
                     <div class="nav nav-justified w-100">
-                        <a class="nav-link border-end" href="{{ route('login') }}">
+                        <a class="nav-link border-end" href="{{ route('profile') }}">
                             <i class="ci-user fs-lg opacity-60 me-2"></i>
                             {{ __('header.account') }}
                         </a>
diff --git a/resources/views/components/layout/navbar-category.blade.php b/resources/views/components/layout/navbar-category.blade.php
index 1096d0d..b352d19 100644
--- a/resources/views/components/layout/navbar-category.blade.php
+++ b/resources/views/components/layout/navbar-category.blade.php
@@ -9,15 +9,33 @@
 
             <!-- Nav tabs -->
             <ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4" role="tablist">
-                @foreach ($genders as $key => $gender)
+            
                     <li class="nav-item" role="presentation">
-                        <button type="button" class="nav-link text-uppercase {{ $key == 0 ? 'active' : '' }}" id="gender-{{ $gender->id }}-tab"
-                            data-bs-toggle="tab" data-bs-target="#gender-{{ $gender->id }}-tab-pane" role="tab"
-                            aria-controls="gender-{{ $gender->id }}-tab-pane" aria-selected="true">
-                            {{ $gender->name }}
+                        <button type="button" class="nav-link text-uppercase active" id="category-tab"
+                            data-bs-toggle="tab" data-bs-target="#category-tab-pane" role="tab"
+                            aria-controls="category-tab-pane" aria-selected="true">
+                            Category
                         </button>
                     </li>
-                @endforeach
+
+
+                     <li class="nav-item" role="presentation">
+                        <button type="button" class="nav-link text-uppercase" id="brand-tab"
+                            data-bs-toggle="tab" data-bs-target="#brand-tab-pane" role="tab"
+                            aria-controls="brand-tab-pane" aria-selected="true">
+                            Brand
+                        </button>
+                    </li>
+            
+
+                     <li class="nav-item" role="presentation">
+                        <button type="button" class="nav-link text-uppercase" id="gender-tab"
+                            data-bs-toggle="tab" data-bs-target="#gender-tab-pane" role="tab"
+                            aria-controls="gender-tab-pane" aria-selected="true">
+                            Gender
+                        </button>
+                    </li>
+            
                 {{-- <li class="nav-item" role="presentation">
                     <button type="button" class="nav-link text-uppercase active" id="womens-tab" data-bs-toggle="tab"
                         data-bs-target="#womens-tab-pane" role="tab" aria-controls="womens-tab-pane"
@@ -44,48 +62,76 @@
             <!-- Tab panes -->
             <div class="tab-content pb-xl-4">
 
-                @foreach ($genders as $key => $gender)
-                    <div class="tab-pane fade show {{ $key == 0 ? 'active' : '' }}" id="gender-{{ $gender->id }}-tab-pane" role="tabpanel"
-                        aria-labelledby="gender-{{ $gender->id }}-tab">
-                        <div class="row g-4">
+        
+                <div class="tab-pane fade show active" id="category-tab-pane" role="tabpanel"
+                        aria-labelledby="category-tab">
+                    <div class="row g-4">
 
-                            @foreach ($categories as $chunks)
-                             
-                                    <div class="col-lg-2">
-                                       
-                                        <ul class="nav flex-column gap-2 mt-0">
-                                            @foreach ($chunks as $chunk)
-                                            <li class="d-flex w-100 pt-1">
-                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                    href="{{ route('product.index', ['filter[category]' => $chunk->id, 'filter[gender]' => $gender->id]) }}">{{ $chunk->name }}</a>
-                                            </li>
-                                            @endforeach
-                                           
-                                        </ul>
-                                    </div>
-                            @endforeach
-
-
-                            <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                <div class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                    <div
-                                        class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                        <div class="h4 lh-base">Women's<br>Heels<br>Collection</div>
-                                        <div>
-                                            <a class="btn btn-sm btn-dark stretched-link"
-                                                href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                data-bs-theme="light">Shop now</a>
-                                        </div>
-                                    </div>
-                                    <img src="/img/mega-menu/fashion/01.jpg"
-                                        class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                        alt="Image">
+                        @foreach ($categories as $chunks)
+                            
+                                <div class="col-lg-2">
+                                    
+                                    <ul class="nav flex-column gap-2 mt-0">
+                                        @foreach ($chunks as $chunk)
+                                        <li class="d-flex w-100 pt-1">
+                                            <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
+                                                href="{{ route('product.index', ['filter[category_id]' => $chunk->id]) }}">{{ $chunk->name }}</a>
+                                        </li>
+                                        @endforeach
+                                        
+                                    </ul>
                                 </div>
-                            </div>
-                        </div>
-                    </div>
-                @endforeach
+                        @endforeach
 
+                    </div>
+                </div>
+
+
+                <div class="tab-pane fade show" id="brand-tab-pane" role="tabpanel"
+                        aria-labelledby="brand-tab">
+                    <div class="row g-4">
+
+                        @foreach ($brands as $chunks)
+                            
+                                <div class="col-lg-2">
+                                    
+                                    <ul class="nav flex-column gap-2 mt-0">
+                                        @foreach ($chunks as $chunk)
+                                        <li class="d-flex w-100 pt-1">
+                                            <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
+                                                href="{{ route('product.index', ['filter[category_id]' => $chunk->id]) }}">{{ $chunk->name }}</a>
+                                        </li>
+                                        @endforeach
+                                        
+                                    </ul>
+                                </div>
+                        @endforeach
+
+                    </div>
+                </div>
+
+                <div class="tab-pane fade show" id="gender-tab-pane" role="tabpanel"
+                        aria-labelledby="gender-tab">
+                    <div class="row g-4">
+
+                        @foreach ($genders as $chunks)
+                            
+                                <div class="col-lg-2">
+                                    
+                                    <ul class="nav flex-column gap-2 mt-0">
+                                        @foreach ($chunks as $chunk)
+                                        <li class="d-flex w-100 pt-1">
+                                            <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
+                                                href="{{ route('product.index', ['filter[gender_id]' => $chunk->id]) }}">{{ $chunk->name }}</a>
+                                        </li>
+                                        @endforeach
+                                        
+                                    </ul>
+                                </div>
+                        @endforeach
+
+                    </div>
+                </div>
 
             </div>
         </div>
diff --git a/resources/views/components/layout/navbar-menu.blade.php b/resources/views/components/layout/navbar-menu.blade.php
index 2146bcc..a1c82e1 100644
--- a/resources/views/components/layout/navbar-menu.blade.php
+++ b/resources/views/components/layout/navbar-menu.blade.php
@@ -144,7 +144,9 @@
         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">{{ __('navbar.contact') }}</a>
         <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
             
-            <li><a class="dropdown-item" href="{{ route('any', 'terms-and-conditions')}}">{{ __('navbar.terms_conditions') }}</a></li>
+            <li><a class="dropdown-item" href="{{ route('terms-and-conditions')}}">{{ __('navbar.terms_conditions') }}</a></li>
+     
+            <li><a class="dropdown-item" href="{{ route('contact')}}">{{ __('navbar.contact') }}</a></li>
         </ul>
     </li>
 
diff --git a/resources/views/contact/v1.blade.php b/resources/views/contact/v1.blade.php
index 7b63268..a4d81d1 100644
--- a/resources/views/contact/v1.blade.php
+++ b/resources/views/contact/v1.blade.php
@@ -1,1501 +1,21 @@
-@extends('layouts.landing', ['title' => 'Contact v.1'])
+@extends('layouts.landing', ['title' => 'Kontak'])
 
 @section('content')
-    <div class="offcanvas offcanvas-end pb-sm-2 px-sm-2" id="shoppingCart" tabindex="-1" aria-labelledby="shoppingCartLabel"
-        style="width: 500px">
-
-        <!-- Header -->
-        <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 mb-3 mb-lg-4">
-                <h4 class="offcanvas-title" id="shoppingCartLabel">Shopping cart</h4>
-                <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-            </div>
-            <p class="fs-sm">Buy <span class="text-dark-emphasis fw-semibold">$53</span> more to get <span
-                    class="text-dark-emphasis fw-semibold">Free Shipping</span></p>
-            <div class="progress w-100" role="progressbar" aria-label="Free shipping progress" aria-valuenow="78"
-                aria-valuemin="0" aria-valuemax="100" style="height: 4px">
-                <div class="progress-bar bg-dark rounded-pill d-none-dark" style="width: 78%"></div>
-                <div class="progress-bar bg-light rounded-pill d-none d-block-dark" style="width: 78%"></div>
-            </div>
-        </div>
-
-        <!-- Items -->
-        <div class="offcanvas-body d-flex flex-column gap-4 pt-2">
-
-            <!-- Item -->
-            <div class="d-flex align-items-center">
-                <a class="flex-shrink-0" href="{{ route('second', ['shop', 'product-fashion']) }}">
-                    <img src="/img/shop/fashion/thumbs/07.png" class="bg-body-tertiary rounded" width="110"
-                        alt="Thumbnail">
-                </a>
-                <div class="w-100 min-w-0 ps-3">
-                    <h5 class="d-flex animate-underline mb-2">
-                        <a class="d-block fs-sm fw-medium text-truncate animate-target"
-                            href="{{ route('second', ['shop', 'product-fashion']) }}">Leather sneakers with golden laces</a>
-                    </h5>
-                    <div class="h6 pb-1 mb-2">$74.00</div>
-                    <div class="d-flex align-items-center justify-content-between">
-                        <div class="count-input rounded-2">
-                            <button type="button" class="btn btn-icon btn-sm" data-decrement
-                                aria-label="Decrement quantity">
-                                <i class="ci-minus"></i>
-                            </button>
-                            <input type="number" class="form-control form-control-sm" value="1" readonly>
-                            <button type="button" class="btn btn-icon btn-sm" data-increment
-                                aria-label="Increment quantity">
-                                <i class="ci-plus"></i>
-                            </button>
-                        </div>
-                        <button type="button" class="btn-close fs-sm" data-bs-toggle="tooltip"
-                            data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove from cart"></button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Item -->
-            <div class="d-flex align-items-center">
-                <a class="flex-shrink-0" href="{{ route('second', ['shop', 'product-fashion']) }}">
-                    <img src="/img/shop/fashion/thumbs/08.png" class="bg-body-tertiary rounded" width="110"
-                        alt="Thumbnail">
-                </a>
-                <div class="w-100 min-w-0 ps-3">
-                    <h5 class="d-flex animate-underline mb-2">
-                        <a class="d-block fs-sm fw-medium text-truncate animate-target"
-                            href="{{ route('second', ['shop', 'product-fashion']) }}">Classic cotton men's shirt</a>
-                    </h5>
-                    <div class="h6 pb-1 mb-2">$27.00</div>
-                    <div class="d-flex align-items-center justify-content-between">
-                        <div class="count-input rounded-2">
-                            <button type="button" class="btn btn-icon btn-sm" data-decrement
-                                aria-label="Decrement quantity">
-                                <i class="ci-minus"></i>
-                            </button>
-                            <input type="number" class="form-control form-control-sm" value="1" readonly>
-                            <button type="button" class="btn btn-icon btn-sm" data-increment
-                                aria-label="Increment quantity">
-                                <i class="ci-plus"></i>
-                            </button>
-                        </div>
-                        <button type="button" class="btn-close fs-sm" data-bs-toggle="tooltip"
-                            data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove from cart"></button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Item -->
-            <div class="d-flex align-items-center">
-                <a class="flex-shrink-0" href="{{ route('second', ['shop', 'product-fashion']) }}">
-                    <img src="/img/shop/fashion/thumbs/09.png" class="bg-body-tertiary rounded" width="110"
-                        alt="Thumbnail">
-                </a>
-                <div class="w-100 min-w-0 ps-3">
-                    <h5 class="d-flex animate-underline mb-2">
-                        <a class="d-block fs-sm fw-medium text-truncate animate-target"
-                            href="{{ route('second', ['shop', 'product-fashion']) }}">Polarized sunglasses for men</a>
-                    </h5>
-                    <div class="h6 pb-1 mb-2">$96.00 <del class="text-body-tertiary fs-xs fw-normal">112.00</del></div>
-                    <div class="d-flex align-items-center justify-content-between">
-                        <div class="count-input rounded-2">
-                            <button type="button" class="btn btn-icon btn-sm" data-decrement
-                                aria-label="Decrement quantity">
-                                <i class="ci-minus"></i>
-                            </button>
-                            <input type="number" class="form-control form-control-sm" value="1" readonly>
-                            <button type="button" class="btn btn-icon btn-sm" data-increment
-                                aria-label="Increment quantity">
-                                <i class="ci-plus"></i>
-                            </button>
-                        </div>
-                        <button type="button" class="btn-close fs-sm" data-bs-toggle="tooltip"
-                            data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
-                            aria-label="Remove from cart"></button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Footer -->
-        <div class="offcanvas-header flex-column align-items-start">
-            <div class="d-flex align-items-center justify-content-between w-100 mb-3 mb-md-4">
-                <span class="text-light-emphasis">Subtotal:</span>
-                <span class="h6 mb-0">$197.00</span>
-            </div>
-            <div class="d-flex w-100 gap-3">
-                <a class="btn btn-lg btn-secondary w-100" href="#!">View cart</a>
-                <a class="btn btn-lg btn-dark w-100" href="#!">Checkout</a>
-            </div>
-        </div>
-    </div>
-
-    <div class="offcanvas offcanvas-top" id="searchBox" data-bs-backdrop="static" tabindex="-1">
-        <div class="offcanvas-header border-bottom p-0 py-lg-1">
-            <form class="container d-flex align-items-center">
-                <input type="search" class="form-control form-control-lg fs-lg border-0 rounded-0 py-3 ps-0"
-                    placeholder="Search the products" data-autofocus="offcanvas">
-                <button type="reset" class="btn-close fs-lg" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-            </form>
-        </div>
-        <div class="offcanvas-body px-0">
-            <div class="container text-center">
-                <svg class="text-body-tertiary opacity-60 mb-4" xmlns="http://www.w3.org/2000/svg" width="60"
-                    viewBox="0 0 512 512" fill="currentColor">
-                    <path
-                        d="M340.115,361.412l-16.98-16.98c-34.237,29.36-78.733,47.098-127.371,47.098C87.647,391.529,0,303.883,0,195.765S87.647,0,195.765,0s195.765,87.647,195.765,195.765c0,48.638-17.738,93.134-47.097,127.371l16.98,16.98l11.94-11.94c5.881-5.881,15.415-5.881,21.296,0l112.941,112.941c5.881,5.881,5.881,15.416,0,21.296l-45.176,45.176c-5.881,5.881-15.415,5.881-21.296,0L328.176,394.648c-5.881-5.881-5.881-15.416,0-21.296L340.115,361.412z M195.765,361.412c91.484,0,165.647-74.163,165.647-165.647S287.249,30.118,195.765,30.118S30.118,104.28,30.118,195.765S104.28,361.412,195.765,361.412z M360.12,384l91.645,91.645l23.88-23.88L384,360.12L360.12,384z M233.034,233.033c5.881-5.881,15.415-5.881,21.296,0c5.881,5.881,5.881,15.416,0,21.296c-32.345,32.345-84.786,32.345-117.131,0c-5.881-5.881-5.881-15.415,0-21.296c5.881-5.881,15.416-5.881,21.296,0C179.079,253.616,212.45,253.616,233.034,233.033zM135.529,180.706c-12.475,0-22.588-10.113-22.588-22.588c0-12.475,10.113-22.588,22.588-22.588c12.475,0,22.588,10.113,22.588,22.588C158.118,170.593,148.005,180.706,135.529,180.706z M256,180.706c-12.475,0-22.588-10.113-22.588-22.588c0-12.475,10.113-22.588,22.588-22.588s22.588,10.113,22.588,22.588C278.588,170.593,268.475,180.706,256,180.706z" />
-                </svg>
-                <h6 class="mb-2">Your search results will appear here</h6>
-                <p class="fs-sm mb-0">Start typing in the search field above to see instant search results.</p>
-            </div>
-        </div>
-    </div>
-
-
-    <div class="alert alert-dismissible bg-dark text-white rounded-0 py-2 px-0 m-0 fade show" data-bs-theme="dark">
-        <div class="container position-relative d-flex min-w-0">
-            <div class="d-flex flex-nowrap align-items-center g-2 w-100 min-w-0 mx-auto mt-n1" style="max-width: 458px">
-                <div class="nav me-2">
-                    <button type="button" class="nav-link fs-lg p-0" id="topbarPrev" aria-label="Prev">
-                        <i class="ci-chevron-left"></i>
-                    </button>
-                </div>
-                <div class="swiper fs-sm text-white"
-                    data-swiper='{
-            "spaceBetween": 24,
-            "loop": true,
-            "autoplay": {
-              "delay": 5000,
-              "disableOnInteraction": false
-            },
-            "navigation": {
-              "prevEl": "#topbarPrev",
-              "nextEl": "#topbarNext"
-            }
-          }'>
-                    <div class="swiper-wrapper min-w-0">
-                        <div class="swiper-slide text-truncate text-center">🎉 Free Shipping on orders over $250. <span
-                                class="d-none d-sm-inline">Don't miss a discount!</span></div>
-                        <div class="swiper-slide text-truncate text-center">💰 Money back guarantee. <span
-                                class="d-none d-sm-inline">We return money within 30 days.</span></div>
-                        <div class="swiper-slide text-truncate text-center">💪 Friendly 24/7 customer support. <span
-                                class="d-none d-sm-inline">We've got you covered!</span></div>
-                    </div>
-                </div>
-                <div class="nav ms-2">
-                    <button type="button" class="nav-link fs-lg p-0" id="topbarNext" aria-label="Next">
-                        <i class="ci-chevron-right"></i>
-                    </button>
-                </div>
-            </div>
-            <button type="button" class="btn-close position-static flex-shrink-0 p-1 ms-3 ms-md-n4"
-                data-bs-dismiss="alert" aria-label="Close"></button>
-        </div>
-    </div>
-
-    <header class="navbar navbar-expand-lg navbar-sticky bg-body d-block z-fixed p-0"
-        data-sticky-navbar='{"offset": 500}'>
-        <div class="container py-2 py-lg-3">
-            <div class="d-flex align-items-center gap-3">
-
-                <!-- Mobile offcanvas menu toggler (Hamburger) -->
-                <button type="button" class="navbar-toggler me-4 me-md-2" data-bs-toggle="offcanvas"
-                    data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <!-- Country slect visible on screens > 768px wide (md breakpoint) -->
-                <div class="dropdown d-none d-md-block nav">
-                    <a class="nav-link dropdown-toggle py-1 px-0" href="#" data-bs-toggle="dropdown"
-                        aria-haspopup="true" aria-expanded="false" aria-label="Country select: USA">
-                        <div class="ratio ratio-1x1" style="width: 20px">
-                            <img src="/img/flags/en-us.png" alt="USA">
-                        </div>
-                    </a>
-                    <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/en-uk.png" class="flex-shrink-0 me-2" width="20"
-                                    alt="United Kingdom">
-                                United Kingdom
-                            </a>
-                        </li>
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/fr.png" class="flex-shrink-0 me-2" width="20" alt="France">
-                                France
-                            </a>
-                        </li>
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/de.png" class="flex-shrink-0 me-2" width="20"
-                                    alt="Deutschland">
-                                Deutschland
-                            </a>
-                        </li>
-                        <li>
-                            <a class="dropdown-item" href="#!">
-                                <img src="/img/flags/it.png" class="flex-shrink-0 me-2" width="20" alt="Italia">
-                                Italia
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-
-                <!-- City slect visible on screens > 768px wide (md breakpoint) -->
-                <div class="dropdown d-none d-md-block nav">
-                    <a class="nav-link animate-underline dropdown-toggle fw-normal py-1 px-0" href="#"
-                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                        <span class="animate-target">Washington</span>
-                    </a>
-                    <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                        <li><a class="dropdown-item" href="#!">Chicago</a></li>
-                        <li><a class="dropdown-item" href="#!">Los Angeles</a></li>
-                        <li><a class="dropdown-item" href="#!">New York</a></li>
-                        <li><a class="dropdown-item" href="#!">Philadelphia</a></li>
-                    </ul>
-                </div>
-            </div>
-
-            <!-- Navbar brand (Logo) -->
-            <a class="navbar-brand fs-2 py-0 m-0 me-auto me-sm-n5"
-                href="{{ route('second', ['home', 'fashion-v1']) }}">AsiaGolf</a>
-
-            <!-- Button group -->
-            <div class="d-flex align-items-center">
-
-                <!-- Navbar stuck nav toggler -->
-                <button type="button" class="navbar-toggler d-none navbar-stuck-show me-3" data-bs-toggle="collapse"
-                    data-bs-target="#stuckNav" aria-controls="stuckNav" aria-expanded="false"
-                    aria-label="Toggle navigation in navbar stuck state">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <!-- Theme switcher (light/dark/auto) -->
-                <div class="dropdown">
-                    <button type="button"
-                        class="theme-switcher btn btn-icon btn-lg btn-outline-secondary fs-lg border-0 rounded-circle animate-scale"
-                        data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (light)">
-                        <span class="theme-icon-active d-flex animate-target">
-                            <i class="ci-sun"></i>
-                        </span>
-                    </button>
-                    <ul class="dropdown-menu" style="--cz-dropdown-min-width: 9rem">
-                        <li>
-                            <button type="button" class="dropdown-item active" data-bs-theme-value="light"
-                                aria-pressed="true">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-sun"></i>
-                                </span>
-                                <span class="theme-label">Light</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                        <li>
-                            <button type="button" class="dropdown-item" data-bs-theme-value="dark"
-                                aria-pressed="false">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-moon"></i>
-                                </span>
-                                <span class="theme-label">Dark</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                        <li>
-                            <button type="button" class="dropdown-item" data-bs-theme-value="auto"
-                                aria-pressed="false">
-                                <span class="theme-icon d-flex fs-base me-2">
-                                    <i class="ci-auto"></i>
-                                </span>
-                                <span class="theme-label">Auto</span>
-                                <i class="item-active-indicator ci-check ms-auto"></i>
-                            </button>
-                        </li>
-                    </ul>
-                </div>
-
-                <!-- Search toggle button visible on screens < 992px wide (lg breakpoint) -->
-                <button type="button"
-                    class="btn btn-icon btn-lg fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-lg-none"
-                    data-bs-toggle="offcanvas" data-bs-target="#searchBox" aria-controls="searchBox"
-                    aria-label="Toggle search bar">
-                    <i class="ci-search animate-target"></i>
-                </button>
-
-                <!-- Account button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex"
-                    href="{{ route('second', ['account', 'signin']) }}">
-                    <i class="ci-user animate-target"></i>
-                    <span class="visually-hidden">Account</span>
-                </a>
-
-                <!-- Wishlist button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-pulse d-none d-md-inline-flex"
-                    href="#!">
-                    <i class="ci-heart animate-target"></i>
-                    <span class="visually-hidden">Wishlist</span>
-                </a>
-
-                <!-- Cart button -->
-                <button type="button"
-                    class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale"
-                    data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart"
-                    aria-label="Shopping cart">
-                    <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2"
-                        style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
-                    <i class="ci-shopping-bag animate-target me-1"></i>
-                </button>
-            </div>
-        </div>
-
-        <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
-        <div class="collapse navbar-stuck-hide" id="stuckNav">
-            <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
-                <div class="offcanvas-header py-3">
-                    <h5 class="offcanvas-title" id="navbarNavLabel">Browse AsiaGolf</h5>
-                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-                </div>
-
-                <!-- Country and City slects visible on screens < 768px wide (md breakpoint) -->
-                <div class="offcanvas-header gap-3 d-md-none pt-0 pb-3">
-                    <div class="dropdown nav">
-                        <a class="nav-link dropdown-toggle py-1 px-0" href="#" data-bs-toggle="dropdown"
-                            aria-haspopup="true" aria-expanded="false" aria-label="Country select: USA">
-                            <div class="ratio ratio-1x1" style="width: 20px">
-                                <img src="/img/flags/en-us.png" alt="USA">
-                            </div>
-                        </a>
-                        <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/en-uk.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="United Kingdom">
-                                    United Kingdom
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/fr.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="France">
-                                    France
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/de.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="Deutschland">
-                                    Deutschland
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" href="#!">
-                                    <img src="/img/flags/it.png" class="flex-shrink-0 me-2" width="20"
-                                        alt="Italia">
-                                    Italia
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="dropdown nav">
-                        <a class="nav-link animate-underline dropdown-toggle fw-normal py-1 px-0" href="#"
-                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            <span class="animate-target">Washington</span>
-                        </a>
-                        <ul class="dropdown-menu fs-sm" style="--cz-dropdown-spacer: .5rem">
-                            <li><a class="dropdown-item" href="#!">Chicago</a></li>
-                            <li><a class="dropdown-item" href="#!">Los Angeles</a></li>
-                            <li><a class="dropdown-item" href="#!">New York</a></li>
-                            <li><a class="dropdown-item" href="#!">Philadelphia</a></li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="offcanvas-body pt-1 pb-3 py-lg-0">
-                    <div class="container pb-lg-2 px-0 px-lg-3">
-
-                        <div class="position-relative d-lg-flex align-items-center justify-content-between">
-
-                            <!-- Categories mega menu -->
-                            <div class="navbar-nav">
-                                <div class="dropdown position-static pb-lg-2">
-                                    <button type="button"
-                                        class="nav-link animate-underline fw-semibold text-uppercase ps-0"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside"
-                                        aria-expanded="false">
-                                        <i class="ci-menu fs-lg me-2"></i>
-                                        <span class="animate-target">Categories</span>
-                                    </button>
-                                    <div class="dropdown-menu w-100 p-4 px-xl-5" style="--cz-dropdown-spacer: .75rem">
-
-                                        <!-- Nav tabs -->
-                                        <ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4"
-                                            role="tablist">
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase active"
-                                                    id="womens-tab" data-bs-toggle="tab"
-                                                    data-bs-target="#womens-tab-pane" role="tab"
-                                                    aria-controls="womens-tab-pane" aria-selected="true">
-                                                    Women's
-                                                </button>
-                                            </li>
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase" id="mens-tab"
-                                                    data-bs-toggle="tab" data-bs-target="#mens-tab-pane" role="tab"
-                                                    aria-controls="mens-tab-pane" aria-selected="false">
-                                                    Men's
-                                                </button>
-                                            </li>
-                                            <li class="nav-item" role="presentation">
-                                                <button type="button" class="nav-link text-uppercase" id="kids-tab"
-                                                    data-bs-toggle="tab" data-bs-target="#kids-tab-pane" role="tab"
-                                                    aria-controls="kids-tab-pane" aria-selected="false">
-                                                    Kids'
-                                                </button>
-                                            </li>
-                                        </ul>
-
-                                        <!-- Tab panes -->
-                                        <div class="tab-content pb-xl-4">
-
-                                            <!-- Women's tab -->
-                                            <div class="tab-pane fade show active" id="womens-tab-pane" role="tabpanel"
-                                                aria-labelledby="womens-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Clothing</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts
-                                                                    &amp; Tops</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats
-                                                                    &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Swimwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Shoes</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Heels</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Handbags</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Eyewear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jewelry</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Specialty Sizes</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Plus
-                                                                    Size</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Petite</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Wide
-                                                                    Shoes</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Narrow
-                                                                    Shoes</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Women's<br>Heels<br>Collection
-                                                                </div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="light">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/01.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <!-- Men's tab -->
-                                            <div class="tab-pane fade" id="mens-tab-pane" role="tabpanel"
-                                                aria-labelledby="mens-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Clothing</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">T-Shirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Jeans</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats
-                                                                    &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Underwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Shoes</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Oxfords</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Loafers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Slippers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sunglasses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Bags</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Watches</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Specialty Shops</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Active
-                                                                    Wear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sports
-                                                                    Clothing</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Athletic
-                                                                    Shoes</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="dark">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Men's<br>Sunglasses<br>Offers
-                                                                </div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="dark">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/02.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <!-- Kids' tab -->
-                                            <div class="tab-pane fade" id="kids-tab-pane" role="tabpanel"
-                                                aria-labelledby="kids-tab">
-                                                <div class="row g-4">
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Boys</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Pants</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats
-                                                                    &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sweatshirts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Boots</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shorts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Girls</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shirts
-                                                                    &amp; Tops</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Dresses</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sneakers</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hoodies</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Sandals</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Coats
-                                                                    &amp;
-                                                                    Outerwear</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <a class="d-inline-flex animate-underline h6 text-dark-emphasis text-decoration-none mb-2"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">
-                                                            <span class="animate-target">Accessories</span>
-                                                        </a>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Backpacks</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Gloves</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Shoe
-                                                                    Laces</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Scarves</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Hats</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Belts</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">View
-                                                                    all</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-2">
-                                                        <div class="h6 mb-2">Shop by Age</div>
-                                                        <ul class="nav flex-column gap-2 mt-0">
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Infant</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Toddler</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Little
-                                                                    Kid</a>
-                                                            </li>
-                                                            <li class="d-flex w-100 pt-1">
-                                                                <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                                    href="{{ route('second', ['shop', 'catalog-fashion']) }}">Big
-                                                                    Kid</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <div class="col-lg-4 d-none d-lg-block" data-bs-theme="light">
-                                                        <div
-                                                            class="position-relative d-flex flex-column h-100 rounded-4 overflow-hidden p-4">
-                                                            <div
-                                                                class="position-relative d-flex flex-column justify-content-between h-100 z-2 pt-xl-2 ps-xl-2">
-                                                                <div class="h4 lh-base">Kids'<br>Spring<br>Collection
-                                                                </div>
-                                                                <div>
-                                                                    <a class="btn btn-sm btn-dark stretched-link"
-                                                                        href="{{ route('second', ['shop', 'catalog-fashion']) }}"
-                                                                        data-bs-theme="light">Shop now</a>
-                                                                </div>
-                                                            </div>
-                                                            <img src="/img/mega-menu/fashion/03.jpg"
-                                                                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip"
-                                                                alt="Image">
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <!-- Navbar nav -->
-                            <ul class="navbar-nav position-relative me-xl-n5">
-                                <li class="nav-item dropdown pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle" href="#" role="button"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">Home</a>
-                                    <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'electronics']) }}">
-                                                <span class="fw-medium">Electronics Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Megamenu + Hero
-                                                    slider</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/electronics-light.jpg"
-                                                        alt="Electronics Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/electronics-dark.jpg"
-                                                        alt="Electronics Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'fashion-v1']) }}">
-                                                <span class="fw-medium">Fashion Store v.1</span>
-                                                <span class="d-block fs-xs text-body-secondary">Hero promo slider</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-1-light.jpg"
-                                                        alt="Fashion Store v.1">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-1-dark.jpg"
-                                                        alt="Fashion Store v.1">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'fashion-v2']) }}">
-                                                <span class="fw-medium">Fashion Store v.2</span>
-                                                <span class="d-block fs-xs text-body-secondary">Hero banner with
-                                                    hotspots</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-2-light.jpg"
-                                                        alt="Fashion Store v.2">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/fashion-2-dark.jpg"
-                                                        alt="Fashion Store v.2">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'furniture']) }}
-                                                <span class="fw-medium">Furniture
-                                                Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Fancy product
-                                                    carousel</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/furniture-light.jpg"
-                                                        alt="Furniture Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/furniture-dark.jpg"
-                                                        alt="Furniture Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'grocery']) }}
-                                                <span class="fw-medium">Grocery
-                                                Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Hero slider + Category
-                                                    cards</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/grocery-light.jpg"
-                                                        alt="Grocery Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/grocery-dark.jpg"
-                                                        alt="Grocery Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'marketplace']) }}
-                                                <span class="fw-medium">Marketplace</span>
-                                                <span class="d-block fs-xs text-body-secondary">Multi-vendor, digital
-                                                    goods</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/marketplace-light.jpg"
-                                                        alt="Marketplace">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/marketplace-dark.jpg"
-                                                        alt="Marketplace">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="hover-effect-opacity px-2 mx-n2">
-                                            <a class="dropdown-item d-block mb-0"
-                                                href="{{ route('second', ['home', 'single-store']) }}">
-                                                <span class="fw-medium">Single Product Store</span>
-                                                <span class="d-block fs-xs text-body-secondary">Single product / mono
-                                                    brand</span>
-                                                <div class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
-                                                    style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
-                                                    <img class="position-relative z-2 d-none-dark"
-                                                        src="/img/mega-menu/demo-preview/single-store-light.jpg"
-                                                        alt="Single Product Store">
-                                                    <img class="position-relative z-2 d-none d-block-dark"
-                                                        src="/img/mega-menu/demo-preview/single-store-dark.jpg"
-                                                        alt="Single Product Store">
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
-                                                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
-                                                    <span
-                                                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
-                                                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </li>
-                                <li class="nav-item dropdown position-static pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle" href="#" role="button"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">Shop</a>
-                                    <div class="dropdown-menu p-4" style="--cz-dropdown-spacer: .75rem">
-                                        <div class="d-flex flex-column flex-lg-row gap-4">
-                                            <div style="min-width: 190px">
-                                                <div class="h6 mb-2">Electronics Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'categories-electronics']) }}">Categories
-                                                            Page</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-electronics']) }}">Catalog
-                                                            with Side
-                                                            Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-general-electronics']) }}">Product
-                                                            General
-                                                            Info</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-details-electronics']) }}">Product
-                                                            Details</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-reviews-electronics']) }}">Product
-                                                            Reviews</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Fashion Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-fashion']) }}">Catalog
-                                                            with Side Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-fashion']) }}">Product
-                                                            Page</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Furniture Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-furniture']) }}">Catalog
-                                                            with Top
-                                                            Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-furniture']) }}">Product
-                                                            Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div style="min-width: 190px">
-                                                <div class="h6 mb-2">Grocery Store</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-grocery']) }}">Catalog
-                                                            with Side Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-grocery']) }}">Product
-                                                            Page</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Marketplace</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'catalog-marketplace']) }}">Catalog
-                                                            with Top
-                                                            Filters</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['shop', 'product-marketplace']) }}">Digital
-                                                            Product Page</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'marketplace']) }}">Cart
-                                                            / Checkout</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div style="min-width: 190px">
-                                                <div class="h6 mb-2">Checkout v.1</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-cart']) }}">Shopping
-                                                            Cart</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-delivery-1']) }}">Delivery
-                                                            Info (Step 1)</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-delivery-2']) }}">Delivery
-                                                            Info (Step 2)</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-shipping']) }}">Shipping
-                                                            Address</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-payment']) }}">Payment</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v1-thankyou']) }}">Thank
-                                                            You Page</a>
-                                                    </li>
-                                                </ul>
-                                                <div class="h6 pt-4 mb-2">Checkout v.2</div>
-                                                <ul class="nav flex-column gap-2 mt-0">
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-cart']) }}">Shopping
-                                                            Cart</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-delivery']) }}">Delivery
-                                                            Info</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-pickup']) }}">Pickup
-                                                            from Store</a>
-                                                    </li>
-                                                    <li class="d-flex w-100 pt-1">
-                                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                            href="{{ route('second', ['checkout', 'v2-thankyou']) }}">Thank
-                                                            You Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-                                <li class="nav-item dropdown pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle" href="#" role="button"
-                                        data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside"
-                                        aria-expanded="false">Account</a>
-                                    <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Auth Pages</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'signin']) }}">Sign In</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'signup']) }}">Sign Up</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'password-recovery']) }}">Password
-                                                        Recovery</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Shop User</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'orders']) }}">Orders
-                                                        History</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'wishlist']) }}">Wishlist</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'payment']) }}">Payment
-                                                        Methods</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'reviews']) }}">My
-                                                        Reviews</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'info']) }}">Personal
-                                                        Info</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'addresses']) }}">Addresses</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'notifications']) }}">Notifications</a>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Marketplace User</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-dashboard']) }}">Dashboard</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-products']) }}">Products</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-sales']) }}">Sales</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-payouts']) }}">Payouts</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-purchases']) }}">Purchases</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-favorites']) }}">Favorites</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['account', 'marketplace-settings']) }}">Settings</a>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                    </ul>
-                                </li>
-                                <li class="nav-item dropdown pb-lg-2 me-lg-n1 me-xl-0">
-                                    <a class="nav-link dropdown-toggle active" aria-current="page" href="#"
-                                        role="button" data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                        data-bs-auto-close="outside" aria-expanded="false">Pages</a>
-                                    <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">About</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['about', 'v1']) }}">About v.1</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['about', 'v2']) }}">About v.2</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Blog</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['blog', 'grid-v1']) }}">Grid View
-                                                        v.1</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['blog', 'grid-v2']) }}">Grid View
-                                                        v.2</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['blog', 'list']) }}">List View</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['blog', 'single-v1']) }}">Single Post
-                                                        v.1</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['blog', 'single-v2']) }}">Single Post
-                                                        v.2</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Contact</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['contact', 'v1']) }}">Contact v.1</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['contact', 'v2']) }}">Contact v.2</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['contact', 'v3']) }}">Contact v.3</a>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">Help Center</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['help', 'topics-v1']) }}">Help Topics
-                                                        v.1</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['help', 'topics-v2']) }}">Help Topics
-                                                        v.2</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['help', 'single-article-v1']) }}">Help
-                                                        Single Article v.1</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['help', 'single-article-v2']) }}">Help
-                                                        Single Article v.2</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="dropend">
-                                            <a class="dropdown-item dropdown-toggle" href="#!" role="button"
-                                                data-bs-toggle="dropdown" data-bs-trigger="hover"
-                                                aria-expanded="false">404 Error</a>
-                                            <ul class="dropdown-menu">
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['404', 'electronics']) }}">404
-                                                        Electronics</a></li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['404', 'fashion']) }}">404 Fashion</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['404', 'furniture']) }}">404
-                                                        Furniture</a>
-                                                </li>
-                                                <li><a class="dropdown-item"
-                                                        href="{{ route('second', ['404', 'grocery']) }}">404 Grocery</a>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a class="dropdown-item"
-                                                href="{{ route('any', 'terms-and-conditions') }}">Terms &amp;
-                                                Conditions</a></li>
-                                    </ul>
-                                </li>
-                            </ul>
-
-                            <!-- Search toggle visible on screens > 991px wide (lg breakpoint) -->
-                            <button type="button"
-                                class="btn btn-outline-secondary justify-content-start w-100 px-3 mb-lg-2 ms-3 d-none d-lg-inline-flex"
-                                style="max-width: 240px" data-bs-toggle="offcanvas" data-bs-target="#searchBox"
-                                aria-controls="searchBox">
-                                <i class="ci-search fs-base ms-n1 me-2"></i>
-                                <span class="text-body-tertiary fw-normal">Search</span>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Account and Wishlist buttons visible on screens < 768px wide (md breakpoint) -->
-                <div class="offcanvas-header border-top px-0 py-3 mt-3 d-md-none">
-                    <div class="nav nav-justified w-100">
-                        <a class="nav-link border-end" href="{{ route('second', ['account', 'signin']) }}">
-                            <i class="ci-user fs-lg opacity-60 me-2"></i>
-                            Account
-                        </a>
-                        <a class="nav-link" href="#!">
-                            <i class="ci-heart fs-lg opacity-60 me-2"></i>
-                            Wishlist
-                        </a>
-                    </div>
-                </div>
-            </nav>
-        </div>
-    </header>
-
+      <x-layout.header />
+      
     <!-- Page content -->
     <main class="content-wrapper">
 
 
         <!-- Page title -->
         <section class="position-relative bg-body-tertiary py-4">
-            <img src="/img/contact/title-bg.png"
-                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip" alt="Background image">
+            {{-- <img src="{{  asset('img/home/stick.png') }}"
+                class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover rtl-flip" alt="Background image"> --}}
             <div class="container position-relative z-2 py-4 py-md-5 my-lg-3 my-xl-4 my-xxl-5">
                 <div class="row pt-lg-2 pb-2 pb-sm-3 pb-lg-4">
                     <div class="col-9 col-md-8 col-lg-6">
-                        <h1 class="display-4 mb-lg-4">Contact us</h1>
-                        <p class="mb-0">Feel free to contact us and we will be happy to help you!</p>
+                        <h1 class="display-4 mb-lg-4">{{ __('contact.title') }}</h1>
+                        <p class="mb-0">{{ __('contact.subtitle') }}</p>
                     </div>
                 </div>
             </div>
@@ -1510,12 +30,11 @@
                 <div class="col">
                     <div class="d-flex align-items-center">
                         <i class="ci-map-pin fs-lg text-dark-emphasis"></i>
-                        <h3 class="h6 ps-2 ms-1 mb-0">Store location</h3>
+                        <h3 class="h6 ps-2 ms-1 mb-0">{{ __('contact.location_title') }}</h3>
                     </div>
                     <hr class="text-dark-emphasis opacity-50 my-3 my-md-4">
                     <ul class="list-unstyled">
-                        <li>New York 11741, USA</li>
-                        <li>396 Lillian Bolavandy, Holbrook</li>
+                        <li>Jalan Pintu Air Raya No.11 B,D,E,F,G RT.8/RW.1, Ps. Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10710</li>
                     </ul>
                 </div>
 
@@ -1523,12 +42,11 @@
                 <div class="col">
                     <div class="d-flex align-items-center">
                         <i class="ci-phone-outgoing fs-lg text-dark-emphasis"></i>
-                        <h3 class="h6 ps-2 ms-1 mb-0">Call us directly</h3>
+                        <h3 class="h6 ps-2 ms-1 mb-0">{{ __('contact.phone_title') }}</h3>
                     </div>
                     <hr class="text-dark-emphasis opacity-50 my-3 my-md-4">
                     <ul class="list-unstyled">
-                        <li>Customers: 1 50 537 53 082</li>
-                        <li>Franchise: 1 50 537 53 000</li>
+                        <li>(021) 3500703</li>
                     </ul>
                 </div>
 
@@ -1536,12 +54,11 @@
                 <div class="col">
                     <div class="d-flex align-items-center">
                         <i class="ci-mail fs-lg text-dark-emphasis"></i>
-                        <h3 class="h6 ps-2 ms-1 mb-0">Send a message</h3>
+                        <h3 class="h6 ps-2 ms-1 mb-0">{{ __('contact.email_title') }}</h3>
                     </div>
                     <hr class="text-dark-emphasis opacity-50 my-3 my-md-4">
                     <ul class="list-unstyled">
-                        <li>Customers: help@AsiaGolf.com</li>
-                        <li>Franchise: franchise@catzilla.com</li>
+                        <li>sales@asiagolf.id</li>
                     </ul>
                 </div>
 
@@ -1549,12 +66,13 @@
                 <div class="col">
                     <div class="d-flex align-items-center">
                         <i class="ci-clock fs-lg text-dark-emphasis"></i>
-                        <h3 class="h6 ps-2 ms-1 mb-0">Working hours</h3>
+                        <h3 class="h6 ps-2 ms-1 mb-0">{{ __('contact.working_hours_title') }}</h3>
                     </div>
                     <hr class="text-dark-emphasis opacity-50 my-3 my-md-4">
                     <ul class="list-unstyled">
-                        <li>Mon - Fri 8:00 - 18:00</li>
-                        <li>Sut - Sun 10:00 - 16:00</li>
+                        <li>Monday - Saturday : 8.30 AM - 6 PM</li>
+                        <li>Sunday : 9.30 AM - 5 PM</li>
+                        <li>Public Holidays : “Please call  for opening hours.”</li>
                     </ul>
                 </div>
             </div>
@@ -1565,48 +83,23 @@
         <section class="container py-5 my-2 my-sm-3 my-lg-4 my-xl-5">
             <div class="d-sm-flex align-items-center justify-content-between py-xxl-3">
                 <div class="mb-4 mb-sm-0 me-sm-4">
-                    <h2 class="h3">Looking for support?</h2>
-                    <p class="mb-0">We might already have what you're looking for. See our FAQs or head to our dedicated
-                        Help Center.</p>
+                    <h2 class="h3">{{ __('contact.support_title') }}</h2>
+                    <p class="mb-0">{{ __('contact.support_message') }}</p>
                 </div>
-                <a class="btn btn-lg btn-outline-dark" href="#!">Help center</a>
+                <a class="btn btn-lg btn-outline-dark" href="{{ route('help') }}">{{ __('contact.help_center_button') }}</a>
             </div>
         </section>
 
 
-        <!-- Map -->
-        <section class="position-relative bg-body-tertiary">
-            <a class="position-absolute top-50 start-50 translate-middle z-2 mt-lg-n4"
-                href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30908.594922615324!2d-73.07331970206108!3d40.788157341303005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e8483b8bffed93%3A0x53467ceb834b7397!2s396%20Lillian%20Blvd%2C%20Holbrook%2C%20NY%2011741%2C%20USA!5e0!3m2!1sen!2s!4v1706086459668!5m2!1sen!2"
-                style="width: 50px" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="hover"
-                data-bs-content="Click to view the map" data-glightbox="width: 100vw; height: 100vh;"
-                data-gallery="map" aria-label="Toggle map">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.5 54.6">
-                    <path
-                        d="M42.5 19.2C42.5 8.1 33.2-.7 22 0 12.4.7 4.7 8.5 4.2 18c-.2 2.7.3 5.3 1.1 7.7h0s3.4 10.4 17.4 25c.4.4 1 .4 1.4 0 13.6-13.3 17.4-25 17.4-25h0c.6-2 1-4.2 1-6.5z"
-                        fill="#ffffff" />
-                    <g fill="#222934">
-                        <path
-                            d="M20.4 31.8c-4.5 0-8.1-3.6-8.1-8.1s3.6-8.1 8.1-8.1 8.1 3.6 8.1 8.1-3.7 8.1-8.1 8.1zm0-14.2a6.06 6.06 0 0 0-6.1 6.1 6.06 6.06 0 0 0 6.1 6.1c3.3 0 6.1-2.7 6.1-6.1s-2.8-6.1-6.1-6.1z" />
-                        <circle cx="20.4" cy="23.7" r="3" />
-                        <path
-                            d="M20.4 54.5c-.6 0-1.1-.2-1.4-.6C5 39.3 1.5 29 1.4 28.5a21.92 21.92 0 0 1-1.2-8c.6-10.1 8.6-18.3 18.7-19C24.6 1.1 30 3 34.1 6.9c4.1 3.8 6.4 9.2 6.4 14.8 0 2.4-.4 4.7-1.2 6.9-.1.5-4 12-17.6 25.3-.3.4-.8.6-1.3.6zm-17-26.2c.8 2 4.9 11.6 17 24.2 13.2-13 17-24.5 17.1-24.6.7-2 1.1-4.1 1.1-6.3 0-5-2.1-9.9-5.8-13.3-3.7-3.5-8.6-5.2-13.7-4.8-9.1.6-16.4 8-16.9 17.1-.1 2.5.2 5 1.1 7.3l.1.4z" />
-                    </g>
-                </svg>
-            </a>
-            <img src="/img/contact/map.jpg" class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover"
-                alt="Map">
-            <div class="d-none d-xxl-block" style="height: 600px"></div>
-            <div class="d-none d-xl-block d-xxl-none" style="height: 500px"></div>
-            <div class="d-none d-lg-block d-xl-none" style="height: 420px"></div>
-            <div class="d-none d-md-block d-lg-none" style="height: 350px"></div>
-            <div class="d-md-none" style="height: 300px"></div>
-            <span class="position-absolute top-0 start-0 z-1 w-100 h-100 bg-body opacity-25"></span>
+        <!-- Map --><section class="position-relative bg-body-tertiary">
+            
+        
+    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4390.267081025999!2d106.831474!3d-6.1661579!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f5c5689e2cb3%3A0x401d9806775f8035!2sAsia%20Golf%20Pintu%20Air!5e1!3m2!1sid!2sid!4v1771558448465!5m2!1sid!2sid" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
         </section>
 
 
         <!-- FAQ accordion -->
-        <section class="container pt-5 mt-2 mt-sm-3 mt-lg-4 mt-xl-5">
+        {{-- <section class="container pt-5 mt-2 mt-sm-3 mt-lg-4 mt-xl-5">
             <h2 class="text-center pt-xxl-3 pb-lg-2 pb-xl-3">Popular questions</h2>
             <div class="row justify-content-center">
                 <div class="col-md-10 col-lg-9 col-xl-8">
@@ -1620,16 +113,12 @@
                                 <button type="button" class="accordion-button hover-effect-underline collapsed"
                                     data-bs-toggle="collapse" data-bs-target="#faqCollapse-1" aria-expanded="false"
                                     aria-controls="faqCollapse-1">
-                                    <span class="me-2">How long will delivery take?</span>
+                                    <span class="me-2">{{ __('contact.faq_delivery_question') }}</span>
                                 </button>
                             </h3>
                             <div class="accordion-collapse collapse" id="faqCollapse-1" aria-labelledby="faqHeading-1"
                                 data-bs-parent="#faq">
-                                <div class="accordion-body">Delivery times vary based on your location and the chosen
-                                    shipping method. Generally, our standard delivery takes up to 5 days, while our Express
-                                    Delivery ensures your order reaches you within 1 day. Please note that these times may
-                                    be subject to occasional variations due to unforeseen circumstances, but we do our best
-                                    to meet these estimates.</div>
+                                <div class="accordion-body">{{ __('contact.faq_delivery_answer') }}</div>
                             </div>
                         </div>
 
@@ -1764,74 +253,11 @@
                     </div>
                 </div>
             </div>
-        </section>
+        </section> --}}
 
 
         <!-- Instagram feed -->
-        <section class="container pt-5 mt-2 mt-sm-3 mt-lg-4 mt-xl-5">
-            <div class="text-center pt-xxl-3 pb-2 pb-md-3">
-                <h2 class="pb-2 mb-1">
-                    <span class="animate-underline">
-                        <a class="animate-target text-dark-emphasis text-decoration-none" href="#!">#AsiaGolf</a>
-                    </span>
-                </h2>
-                <p>Find more inspiration on our Instagram</p>
-            </div>
-            <div class="overflow-x-auto pb-3 mb-n3" data-simplebar>
-                <div class="d-flex gap-2 gap-md-3 gap-lg-4" style="min-width: 700px">
-                    <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                        href="#!">
-                        <span
-                            class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
-                        <i
-                            class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
-                        <div class="hover-effect-target ratio ratio-1x1">
-                            <img src="/img/instagram/01.jpg" alt="Instagram image">
-                        </div>
-                    </a>
-                    <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                        href="#!">
-                        <span
-                            class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
-                        <i
-                            class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
-                        <div class="hover-effect-target ratio ratio-1x1">
-                            <img src="/img/instagram/02.jpg" alt="Instagram image">
-                        </div>
-                    </a>
-                    <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                        href="#!">
-                        <span
-                            class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
-                        <i
-                            class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
-                        <div class="hover-effect-target ratio ratio-1x1">
-                            <img src="/img/instagram/03.jpg" alt="Instagram image">
-                        </div>
-                    </a>
-                    <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                        href="#!">
-                        <span
-                            class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
-                        <i
-                            class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
-                        <div class="hover-effect-target ratio ratio-1x1">
-                            <img src="/img/instagram/04.jpg" alt="Instagram image">
-                        </div>
-                    </a>
-                    <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
-                        href="#!">
-                        <span
-                            class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
-                        <i
-                            class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
-                        <div class="hover-effect-target ratio ratio-1x1">
-                            <img src="/img/instagram/05.jpg" alt="Instagram image">
-                        </div>
-                    </a>
-                </div>
-            </div>
-        </section>
+        <x-home.instagram-feed />
     </main>
 
     @include('layouts.partials.footer3')
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 45f0b66..0d4c2b9 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -5,6 +5,7 @@
     @include('layouts.partials/title-meta')
 
     @vite(['resources/js/theme-switcher.js'])
+    
 
     @include('layouts.partials/head-css')
 </head>
diff --git a/resources/views/layouts/partials/account-sidebar.blade.php b/resources/views/layouts/partials/account-sidebar.blade.php
index 9fc14c3..ad3e980 100644
--- a/resources/views/layouts/partials/account-sidebar.blade.php
+++ b/resources/views/layouts/partials/account-sidebar.blade.php
@@ -1,22 +1,23 @@
 <!-- Sidebar navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
 <aside class="col-lg-3">
+    @if (auth()->check())
     <div class="offcanvas-lg offcanvas-start pe-lg-0 pe-xl-4" id="accountSidebar">
 
         <!-- Header -->
         <div class="offcanvas-header d-lg-block py-3 p-lg-0">
             <div class="d-flex align-items-center">
                 <div class="flex-shrink-0  ms-3">
-                    @if(auth()->user()->photo)
+                    @if(auth()->user()?->photo != null)
                         <img src="{{ asset('storage/' . auth()->user()->photo) }}" alt="{{ auth()->user()->name }}" 
                              class="rounded-circle" style="width: 3rem; height: 3rem; object-fit: cover;" 
                              onerror="this.src='{{ asset('img/photo-placeholder.png') }}'">
                     @else
                         <div class="h5 d-flex justify-content-center align-items-center text-primary bg-primary-subtle lh-1 rounded-circle mb-0"
-                             style="width: 3rem; height: 3rem;">{{ auth()->user()->name ? substr(auth()->user()->name, 0, 1) : 'S' }}</div>
+                             style="width: 3rem; height: 3rem;">{{ auth()->user()?->name ? substr(auth()->user()?->name, 0, 1) : 'S' }}</div>
                     @endif
                 </div>
                 <div class="min-w-0 ps-3">
-                    <h5 class="h6 mb-1">{{ auth()->user()->name }}</h5>
+                    <h5 class="h6 mb-1">{{ auth()->user()?->name }}</h5>
                     <div class="nav flex-nowrap text-nowrap min-w-0">
                         <a class="nav-link animate-underline text-body p-0" href="#bonusesModal" data-bs-toggle="modal">
                             {{-- <svg class="text-warning flex-shrink-0 me-2" xmlns="http://www.w3.org/2000/svg"
@@ -107,4 +108,5 @@
             </nav>
         </div>
     </div>
+    @endif
 </aside>
diff --git a/resources/views/layouts/partials/footer2.blade.php b/resources/views/layouts/partials/footer2.blade.php
index 83e2474..b7d8f9e 100644
--- a/resources/views/layouts/partials/footer2.blade.php
+++ b/resources/views/layouts/partials/footer2.blade.php
@@ -2,7 +2,7 @@
     <div class="container pb-md-3">
 
         <!-- Features -->
-        <div class="border-bottom py-5">
+        {{-- <div class="border-bottom py-5">
             <div class="row row-cols-2 row-cols-md-4 g-4 gx-sm-5 py-sm-1 py-md-2 py-lg-3 mb-n2 mb-md-0">
                 <div class="col mb-2 mb-md-0">
                     <i class="ci-layers-2 fs-xl text-dark-emphasis mb-3"></i>
@@ -26,7 +26,7 @@
                     <p class="fs-sm text-body mb-0">Spend less time searching and more time creating.</p>
                 </div>
             </div>
-        </div>
+        </div> --}}
 
         <!-- Subscription + Links -->
         <div class="py-5">
@@ -75,31 +75,14 @@
                             </div>
                             <div class="accordion-item col-sm-4 border-0">
                                 <h6 class="accordion-header" id="membersHeading">
-                                    <span class="text-dark-emphasis d-none d-sm-block">For members</span>
+                                    <span class="text-dark-emphasis d-none d-sm-block">Brands</span>
                                     <button type="button" class="accordion-button collapsed py-3 d-sm-none"
                                         data-bs-toggle="collapse" data-bs-target="#membersLinks" aria-expanded="false"
-                                        aria-controls="membersLinks">For members</button>
+                                        aria-controls="membersLinks">Brands</button>
                                 </h6>
                                 <div class="accordion-collapse collapse d-sm-block" id="membersLinks"
                                     aria-labelledby="membersHeading" data-bs-parent="#footerLinks">
-                                    <ul class="nav flex-column gap-2 pt-sm-3 pb-3 pb-sm-0 mt-n1 mb-1 mb-sm-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="#!">Licenses</a>
-                                        </li>
-                                        <li class="d-flex w-100 pt-1">
-                                            <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                href="#!">Return policy</a>
-                                        </li>
-                                        <li class="d-flex w-100 pt-1">
-                                            <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                href="#!">Payment methods</a>
-                                        </li>
-                                        <li class="d-flex w-100 pt-1">
-                                            <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
-                                                href="#!">Become a vendor</a>
-                                        </li>
-                                    </ul>
+                                     <x-footer-brands />
                                 </div>
                                 <hr class="d-sm-none my-0">
                             </div>
diff --git a/resources/views/layouts/partials/head-css.blade.php b/resources/views/layouts/partials/head-css.blade.php
index 82e8ccd..b6f29ff 100644
--- a/resources/views/layouts/partials/head-css.blade.php
+++ b/resources/views/layouts/partials/head-css.blade.php
@@ -1,5 +1,4 @@
-@vite(['node_modules/choices.js/public/assets/styles/choices.min.css', 'node_modules/swiper/swiper-bundle.min.css', 'node_modules/glightbox/dist/css/glightbox.min.css', 'node_modules/simplebar/dist/simplebar.min.css', 'node_modules/flatpickr/dist/flatpickr.min.css', 'node_modules/nouislider/dist/nouislider.min.css', 'node_modules/img-comparison-slider/dist/styles.css'])
+@vite(['node_modules/choices.js/public/assets/styles/choices.min.css', 'node_modules/swiper/swiper-bundle.min.css', 'node_modules/glightbox/dist/css/glightbox.min.css', 'node_modules/simplebar/dist/simplebar.min.css', 'node_modules/flatpickr/dist/flatpickr.min.css', 'node_modules/nouislider/dist/nouislider.min.css', 'node_modules/img-comparison-slider/dist/styles.css', 'node_modules/bootstrap/dist/css/bootstrap.min.css'])
 
 @vite(['resources/icons/cartzilla-icons.min.css'])
 @vite(['resources/scss/theme.scss'])
-
diff --git a/resources/views/shop/catalog-fashion.blade.php b/resources/views/shop/catalog-fashion.blade.php
index d023add..247bc38 100644
--- a/resources/views/shop/catalog-fashion.blade.php
+++ b/resources/views/shop/catalog-fashion.blade.php
@@ -97,7 +97,7 @@
                                 </div>
 
                                 <!-- Price -->
-                                <div class="accordion-item border-0 pb-1 pb-xl-2">
+                                {{-- <div class="accordion-item border-0 pb-1 pb-xl-2">
                                     <h4 class="accordion-header" id="headingPrice">
                                         <button type="button" class="accordion-button p-0 pb-3" data-bs-toggle="collapse"
                                             data-bs-target="#price" aria-expanded="true" aria-controls="price">
@@ -127,7 +127,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                </div>
+                                </div> --}}
 
                                 <!-- Brands -->
                                 {{-- <div class="accordion-item border-0 pb-1 pb-xl-2">
diff --git a/resources/views/terms-and-conditions.blade.php b/resources/views/terms-and-conditions.blade.php
index 52889aa..2f4f572 100644
--- a/resources/views/terms-and-conditions.blade.php
+++ b/resources/views/terms-and-conditions.blade.php
@@ -52,25 +52,41 @@
                     <p>{{ __('tnc.contact_content') }}</p>
                     <ul class="list-unstyled pb-1">
                         <li class="nav pt-1">
-                            <a class="nav-link align-items-start fs-base p-0" href="tel:+15053753082">
+                            <a class="nav-link align-items-start fs-base p-0" href="tel:0213500703">
                                 <i class="ci-phone fs-xl mt-1 me-2"></i>
-                                +1&nbsp;50&nbsp;537&nbsp;53&nbsp;082
+                                (021) 3500703
                             </a>
                         </li>
+
                         <li class="nav pt-1">
-                            <a class="nav-link align-items-start fs-base p-0" href="mailto:contact@catzillastore.com">
+                            <a class="nav-link align-items-start fs-base p-0" href="https://wa.me/62818434301">
+                                <i class="ci-whatsapp fs-xl mt-1 me-2"></i>
+                                0818-4343-01
+                            </a>
+                        </li>
+
+
+                         <li class="nav pt-1">
+                            <a class="nav-link align-items-start fs-base p-0" href="https://www.instagram.com/asiagolfindonesia/">
+                                <i class="ci-instagram fs-xl mt-1 me-2"></i>
+                                @asiagolfindonesia
+                            </a>
+                        </li>
+
+                        <li class="nav pt-1">
+                            <a class="nav-link align-items-start fs-base p-0" href="mailto:sales@asiagolf.id">
                                 <i class="ci-mail fs-xl mt-1 me-2"></i>
-                                contact@catzillastore.com
+                                sales@asiagolf.id
                             </a>
                         </li>
                         <li class="nav pt-1">
-                            <a class="nav-link align-items-start fs-base p-0" href="#!">
+                            <a class="nav-link align-items-start fs-base p-0" href="https://maps.google.com/?q=Jalan+Pintu+Air+Raya+No.11+B,D,E,F,G+RT.8/RW.1,+Ps.+Baru,+Kecamatan+Sawah+Besar,+Kota+Jakarta+Pusat,+Daerah+Khusus+Ibukota+Jakarta+10710" target="_blank">
                                 <i class="ci-map-pin fs-xl mt-1 me-2"></i>
-                                12 Beale St. Suite 600 San Francisco, California 94105
+                                Jalan Pintu Air Raya No.11 B,D,E,F,G RT.8/RW.1, Ps. Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10710
                             </a>
                         </li>
                     </ul>
-                    <p class="pb-3 mb-0">{{ __('tnc.help_text') }} <a class="fw-medium" href="{{ route('second', ['help', 'topics-v1'])}}">{{ __('tnc.help_link') }}</a></p>
+                    <p class="pb-3 mb-0">{{ __('tnc.help_text') }} <a class="fw-medium" href="{{ route('help')}}">{{ __('tnc.help_link') }}</a></p>
 
                     <hr class="my-3 my-lg-4">
 
diff --git a/routes/web.php b/routes/web.php
index 1fb037e..0ef1c3b 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -17,6 +17,9 @@ use App\Http\Controllers\RoutingController;
 use App\Http\Controllers\SearchController;
 use App\Http\Controllers\TncController;
 use App\Http\Controllers\HelpController;
+use App\Http\Controllers\VoucherEventController;
+use App\Http\Controllers\ContactController;
+
 use Illuminate\Support\Facades\Route;
 
 Route::group(['prefix' => '/dummy'], function () {
@@ -38,8 +41,10 @@ Route::get('/', [HomeController::class, 'index'])->name('home');
 Route::get('/products', [ProductController::class, 'index'])->name('product.index');
 Route::get('/products/ajax', [ProductController::class, 'ajax'])->name('product.ajax');
 Route::get('/products/ajax/populers', [ProductController::class, 'populers'])->name('product.ajax.populers');
+Route::get('/products/ajax/populers-json', [ProductController::class, 'populersJson'])->name('product.ajax.populers-json');
 Route::get('/products/ajax/highlights', [ProductController::class, 'highlights'])->name('product.ajax.highlights');
 Route::get('/products/ajax/brands', [ProductController::class, 'brands'])->name('product.ajax.brands');
+Route::get('/products/ajax/brands-with-images', [ProductController::class, 'brandsWithImages'])->name('product.ajax.brands-with-images');
 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');
@@ -111,6 +116,10 @@ Route::middleware(['auth'])->prefix('/checkout')->group(function () {
 
 });
 
+Route::middleware(['auth'])->prefix('/voucher-events')->group(function () {
+    Route::post('/{voucherEvent}/redeem', [VoucherEventController::class, 'redeem'])->name('voucher-events.redeem');
+});
+
 Route::middleware(['auth'])->prefix('/orders')->group(function () {
 
     Route::get('/', [OrderController::class, 'index'])->name('orders');
@@ -118,3 +127,4 @@ Route::middleware(['auth'])->prefix('/orders')->group(function () {
 });
 Route::get('/terms-and-conditions', [TncController::class, 'index'])->name('terms-and-conditions');
 Route::get('/help', [HelpController::class, 'index'])->name('help');
+Route::get('/contact', [ContactController::class, 'index'])->name('contact');
diff --git a/vite.config.js b/vite.config.js
index cc136f5..cb5de26 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -15,6 +15,7 @@ export default defineConfig({
                 "node_modules/simplebar/dist/simplebar.min.css",
                 'node_modules/flatpickr/dist/flatpickr.min.css',
                 "node_modules/nouislider/dist/nouislider.min.css",
+                "node_modules/bootstrap/dist/css/bootstrap.min.css",
 
                 //js
                 "resources/js/theme-switcher.js",