
{{-- Featured row — use Nova cards for consistent layout with browse/gallery --}}
<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>

	<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

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

