@php($d = $d ?? [])
<section class="vs-section sh-hero" id="home">
    <span class="sh-paw sh-paw-1" aria-hidden="true"><i class="fas fa-paw"></i></span>
    <span class="sh-paw sh-paw-2" aria-hidden="true"><i class="fas fa-paw"></i></span>
    <div class="vs-container sh-hero-inner">
        <div class="sh-hero-copy" data-aos="fade-right">
            @if(!empty($d['eyebrow']))<span class="sh-eyebrow"><i class="fas fa-heart"></i> {{ $d['eyebrow'] }}</span>@endif
            <h1 class="sh-hero-title">{!! nl2br(e($d['heading'] ?? 'Find your new best friend')) !!}</h1>
            @if(!empty($d['subheading']))<p class="sh-hero-sub">{{ $d['subheading'] }}</p>@endif
            <div class="sh-hero-actions">
                <a href="#adopt" class="sh-btn sh-btn-primary"><i class="fas fa-dog"></i> Adopt a pet</a>
                <a href="{{ $d['primary_url'] ?? '#contact' }}" class="sh-btn sh-btn-outline"><i class="fas fa-heart"></i> Donate now</a>
            </div>
            <div class="sh-hero-stats">
                <div><strong>2,400+</strong><span>Pets rehomed</span></div>
                <div><strong>150+</strong><span>Volunteers</span></div>
                <div><strong>12</strong><span>Years rescuing</span></div>
            </div>
        </div>
        <div class="sh-hero-media" data-aos="zoom-in" data-aos-delay="120">
            <div class="sh-hero-shape">
                @if(!empty($d['image']))<img src="{{ $d['image'] }}" alt="">@else<div class="sh-hero-ph"><i class="fas fa-dog"></i></div>@endif
            </div>
            <div class="sh-hero-heart"><i class="fas fa-heart"></i><span>Adopt,<br>don’t shop</span></div>
        </div>
    </div>
</section>
