{{-- 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

	@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>
		<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>
		</div>
	</div>
</div>