58 lines
3.5 KiB
PHP
58 lines
3.5 KiB
PHP
@extends('layouts.nova')
|
|
|
|
@section('meta-description', $meta['description'] ?? '')
|
|
|
|
@push('head')
|
|
<title>{{ $meta['title'] ?? 'Nova Cards Resources - Skinbase Nova' }}</title>
|
|
<link rel="canonical" href="{{ $meta['canonical'] ?? route('cards.index') }}" />
|
|
@endpush
|
|
|
|
@section('content')
|
|
<section class="px-6 pt-8 md:px-10">
|
|
<div class="rounded-[34px] border border-white/10 bg-[radial-gradient(circle_at_top_left,rgba(56,189,248,0.14),transparent_38%),linear-gradient(180deg,rgba(15,23,42,0.96),rgba(2,6,23,0.88))] p-6 shadow-[0_24px_70px_rgba(2,6,23,0.32)] md:p-8">
|
|
<p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-sky-200/75">Nova Cards</p>
|
|
<h1 class="mt-3 text-3xl font-semibold tracking-[-0.04em] text-white md:text-5xl">{{ $heading }}</h1>
|
|
<p class="mt-4 max-w-3xl text-sm leading-7 text-slate-300 md:text-base">{{ $subheading }}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="px-6 pt-8 md:px-10">
|
|
<div class="grid gap-6 xl:grid-cols-[minmax(0,1fr)_minmax(0,360px)]">
|
|
<div class="rounded-[28px] border border-white/10 bg-white/[0.04] p-5">
|
|
<h2 class="text-2xl font-semibold tracking-[-0.03em] text-white">Official packs</h2>
|
|
<div class="mt-4 grid gap-4 md:grid-cols-2">
|
|
@foreach($packs as $pack)
|
|
<div class="rounded-[24px] border border-white/10 bg-white/[0.03] p-5">
|
|
<div class="flex items-center justify-between gap-3">
|
|
<h3 class="text-lg font-semibold text-white">{{ $pack['name'] ?? $pack['slug'] }}</h3>
|
|
@if(!empty($pack['official']))
|
|
<span class="rounded-full border border-sky-300/20 bg-sky-400/10 px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-sky-100">Official</span>
|
|
@endif
|
|
</div>
|
|
@if(!empty($pack['description']))
|
|
<p class="mt-3 text-sm leading-7 text-slate-300">{{ $pack['description'] }}</p>
|
|
@endif
|
|
<div class="mt-4 text-xs text-slate-400">{{ strtoupper($pack['type'] ?? $resourceType) }} pack</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="rounded-[28px] border border-white/10 bg-white/[0.04] p-5">
|
|
<h2 class="text-2xl font-semibold tracking-[-0.03em] text-white">{{ $resourceType === 'template' ? 'Included templates' : 'Pack notes' }}</h2>
|
|
@if($resourceType === 'template')
|
|
<div class="mt-4 space-y-3">
|
|
@foreach($templates as $template)
|
|
<div class="rounded-[18px] border border-white/10 bg-white/[0.03] px-4 py-3">
|
|
<div class="text-sm font-semibold text-white">{{ $template['name'] }}</div>
|
|
<div class="mt-1 text-xs text-slate-400">{{ $template['description'] }}</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@else
|
|
<p class="mt-4 text-sm leading-7 text-slate-300">Asset packs surface inside the v2 studio editor as official decorative sources, and can be layered with template packs for challenge-ready or remix-ready compositions.</p>
|
|
@endif
|
|
</aside>
|
|
</div>
|
|
</section>
|
|
@endsection |