From 75082277683c6d9807cbd9fdd970de1f8265aea4 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Mon, 22 Jun 2026 14:11:49 +0700
Subject: [PATCH] refactor: remove gradient overlay from hero image section in
 Home.vue for a cleaner design

---
 resources/js/pages/Home.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/resources/js/pages/Home.vue b/resources/js/pages/Home.vue
index 3da05a6..832b619 100644
--- a/resources/js/pages/Home.vue
+++ b/resources/js/pages/Home.vue
@@ -482,14 +482,12 @@ const resetPriceFilters = () => {
                     </div>
 
                     <!-- Main Model Central Image (With Floating Animation) -->
-                    <div class="relative w-[310px] h-[440px] lg:w-[390px] lg:h-[540px] rounded-[2rem] overflow-hidden shadow-2xl shadow-amber-100/50 z-10 transition-transform duration-500 hover:scale-[1.02] border-4 border-white/80 animate-float-model">
+                    <div class="relative w-[310px] h-[440px] lg:w-[390px] lg:h-[540px] rounded-[2rem] overflow-hidden z-10 transition-transform duration-500 hover:scale-[1.02] animate-float-model">
                         <img
                             :src="homepage.hero_image_url || 'https://images.unsplash.com/photo-1490481651871-ab68de25d43d?w=1000&auto=format&fit=crop&q=80'"
                             alt="DSTCLO Model Unggulan"
                             class="w-full h-full object-cover"
                         />
-                        <!-- Subtle Gradient Overlay -->
-                        <div class="absolute inset-0 bg-gradient-to-t from-amber-950/30 via-transparent to-transparent"></div>
                     </div>
 
                     <!-- FLOATING HERO TAG 1: Product Showcase -->