ProductPage: remove extra mt-4 and reduce top padding to fix gap above banner

Components/Pages/Shop/Components/BundleComp.razor

@@ -1,17 +1,46 @@
+@using System.Globalization
 
-
-<div class="flex items-end overflow-hidden bg-cover rounded-lg h-96"
-    style="background-image:url('@(Bundle.Photos?.Any() == true ? Bundle.Photos[0] : "https://via.placeholder.com/400x300?text=No+Image")')">
-    <div class="w-full px-8 py-4 overflow-hidden rounded-b-lg backdrop-blur-sm bg-white/60 dark:bg-gray-800/60">
-        <h2 class="mt-4 text-xl font-semibold text-gray-800 capitalize dark:text-white">@(Bundle.Translations?.FirstOrDefault()?.Info?.Name ?? string.Empty)</h2>
-        <p class="mt-2 text-lg tracking-wider text-orange-500 uppercase dark:text-orange-400 ">@(Bundle.Translations?.FirstOrDefault()?.Info?.Description ?? string.Empty)</p>
+<a href="/product/@Bundle.Id" class="block group">
+    <div class="relative flex items-end overflow-hidden bg-cover rounded-lg h-96 transition-transform duration-500 group-hover:scale-105"
+        style="background-image:url('@(Bundle.Photos?.Any() == true ? Bundle.Photos[0] : "https://via.placeholder.com/400x300?text=No+Image")')">
+        <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent"></div>
+        <div class="relative w-full px-8 py-4">
+            <h2 class="mt-4 text-xl font-bold text-white capitalize drop-shadow-lg">@(GetTranslation(Bundle)?.Info?.Name ?? string.Empty)</h2>
+            <p class="mt-2 text-sm tracking-wider text-orange-300 uppercase drop-shadow-lg">@(GetTranslation(Bundle)?.Info?.Description ?? string.Empty)</p>
+            <div class="mt-3 flex items-center gap-2">
+                <span class="px-3 py-1 rounded-full bg-orange-500/20 backdrop-blur-md border border-orange-500/30 text-xs font-bold text-orange-300 uppercase tracking-wider">
+                    @Loc["View_Details"]
+                </span>
+            </div>
+        </div>
     </div>
