Add hero banner to ProductPage and increase top padding to avoid nav menu overlap

Components/Pages/Shop/ProductPage.razor

@@ -1,7 +1,20 @@
 @page "/product/{Id:guid}"
 @inject ProductAPIConsumer ProductService
 
-<div class="container mx-auto px-4 py-8 md:py-16">
+<div class="flex flex-col gap-8 pb-20 pt-24 md:pt-28">
+    <!-- Hero Banner -->
+    <div class="relative w-full h-80 rounded-2xl overflow-hidden shadow-2xl">
+        <div class="absolute inset-0 bg-cover bg-center"
+            style="background-image: url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp);">
+        </div>
+        <div class="absolute inset-0 bg-black/50 backdrop-blur-[2px]"></div>
+        <div class="relative z-10 h-full flex flex-col justify-center items-center text-center text-white p-6">
+            <h1 class="text-4xl md:text-6xl font-extrabold mb-4 tracking-tight">@(_product?.Translations?.FirstOrDefault()?.Info?.Name ?? "Product Details")</h1>
+            <p class="text-lg md:text-xl text-gray-200 max-w-2xl">Discover the full details and specifications of this premium product.</p>
+        </div>
+    </div>
+
+    <div class="container mx-auto px-4">
     @if (_loading)
     {
         <div class="flex flex-col items-center justify-center min-h-[50vh] gap-4">
@@ -204,6 +217,7 @@
             </div>
         }
     }
