@php($d = $d ?? [])
<section class="vs-section pf-hero" id="home">
    <span class="pf-shape pf-shape-1" aria-hidden="true">🐾</span>
    <span class="pf-shape pf-shape-2" aria-hidden="true">🦴</span>
    <span class="pf-shape pf-shape-3" aria-hidden="true">❤</span>
    <div class="vs-container pf-hero-inner">
        <div class="pf-hero-copy" data-aos="fade-up">
            @if(!empty($d['eyebrow']))<span class="pf-sticker">{{ $d['eyebrow'] }}</span>@endif
            <h1 class="pf-hero-title">{!! nl2br(e($d['heading'] ?? '')) !!}</h1>
            @if(!empty($d['subheading']))<p class="pf-hero-sub">{{ $d['subheading'] }}</p>@endif
            <div class="pf-hero-actions">
                @if(!empty($d['primary_label']))<a href="{{ $d['primary_url'] ?? '#' }}" class="pf-btn pf-btn-primary">{{ $d['primary_label'] }}</a>@endif
                @if(!empty($d['secondary_label']))<a href="{{ $d['secondary_url'] ?? '#' }}" class="pf-btn pf-btn-light">{{ $d['secondary_label'] }}</a>@endif
            </div>
        </div>
        <div class="pf-hero-media" data-aos="zoom-in" data-aos-delay="150">
            <div class="pf-blob">
                @if(!empty($d['image']))<img src="{{ $d['image'] }}" alt="">@else<div class="pf-blob-ph"><i class="fas fa-heart-pulse"></i></div>@endif
            </div>
            <div class="pf-pill pf-pill-1"><i class="fas fa-star"></i> 4.9 rating</div>
            <div class="pf-pill pf-pill-2"><i class="fas fa-heart"></i> 15k+ happy patients</div>
        </div>
    </div>
</section>