-</div>
-@code {
+</a>
 
+@code {
     [Parameter]
     public ProductVM Bundle { get; set; }
 
+    private ProductTranslationVM? GetTranslation(ProductVM? product)
+    {
+        if (product?.Translations == null || !product.Translations.Any())
+            return null;
 
+        var currentLang = CultureInfo.CurrentUICulture.TwoLetterISOLanguageName ?? "en";
 
+        var translation = product.Translations.FirstOrDefault(t =>
+            string.Equals(t.Language, currentLang, StringComparison.OrdinalIgnoreCase));
+
+        if (translation == null)
+        {
+            translation = product.Translations.FirstOrDefault(t =>
+                string.Equals(t.Language, "en", StringComparison.OrdinalIgnoreCase));
+        }
+
+        if (translation == null)
+        {
+            translation = product.Translations.FirstOrDefault();
+        }
+
+        return translation;
+    }
 }

Components/Pages/Shop/ProductPage.razor

@@ -5,7 +5,7 @@
 @inject ProductAPIConsumer ProductService
 @inject IStringLocalizer<SharedRes> Loc
 
-<div class="flex flex-col gap-8 pb-20 pt-32 md:pt-36 mt-4">
+<div class="flex flex-col gap-8 pb-20 pt-24 md:pt-28">
     <!-- Hero Banner -->
     <div class="relative w-full h-80 rounded-b-2xl overflow-hidden shadow-2xl">
         <div class="absolute inset-0 bg-cover bg-center"

obj/Debug/net10.0/ECommerce.Module.AssemblyInfo.cs

@@ -13,7 +13,7 @@ using System.Reflection;
 [assembly: System.Reflection.AssemblyCompanyAttribute("ECommerce.Module")]
 [assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
 [assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
-[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+cdfe9c6f26178781d24bdd00375f1ad3aec8c856")]
+[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+e3e9b5e846f789449207bababd634e544ba45703")]
 [assembly: System.Reflection.AssemblyProductAttribute("ECommerce.Module")]
 [assembly: System.Reflection.AssemblyTitleAttribute("ECommerce.Module")]
 [assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]

obj/Debug/net10.0/ECommerce.Module.AssemblyInfoInputs.cache

@@ -1 +1 @@
-c9cfb4271f006bea0aa8408966cf7eda6f5fec6cafda64bb71ab715d47ee350f
+7040d217c6cc243f35d17b807292b18a825e62d791333bd6be06487f812af948

obj/Debug/net10.0/rjsmcshtml.dswa.cache.json

@@ -1 +1 @@
-{"GlobalPropertiesHash":"LZPY+hDta90r/rORjEQTPjEtWLlGPyGxUkL/hJf0OoI=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","hX0Xa59Q89FI43ynZS23sO1DHEPh/qP\u002B4IZT28tGD\u002BY=","GS\u002BfyGzfpp7cCsAd6pYFAa0SFgBGixKX3xMd3Z72W\u002BM=","d5nMs1nmEEHM3OZIzQBuCZETFvkEJvCvzhdM9Ze6Hdc=","kdNwp8TYwZ5ruJqjfMizONsah2IDicxaA/G6ArzCJeg=","8CRBz\u002BUpQ0t9aD7FueNySX1rfloRHCd5yeOhgi1FsKo=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","KQBXoMWfGOqrmCSgI\u002BzdKa/q39Q/bYw6rLJD\u002BfV2Neg=","CI1Js3IcPQrbYV2F3mW8/\u002BogFTfx64PlgQP3hS78hE8=","/t0LKEb5ZYqewCvKQs5yrC/W9PSyQXRHA1DcUiILMiY=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","jGglZZ/DTjLOq7PazROkqrx8QeNfWQ1g4K5fDB9EkLU=","5pTFn8ylS/LZEapZ611VnvSfww4tcc5XhIPu8ZckTbw=","zTbHyQN01UvpxzbO/69H1qQgQMe0c/xp\u002BpDOnxPxx0M=","9/8NA3j3wPNr/hv1hfnLbQ4mwuu\u002BFBV2x\u002Bvc6Ls7fmw=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","HXJK\u002BZM5n2oAZ3pcZJ\u002BBTNKR12DvmAKjuB3dcSAVQBc=","kGXqdeX/jY1JjR/Vry4qbksWseny7K/6BG3PFSVIlO4=","40aOfg0bZxjnlnDlodRdPTThsusaanIUN7ttjc8n6sw=","kuSAZSe29zW3JPlJiVhuuh5SpgND71BSIYjVV9TcLdU=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","c1BjNeSHNxtlXSpsEAV5VKKrMBrPVNn0EME\u002BqIKtcQE=","VgFPY90lSZHyJMB\u002ByIl3TFvES9ePXw\u002B08HpAJr0Uhys=","yDNOM1\u002Bv/mufjkLD7aaFQ\u002BbaBSwq3\u002BfCGr8h0gt4COM=","osqkds4pZKg/UcxVaRl7lq1umet/A0AGX03GcdsYwtM=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","KAnj7o7zbj4rzWuLl3RFMFczide7t5olvA7200CaQgs=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","UUIK0dKRc\u002BPjnQKTDwM62koLz5hxYsV2U/Hb/qteYbc=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}
+{"GlobalPropertiesHash":"LZPY+hDta90r/rORjEQTPjEtWLlGPyGxUkL/hJf0OoI=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","hX0Xa59Q89FI43ynZS23sO1DHEPh/qP\u002B4IZT28tGD\u002BY=","GS\u002BfyGzfpp7cCsAd6pYFAa0SFgBGixKX3xMd3Z72W\u002BM=","d5nMs1nmEEHM3OZIzQBuCZETFvkEJvCvzhdM9Ze6Hdc=","kdNwp8TYwZ5ruJqjfMizONsah2IDicxaA/G6ArzCJeg=","8CRBz\u002BUpQ0t9aD7FueNySX1rfloRHCd5yeOhgi1FsKo=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","KQBXoMWfGOqrmCSgI\u002BzdKa/q39Q/bYw6rLJD\u002BfV2Neg=","CI1Js3IcPQrbYV2F3mW8/\u002BogFTfx64PlgQP3hS78hE8=","/t0LKEb5ZYqewCvKQs5yrC/W9PSyQXRHA1DcUiILMiY=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","jGglZZ/DTjLOq7PazROkqrx8QeNfWQ1g4K5fDB9EkLU=","5pTFn8ylS/LZEapZ611VnvSfww4tcc5XhIPu8ZckTbw=","zTbHyQN01UvpxzbO/69H1qQgQMe0c/xp\u002BpDOnxPxx0M=","9/8NA3j3wPNr/hv1hfnLbQ4mwuu\u002BFBV2x\u002Bvc6Ls7fmw=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","B24Xhl9\u002B5VaR8dMU\u002BQvo1196VA70pFyxhWHgI3P2Gis=","kGXqdeX/jY1JjR/Vry4qbksWseny7K/6BG3PFSVIlO4=","40aOfg0bZxjnlnDlodRdPTThsusaanIUN7ttjc8n6sw=","kuSAZSe29zW3JPlJiVhuuh5SpgND71BSIYjVV9TcLdU=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","c1BjNeSHNxtlXSpsEAV5VKKrMBrPVNn0EME\u002BqIKtcQE=","VgFPY90lSZHyJMB\u002ByIl3TFvES9ePXw\u002B08HpAJr0Uhys=","lpbmxZgXpGixvsvCVElXEgQjo/WTSzmZvoEnXcncKfc=","osqkds4pZKg/UcxVaRl7lq1umet/A0AGX03GcdsYwtM=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","KAnj7o7zbj4rzWuLl3RFMFczide7t5olvA7200CaQgs=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","UUIK0dKRc\u002BPjnQKTDwM62koLz5hxYsV2U/Hb/qteYbc=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}

obj/Debug/net10.0/rjsmrazor.dswa.cache.json

@@ -1 +1 @@
-{"GlobalPropertiesHash":"SHVkysnTyndQOSeC9Vylzk++miwetFHmoxYzFJ67nvo=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","hX0Xa59Q89FI43ynZS23sO1DHEPh/qP\u002B4IZT28tGD\u002BY=","GS\u002BfyGzfpp7cCsAd6pYFAa0SFgBGixKX3xMd3Z72W\u002BM=","d5nMs1nmEEHM3OZIzQBuCZETFvkEJvCvzhdM9Ze6Hdc=","kdNwp8TYwZ5ruJqjfMizONsah2IDicxaA/G6ArzCJeg=","8CRBz\u002BUpQ0t9aD7FueNySX1rfloRHCd5yeOhgi1FsKo=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","KQBXoMWfGOqrmCSgI\u002BzdKa/q39Q/bYw6rLJD\u002BfV2Neg=","CI1Js3IcPQrbYV2F3mW8/\u002BogFTfx64PlgQP3hS78hE8=","/t0LKEb5ZYqewCvKQs5yrC/W9PSyQXRHA1DcUiILMiY=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","jGglZZ/DTjLOq7PazROkqrx8QeNfWQ1g4K5fDB9EkLU=","5pTFn8ylS/LZEapZ611VnvSfww4tcc5XhIPu8ZckTbw=","zTbHyQN01UvpxzbO/69H1qQgQMe0c/xp\u002BpDOnxPxx0M=","9/8NA3j3wPNr/hv1hfnLbQ4mwuu\u002BFBV2x\u002Bvc6Ls7fmw=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","HXJK\u002BZM5n2oAZ3pcZJ\u002BBTNKR12DvmAKjuB3dcSAVQBc=","kGXqdeX/jY1JjR/Vry4qbksWseny7K/6BG3PFSVIlO4=","40aOfg0bZxjnlnDlodRdPTThsusaanIUN7ttjc8n6sw=","kuSAZSe29zW3JPlJiVhuuh5SpgND71BSIYjVV9TcLdU=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","c1BjNeSHNxtlXSpsEAV5VKKrMBrPVNn0EME\u002BqIKtcQE=","VgFPY90lSZHyJMB\u002ByIl3TFvES9ePXw\u002B08HpAJr0Uhys=","yDNOM1\u002Bv/mufjkLD7aaFQ\u002BbaBSwq3\u002BfCGr8h0gt4COM=","osqkds4pZKg/UcxVaRl7lq1umet/A0AGX03GcdsYwtM=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","KAnj7o7zbj4rzWuLl3RFMFczide7t5olvA7200CaQgs=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","UUIK0dKRc\u002BPjnQKTDwM62koLz5hxYsV2U/Hb/qteYbc=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}
+{"GlobalPropertiesHash":"SHVkysnTyndQOSeC9Vylzk++miwetFHmoxYzFJ67nvo=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","hX0Xa59Q89FI43ynZS23sO1DHEPh/qP\u002B4IZT28tGD\u002BY=","GS\u002BfyGzfpp7cCsAd6pYFAa0SFgBGixKX3xMd3Z72W\u002BM=","d5nMs1nmEEHM3OZIzQBuCZETFvkEJvCvzhdM9Ze6Hdc=","kdNwp8TYwZ5ruJqjfMizONsah2IDicxaA/G6ArzCJeg=","8CRBz\u002BUpQ0t9aD7FueNySX1rfloRHCd5yeOhgi1FsKo=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","KQBXoMWfGOqrmCSgI\u002BzdKa/q39Q/bYw6rLJD\u002BfV2Neg=","CI1Js3IcPQrbYV2F3mW8/\u002BogFTfx64PlgQP3hS78hE8=","/t0LKEb5ZYqewCvKQs5yrC/W9PSyQXRHA1DcUiILMiY=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","jGglZZ/DTjLOq7PazROkqrx8QeNfWQ1g4K5fDB9EkLU=","5pTFn8ylS/LZEapZ611VnvSfww4tcc5XhIPu8ZckTbw=","zTbHyQN01UvpxzbO/69H1qQgQMe0c/xp\u002BpDOnxPxx0M=","9/8NA3j3wPNr/hv1hfnLbQ4mwuu\u002BFBV2x\u002Bvc6Ls7fmw=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","B24Xhl9\u002B5VaR8dMU\u002BQvo1196VA70pFyxhWHgI3P2Gis=","kGXqdeX/jY1JjR/Vry4qbksWseny7K/6BG3PFSVIlO4=","40aOfg0bZxjnlnDlodRdPTThsusaanIUN7ttjc8n6sw=","kuSAZSe29zW3JPlJiVhuuh5SpgND71BSIYjVV9TcLdU=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","c1BjNeSHNxtlXSpsEAV5VKKrMBrPVNn0EME\u002BqIKtcQE=","VgFPY90lSZHyJMB\u002ByIl3TFvES9ePXw\u002B08HpAJr0Uhys=","lpbmxZgXpGixvsvCVElXEgQjo/WTSzmZvoEnXcncKfc=","osqkds4pZKg/UcxVaRl7lq1umet/A0AGX03GcdsYwtM=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","KAnj7o7zbj4rzWuLl3RFMFczide7t5olvA7200CaQgs=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","UUIK0dKRc\u002BPjnQKTDwM62koLz5hxYsV2U/Hb/qteYbc=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}