diff --git a/app/Livewire/Home/Article/Index.php b/app/Livewire/Home/Article/Index.php index a10a7db..c4c250e 100644 --- a/app/Livewire/Home/Article/Index.php +++ b/app/Livewire/Home/Article/Index.php @@ -11,7 +11,6 @@ class Index extends Component { public bool $isDetail = false; - public ?string $slug = null; public function mount(?string $slug = null) @@ -21,7 +20,6 @@ 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 c173813..137007a 100644 --- a/app/Livewire/Home/Product/Index.php +++ b/app/Livewire/Home/Product/Index.php @@ -11,7 +11,6 @@ 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 2f7fad0..7568aeb 100644 --- a/resources/views/components/layouts/home.blade.php +++ b/resources/views/components/layouts/home.blade.php @@ -1,179 +1,177 @@ - - - - {{ $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.sections.ui.home._header') + + @include('components.partials.home._header') + + @persist('toast') + + @endpersist + + {{ $slot }} + @include('components.partials.home._footer') - @persist('toast') - - @endpersist + @fluxScripts - {{ $slot }} - @include('components.sections.ui.home._footer') + - + 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 new file mode 100644 index 0000000..427bd00 --- /dev/null +++ b/resources/views/components/partials/home/_footer.blade.php @@ -0,0 +1,105 @@ +
+ +
+
+ +
+
+ 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/_header.blade.php b/resources/views/components/sections/ui/home/_header.blade.php index 983b498..727b10c 100644 --- a/resources/views/components/sections/ui/home/_header.blade.php +++ b/resources/views/components/sections/ui/home/_header.blade.php @@ -6,8 +6,7 @@ class="fixed top-0 left-0 w-full p-4 lg:px-10 flex justify-between items-center class="rounded-full w-10 h-10 flex items-center justify-center hover:bg-white/10 transition-colors relative group"> + stroke-width="1.5" stroke="currentColor" class="size-6 text-home-foreground transition-colors duration-300"> diff --git a/resources/views/livewire/home/article/index.blade.php b/resources/views/livewire/home/article/index.blade.php index bef114e..aec40b8 100644 --- a/resources/views/livewire/home/article/index.blade.php +++ b/resources/views/livewire/home/article/index.blade.php @@ -1,30 +1,44 @@
-
+ {{-- Hero Section --}} +
+ {{-- Background Image --}} +
+ Perfume Background +
+
-
-

Artikel Terbaru

-

Baca tips profesional seputar perawatan wewangian, tren - lifestyle, dan rekomendasi terbaik.

-
+ {{-- Content --}} +
+

Artikel Terbaru

+

+ Baca tips profesional seputar perawatan wewangian, tren lifestyle, dan rekomendasi terbaik. +

+ + {{-- Search Bar --}} +
+ + +
+
+
+ +
-
-
-
- - - - -
-
- -
+ {{-- Toolbar (Sort Only) --}} +
+
- -
-
- + {{-- Search Bar --}} +
+ + +
+
+
+ +
@foreach ($outlets as $outlet) diff --git a/resources/views/livewire/home/partials/cta.blade.php b/resources/views/livewire/home/partials/cta.blade.php index cec71e7..74a23cf 100644 --- a/resources/views/livewire/home/partials/cta.blade.php +++ b/resources/views/livewire/home/partials/cta.blade.php @@ -1,6 +1,6 @@
-
+
diff --git a/resources/views/livewire/home/partials/jumbotron/left.blade.php b/resources/views/livewire/home/partials/jumbotron/left.blade.php index 60cc6d0..a9f020b 100644 --- a/resources/views/livewire/home/partials/jumbotron/left.blade.php +++ b/resources/views/livewire/home/partials/jumbotron/left.blade.php @@ -1,171 +1,53 @@
+ class="relative w-full lg:w-[35%] pt-24 lg:pt-0 py-0 px-6 lg:px-10 lg:pb-8 flex flex-col lg:min-h-screen lg:justify-between space-y-6 lg:space-y-0 z-20 bg-white"> + +
-
+
User 1
-
+
User 2
-
+
User 3
-
+
Plus 25K Trusted users!

- Temukan parfum terbaikmu
- hari ini + Discover your best
perfume at today

- Memilih parfum adalah perjalanan yang personal. Pertimbangkan gaya hidupmu, aroma favorit, dan kesan yang ingin - kamu tinggalkan. + Selecting a perfume is a personal journey. Consider your lifestyle, favorite scents, and the impression you want + to make.

-
-
- -
-
- -
-

Sarah Jenkins

-
★★★★★
-
-
-

"Aroma yang sangat elegan dan - tahan lama. Saya sangat menyukainya untuk dipakai sehari-hari ke kantor."

-
- -
-
- -
-

Michael Chen

-
★★★★★
-
-
-

"Pengiriman sangat cepat dan - packaging aman. Wanginya persis seperti deskripsi di website."

-
- -
-
- -
-

Jessica Tan

-
★★★★★
-
-
-

"Varian Product Two adalah - favorit saya! Sangat fresh dan tidak menyengat. Recommended!"

-
- -
- -
- - -
- -
- - + @include('livewire.home.partials.jumbotron.testimonial')
diff --git a/resources/views/livewire/home/partials/jumbotron/right.blade.php b/resources/views/livewire/home/partials/jumbotron/right.blade.php index aed4d20..d0f574c 100644 --- a/resources/views/livewire/home/partials/jumbotron/right.blade.php +++ b/resources/views/livewire/home/partials/jumbotron/right.blade.php @@ -9,7 +9,7 @@ class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1591925463023
+ class="bg-white backdrop-blur-md rounded-2xl shadow-lg hover:shadow-xl transition-shadow flex flex-row items-center p-4 h-auto lg:h-[250px] group">
+ class="bg-white backdrop-blur-md rounded-2xl shadow-lg hover:shadow-xl transition-shadow flex flex-row items-center p-4 h-auto lg:h-[250px] group">
+ +
+ +
+
+ +
+

Sarah Jenkins

+
★★★★★
+
+
+

"Aroma yang sangat elegan dan + tahan lama. Saya sangat menyukainya untuk dipakai sehari-hari ke kantor."

+
+ +
+
+ +
+

Michael Chen

+
★★★★★
+
+
+

"Pengiriman sangat cepat dan + packaging aman. Wanginya persis seperti deskripsi di website."

+
+ +
+
+ +
+

Jessica Tan

+
★★★★★
+
+
+

"Varian Product Two adalah + favorit saya! Sangat fresh dan tidak menyengat. Recommended!"

+
+ +
+ +
+ + +
+ +
+ + diff --git a/resources/views/livewire/home/product/index.blade.php b/resources/views/livewire/home/product/index.blade.php index d90a87d..ea0d0cb 100644 --- a/resources/views/livewire/home/product/index.blade.php +++ b/resources/views/livewire/home/product/index.blade.php @@ -103,12 +103,38 @@
-
-
-

Koleksi Parfum

-

Temukan aroma khas yang mencerminkan kepribadian dan - gaya Anda.

-
+ {{-- Hero Section --}} +
+ {{-- Background Image --}} +
+ Perfume Collection Background +
+
+ + {{-- Content --}} +
+

Koleksi Parfum

+

+ Temukan aroma khas yang mencerminkan kepribadian dan gaya Anda. +

+ + {{-- Search Bar --}} +
+ + +
+
+
+ +
@@ -144,16 +170,8 @@ class="ml-3 text-home-foreground/70 group-hover:text-home-primary transition-col
-
-
- - - - -
+ {{-- Toolbar (Sort Only) --}} +
+
+
+
+
+
+ +
+