feat: increase gallery grid from 4 to 5 columns per row on desktopfeat: increase gallery grid from 4 to 5 columns per row on desktop

resources/views/web/home/featured.blade.php

@@ -1,37 +1,46 @@
 
 {{-- Featured row — use Nova cards for consistent layout with browse/gallery --}}
-<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-	@if(!empty($featured))
-		<div>
-			@include('web.partials._artwork_card', ['art' => $featured])
-		</div>
-	@else
-		<div class="panel panel-default effect2">
-			<div class="panel-heading"><strong>Featured Artwork</strong></div>
-			<div class="panel-body text-neutral-400">No featured artwork set.</div>
-		</div>
-	@endif
+<section class="px-6 pt-8 pb-6 md:px-10">
+	<div class="flex items-center gap-2 mb-6">
+		<span class="inline-flex items-center justify-center w-7 h-7 rounded-md bg-amber-500/15 text-amber-400">
+			<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/></svg>
+		</span>
+		<h2 class="text-base font-semibold text-white/90 tracking-wide uppercase">Featured</h2>
+	</div>
 
-	@if(!empty($memberFeatured))
-		<div>
-			@include('web.partials._artwork_card', ['art' => $memberFeatured])
-		</div>
-	@else
-		<div class="panel panel-default effect2">
-			<div class="panel-heading"><strong>Member Featured</strong></div>
-			<div class="panel-body text-neutral-400">No member featured artwork.</div>
-		</div>
-	@endif
+	<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+		@if(!empty($featured))
+			<div>
+				@include('web.partials._artwork_card', ['art' => $featured])
+			</div>
+		@else
+			<div class="rounded-2xl ring-1 ring-white/5 bg-white/[0.03] p-4">
+				<p class="text-sm text-neutral-400">No featured artwork set.</p>
+			</div>
+		@endif
 
-	<div>
-		<div class="group relative block overflow-hidden rounded-2xl ring-1 ring-white/5 bg-black/20 shadow-lg p-4 text-center">
-			<a href="{{ route('register') }}" title="Join Skinbase" class="inline-block mb-3">
-				<img src="/gfx/sb_join.jpg" alt="Join SkinBase Community" class="w-full h-40 object-cover rounded-lg">
-			</a>
-			<div class="text-lg font-semibold text-white/90">Join Skinbase World</div>
-			<p class="mt-2 text-sm text-neutral-400">Join Skinbase and be part of our community. Upload, share and explore curated photography and skins.</p>
-			<a href="{{ route('register') }}" class="mt-3 inline-block px-4 py-2 rounded-md bg-sky-500 text-white">Create an account</a>
+		@if(!empty($memberFeatured))
+			<div>
+				@include('web.partials._artwork_card', ['art' => $memberFeatured])
+			</div>
+		@else
+			<div class="rounded-2xl ring-1 ring-white/5 bg-white/[0.03] p-4">
+				<p class="text-sm text-neutral-400">No member featured artwork.</p>
+			</div>
+		@endif
+
+		<div>
+			<div class="group relative flex flex-col overflow-hidden rounded-2xl ring-1 ring-white/5 bg-white/[0.03] shadow-lg h-full">
+				<a href="{{ route('register') }}" title="Join Skinbase" class="block shrink-0">
+					<img src="/gfx/sb_join.jpg" alt="Join SkinBase Community" class="w-full h-48 object-cover">
+				</a>
+				<div class="flex flex-col flex-1 p-5 text-center">
+					<div class="text-lg font-semibold text-white/90">Join Skinbase World</div>
+					<p class="mt-2 text-sm text-neutral-400 flex-1">Join our community — upload, share and explore curated photography and skins.</p>
+					<a href="{{ route('register') }}" class="mt-4 inline-block px-4 py-2 rounded-lg bg-sky-500 hover:bg-sky-400 transition-colors text-white text-sm font-medium">Create an account</a>
+				</div>
+			</div>
 		</div>
 	</div>
-</div>
+</section>