From de89ff5047d509200924a66087d4f1afc80b8e3a Mon Sep 17 00:00:00 2001 From: Yoga Pangestu Date: Fri, 19 Dec 2025 21:00:41 +0700 Subject: [PATCH] refactor: move home page header and footer components to new UI sections and update related routes and Livewire components. --- app/Livewire/Home/Article/Index.php | 2 + app/Livewire/Home/Product/Index.php | 1 + .../views/components/layouts/home.blade.php | 285 +++++++++--------- .../partials/home/_footer.blade.php | 105 ------- .../sections/ui/home/_footer.blade.php | 10 +- routes/pages/home.php | 2 - 6 files changed, 153 insertions(+), 252 deletions(-) delete mode 100644 resources/views/components/partials/home/_footer.blade.php diff --git a/app/Livewire/Home/Article/Index.php b/app/Livewire/Home/Article/Index.php index c4c250e..a10a7db 100644 --- a/app/Livewire/Home/Article/Index.php +++ b/app/Livewire/Home/Article/Index.php @@ -11,6 +11,7 @@ class Index extends Component { public bool $isDetail = false; + public ?string $slug = null; public function mount(?string $slug = null) @@ -20,6 +21,7 @@ public function mount(?string $slug = null) $this->slug = $slug; } } + public function render() { return view( diff --git a/app/Livewire/Home/Product/Index.php b/app/Livewire/Home/Product/Index.php index 137007a..c173813 100644 --- a/app/Livewire/Home/Product/Index.php +++ b/app/Livewire/Home/Product/Index.php @@ -11,6 +11,7 @@ class Index extends Component { public bool $isDetail = false; + public ?string $slug = null; public function mount(?string $slug = null) diff --git a/resources/views/components/layouts/home.blade.php b/resources/views/components/layouts/home.blade.php index 7568aeb..1b9e636 100644 --- a/resources/views/components/layouts/home.blade.php +++ b/resources/views/components/layouts/home.blade.php @@ -1,177 +1,178 @@ - - - - {{ $title }} | {{ config('app.name') }} - @vite(['resources/css/app.css', 'resources/js/app.js']) - @fluxAppearance - - - - + + + + {{ $title }} | {{ config('app.name') }} + @vite(['resources/css/app.css', 'resources/js/app.js']) + @fluxAppearance + + + + - - @include('components.partials.home._header') - - @persist('toast') - - @endpersist - - {{ $slot }} - @include('components.partials.home._footer') + + @include('components.sections.ui.home._header') - @fluxScripts + @persist('toast') + + @endpersist - - window.addEventListener('scroll', () => { - const isMenuOpen = !mobileMenu.classList.contains('hidden'); - if (isMenuOpen) return; - - const scrolled = window.scrollY > 10; - - if (scrolled) { - navbar.classList.add('bg-white/40', 'backdrop-blur-md', 'shadow-sm', 'border-gray-200'); - navbar.classList.remove('bg-transparent'); - - navLinks.classList.add('bg-white', 'border-home-accent'); - navLinks.classList.remove('bg-transparent', 'border-home-foreground'); - - cart.classList.add('border-home-accent', 'bg-white'); - cart.classList.remove('border-home-foreground'); - cart.querySelector('span').classList.add('text-home-foreground'); - - login.classList.add('border-home-accent', 'text-home-foreground', 'bg-white'); - login.classList.remove('border-home-foreground'); - - profile.classList.add('border-home-accent'); - profile.classList.remove('border-home-foreground'); - - setIconsScrolled(); - } else { - navbar.classList.add('bg-transparent'); - navbar.classList.remove('bg-white/40', 'backdrop-blur-md', 'shadow-sm', 'border-b', - 'border-gray-200'); - - navLinks.classList.add('bg-transparent', 'border-home-foreground', 'text-home-foreground'); - navLinks.classList.remove('bg-white', 'border-home-accent'); - - cart.classList.add('border-home-foreground'); - cart.classList.remove('border-home-accent', 'bg-white'); - cart.querySelector('span').classList.remove('text-home-foreground'); - cart.querySelector('span').classList.add('text-home-foreground'); - - login.classList.add('border-home-foreground', 'text-home-foreground'); - login.classList.remove('border-home-accent', 'bg-white'); - - profile.classList.add('border-home-foreground'); - profile.classList.remove('border-home-accent'); - - setIconsDark(); - } - }); - }); - - - + diff --git a/resources/views/components/partials/home/_footer.blade.php b/resources/views/components/partials/home/_footer.blade.php deleted file mode 100644 index 427bd00..0000000 --- a/resources/views/components/partials/home/_footer.blade.php +++ /dev/null @@ -1,105 +0,0 @@ -
- -
-
- -
-
- Logo Yadi Parfum -

Yadi Parfum

-
-

- Menyediakan berbagai macam varian parfum berkualitas tinggi dengan wangi yang tahan lama dan harga - terjangkau. -

-
- - - - - - - - - - - - - - - -
-
- -
-

Quick Links

- -
- -
-
-

Contact Us

-
-
-
- - - -
- {{ $outlet->note ?? 'Jalan Wangi Semerbak No. 123, Kota Parfum, Indonesia' }} -
-
-
- - -
- {{ $outlet->email ?? 'admin@yadiparfum.com' }} -
-
-
- - -
- {{ $outlet->phone ?? '+62 812-3456-7890' }} -
-
-
-
-
- -
-
- © {{ date('Y') }} Yadi Parfum. All rights reserved. -
-
- Privacy Policy - Terms of Service -
-
-
-
diff --git a/resources/views/components/sections/ui/home/_footer.blade.php b/resources/views/components/sections/ui/home/_footer.blade.php index 9ea95a9..e2e5b6d 100644 --- a/resources/views/components/sections/ui/home/_footer.blade.php +++ b/resources/views/components/sections/ui/home/_footer.blade.php @@ -1,6 +1,6 @@