@php
	$zpLocale = $locale ?? app()->getLocale();
	$zpText = static function (string $key, string $fallback = '') use ($data, $zpLocale): string {
		$value = $data[$key] ?? null;
		if (is_array($value)) {
			if (array_key_exists('value', $value)) {
				$value = $value['value'];
			}
		}
		if (is_array($value)) {
			return (string) ($value[$zpLocale] ?? reset($value) ?: $fallback);
		}
		return is_string($value) && $value !== '' ? $value : $fallback;
	};
	$zpHeading = $zpText('heading', \App\Support\ZilitpayPremiumText::get('builder_hero_title'));
	$zpButton = $zpText('primary_button_text', $zpText('button_text', \App\Support\ZilitpayPremiumText::get('builder_hero_button')));
	$zpDescription = $zpText('description', \App\Support\ZilitpayPremiumText::get('builder_hero_description'));
	$zpUrl = $zpText('primary_button_url', $zpText('button_url', route('user.register')));
@endphp
<section class="zp-hero zp-builder-hero">
	<div class="zp-hero__grid" aria-hidden="true"></div>
	<div class="zp-shell zp-hero__inner">
		<div class="zp-hero__copy">
			<p class="zp-eyebrow"><span class="zp-eyebrow__dot"></span>{{ $zpText('eyebrow', $zpText('subheading', \App\Support\ZilitpayPremiumText::get('builder_hero_eyebrow'))) }}</p>
			<h1>{!! nl2br(e($zpHeading)) !!}</h1>
			@if($zpDescription)
				<p class="zp-hero__lead">{!! nl2br(e($zpDescription)) !!}</p>
			@endif
			<div class="zp-hero__actions"><a href="{{ $zpUrl }}" class="zp-button zp-button--violet">{{ $zpButton }} <span aria-hidden="true">↗</span></a></div>
		</div>
		<div class="zp-hero-art" aria-hidden="true">
			<div class="zp-orbit zp-orbit--one"></div><div class="zp-orbit zp-orbit--two"></div>
			<div class="zp-card-stage"><div class="zp-card-rotator"><div class="zp-bank-card">
				<div class="zp-bank-card__face zp-bank-card__face--front">
					<div class="zp-bank-card__top"><span class="zp-bank-card__brand"><span class="zp-brand__symbol"><i></i><i></i><i></i></span>{{ \App\Support\ZilitpayPremiumText::get('brand_name') }}</span><span class="zp-bank-card__tier">{{ \App\Support\ZilitpayPremiumText::get('card_tier') }}</span></div>
					<div class="zp-card-chip"><span></span></div><div class="zp-bank-card__number">{{ str_replace(' ', ' ', \App\Support\ZilitpayPremiumText::get('card_number')) }}</div>
					<div class="zp-bank-card__bottom"><div><small>{{ \App\Support\ZilitpayPremiumText::get('cardholder_label') }}</small><span>{{ \App\Support\ZilitpayPremiumText::get('cardholder_name') }}</span></div><div class="zp-card-network" aria-label="{{ \App\Support\ZilitpayPremiumText::get('card_network_label') }}"><i></i><i></i></div></div><div class="zp-card-glint"></div>
				</div>
				<div class="zp-bank-card__face zp-bank-card__face--back">
					<div class="zp-bank-card__magstripe"></div>
					<div class="zp-bank-card__signature"><span>{{ \App\Support\ZilitpayPremiumText::get('card_illustrative_only') }}</span><i></i></div>
					<div class="zp-bank-card__back-brand">{{ \App\Support\ZilitpayPremiumText::get('brand_name') }}<span>.</span></div>
				</div>
			</div></div></div>
		</div>
	</div>
</section>