+    </div>
 </div>
 
 @code {

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+fb476f3475c3410f79ac3621d05d20e59ac7d99c")]
+[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+23abdd6d554ab92d5aba59b604eb303b4b445425")]
 [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 @@
-b09147f3e5c48413891a57d58e3c364bb4bff627748f5ee06175e88ec5ef548f
+c0a3042c466c9833b84d9d66e47f56a7dfdf4dc1479144b7ddf35dfd41520e02

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

@@ -1 +1 @@
-{"GlobalPropertiesHash":"LZPY+hDta90r/rORjEQTPjEtWLlGPyGxUkL/hJf0OoI=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","gWb2O/z8O3fP1eW7xPwLMWyILanq/1fZDsrnFJf/ZvE=","2FzxhrndQnuhsEB\u002BmOsJQZqoLwReTU7tkb8VppZbIsM=","2WjqrqI\u002BQkYucFQdLIJMLQgqmynES6SFhIXb4Quu29g=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","zumhjz3XFI5MfT6/XVt\u002BxeRVpq0dIuxtjQcK26D1uq8=","Z18AQ3E4BbHtDtpcW9EUC81WVbIQa0c7hGcE0YZF\u002B\u002B4=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","DgmYO4hauw0WxMr4x0EswFe9CTViojrKPklCofWSsH8=","ypjFf4bScOzBgJJttWyNmkKf/5m/1\u002Bv0PA67UNwfg7g=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","qlqyr2ot8aeuRSJrayTwI6\u002B1XY1ilgQjrLQZ9RtE86w=","RnDOzVrMteMYnDk/ae/Vk8ZWVb0PU8ADIazFmOY1co0=","TnE\u002BrzStu6KOzQpIKNdwxjUYy6CaVIwnA1z8FhbmR3c=","naDOJBb8gpp5m2AHveHLpOcdaH4jD/oNw1lcuhT3FkQ=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","YvwLwYHKGNkf0xsUU3KFrEeC2OIil0Y7bnCIC1epDw8=","\u002B5HQYGgy1AHejHwjbJTj5rCEveyZ\u002BbK4sLnwyWdi1TQ=","jshLg69NS5YJ/7n3s3CpxOfgsF4RlbfPrOmv8HWSjkc=","MywbajsjX9p7rGOvnFtQ0Y6riAamrzYoHBc/UaH88uw=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","tSz618fGHGxVkowVr/zbNQc\u002BC7GPpX00V3VWy4QuX\u002Bo=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","XvhTuTUmH2r5yuUMQfp98pBdkNHnNo\u002B5LloXdXyXuyw=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}
+{"GlobalPropertiesHash":"LZPY+hDta90r/rORjEQTPjEtWLlGPyGxUkL/hJf0OoI=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","gWb2O/z8O3fP1eW7xPwLMWyILanq/1fZDsrnFJf/ZvE=","2FzxhrndQnuhsEB\u002BmOsJQZqoLwReTU7tkb8VppZbIsM=","2WjqrqI\u002BQkYucFQdLIJMLQgqmynES6SFhIXb4Quu29g=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","zumhjz3XFI5MfT6/XVt\u002BxeRVpq0dIuxtjQcK26D1uq8=","Z18AQ3E4BbHtDtpcW9EUC81WVbIQa0c7hGcE0YZF\u002B\u002B4=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","DgmYO4hauw0WxMr4x0EswFe9CTViojrKPklCofWSsH8=","ypjFf4bScOzBgJJttWyNmkKf/5m/1\u002Bv0PA67UNwfg7g=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","qlqyr2ot8aeuRSJrayTwI6\u002B1XY1ilgQjrLQZ9RtE86w=","RnDOzVrMteMYnDk/ae/Vk8ZWVb0PU8ADIazFmOY1co0=","TnE\u002BrzStu6KOzQpIKNdwxjUYy6CaVIwnA1z8FhbmR3c=","naDOJBb8gpp5m2AHveHLpOcdaH4jD/oNw1lcuhT3FkQ=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","YvwLwYHKGNkf0xsUU3KFrEeC2OIil0Y7bnCIC1epDw8=","\u002B5HQYGgy1AHejHwjbJTj5rCEveyZ\u002BbK4sLnwyWdi1TQ=","L2oaPEgscVu/CAhhMyeHznSNJQ0u46u0M71kUDHyrrw=","MywbajsjX9p7rGOvnFtQ0Y6riAamrzYoHBc/UaH88uw=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","tSz618fGHGxVkowVr/zbNQc\u002BC7GPpX00V3VWy4QuX\u002Bo=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","XvhTuTUmH2r5yuUMQfp98pBdkNHnNo\u002B5LloXdXyXuyw=","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=","gWb2O/z8O3fP1eW7xPwLMWyILanq/1fZDsrnFJf/ZvE=","2FzxhrndQnuhsEB\u002BmOsJQZqoLwReTU7tkb8VppZbIsM=","2WjqrqI\u002BQkYucFQdLIJMLQgqmynES6SFhIXb4Quu29g=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","zumhjz3XFI5MfT6/XVt\u002BxeRVpq0dIuxtjQcK26D1uq8=","Z18AQ3E4BbHtDtpcW9EUC81WVbIQa0c7hGcE0YZF\u002B\u002B4=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","DgmYO4hauw0WxMr4x0EswFe9CTViojrKPklCofWSsH8=","ypjFf4bScOzBgJJttWyNmkKf/5m/1\u002Bv0PA67UNwfg7g=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","qlqyr2ot8aeuRSJrayTwI6\u002B1XY1ilgQjrLQZ9RtE86w=","RnDOzVrMteMYnDk/ae/Vk8ZWVb0PU8ADIazFmOY1co0=","TnE\u002BrzStu6KOzQpIKNdwxjUYy6CaVIwnA1z8FhbmR3c=","naDOJBb8gpp5m2AHveHLpOcdaH4jD/oNw1lcuhT3FkQ=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","YvwLwYHKGNkf0xsUU3KFrEeC2OIil0Y7bnCIC1epDw8=","\u002B5HQYGgy1AHejHwjbJTj5rCEveyZ\u002BbK4sLnwyWdi1TQ=","jshLg69NS5YJ/7n3s3CpxOfgsF4RlbfPrOmv8HWSjkc=","MywbajsjX9p7rGOvnFtQ0Y6riAamrzYoHBc/UaH88uw=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","tSz618fGHGxVkowVr/zbNQc\u002BC7GPpX00V3VWy4QuX\u002Bo=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","XvhTuTUmH2r5yuUMQfp98pBdkNHnNo\u002B5LloXdXyXuyw=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}
+{"GlobalPropertiesHash":"SHVkysnTyndQOSeC9Vylzk++miwetFHmoxYzFJ67nvo=","FingerprintPatternsHash":"gq3WsqcKBUGTSNle7RKKyXRIwh7M8ccEqOqYvIzoM04=","PropertyOverridesHash":"8ZRc1sGeVrPBx4lD717BgRaQekyh78QKV9SKsdt638U=","InputHashes":["I/RAx2UN7tLAx1VJzlcOBsOgbCLdsI5TWO1IvnEOJfY=","MoJ1c4mYc9j3UUuRxV/A5irXoauPEQd7GQYE1ysATec=","gWb2O/z8O3fP1eW7xPwLMWyILanq/1fZDsrnFJf/ZvE=","2FzxhrndQnuhsEB\u002BmOsJQZqoLwReTU7tkb8VppZbIsM=","2WjqrqI\u002BQkYucFQdLIJMLQgqmynES6SFhIXb4Quu29g=","UCqbYjdtKt8\u002Bhlpna\u002B4SKcpzXq56ArBXO0wXS9qX9EQ=","zumhjz3XFI5MfT6/XVt\u002BxeRVpq0dIuxtjQcK26D1uq8=","Z18AQ3E4BbHtDtpcW9EUC81WVbIQa0c7hGcE0YZF\u002B\u002B4=","ut2NWmrObNtXfzjFaCwSNCGZ2pNKc5cg0fhF01MSfTM=","PCpNVGgt/Y0CGhyVrJTQTy00GLq/WqXkxOQp9lcta5w=","DgmYO4hauw0WxMr4x0EswFe9CTViojrKPklCofWSsH8=","ypjFf4bScOzBgJJttWyNmkKf/5m/1\u002Bv0PA67UNwfg7g=","cviaROvJB9Y\u002BS8pg5v3y2sz1mo7LwflzbPRhRKFFhMw=","qlqyr2ot8aeuRSJrayTwI6\u002B1XY1ilgQjrLQZ9RtE86w=","RnDOzVrMteMYnDk/ae/Vk8ZWVb0PU8ADIazFmOY1co0=","TnE\u002BrzStu6KOzQpIKNdwxjUYy6CaVIwnA1z8FhbmR3c=","naDOJBb8gpp5m2AHveHLpOcdaH4jD/oNw1lcuhT3FkQ=","QaWODKWT9btRE2WBjx93fzMjDiA3/t1PFzNsOSMZJzQ=","1yXWmyiJW67jbsMEHTsk\u002BgoVSrYgrFLwpDvAFQyAOwk=","YvwLwYHKGNkf0xsUU3KFrEeC2OIil0Y7bnCIC1epDw8=","\u002B5HQYGgy1AHejHwjbJTj5rCEveyZ\u002BbK4sLnwyWdi1TQ=","L2oaPEgscVu/CAhhMyeHznSNJQ0u46u0M71kUDHyrrw=","MywbajsjX9p7rGOvnFtQ0Y6riAamrzYoHBc/UaH88uw=","JlGE3THALoO5XJLMYRByqIPYVzaGwG6\u002BallXMSbj1ic=","zVo2MfIV2cqJINP7ShvSH9Ezx\u002B3oNcF3Vvq/p8FUPGI=","tSz618fGHGxVkowVr/zbNQc\u002BC7GPpX00V3VWy4QuX\u002Bo=","fXdfiDNaeaWFb8MPLi7nhV1zH61tEUzYMD0zpb79LTU=","XvhTuTUmH2r5yuUMQfp98pBdkNHnNo\u002B5LloXdXyXuyw=","9b0gTSQDkE1pLvaqF0Dv2qRbUKkL6g8RDoOYEiwYYHk=","uz/Nkd6X9wgk2yNhVLSQT4NQ8W7VTB7S/jasfPuJv\u002Bg=","y547yMCEXZszuDTfelvYQqmEYybeZnzjTeSxF2Wo6So="],"CachedAssets":{},"CachedCopyCandidates":{}}