@php($d = $d ?? [])
@php($opts = (array) ($site->options ?? []))
<section class="vs-section vv-hero" id="home">
    <div class="vv-hero-blob" aria-hidden="true"></div>
    <div class="vs-container vv-hero-inner">
        <div class="vv-hero-copy" data-aos="fade-right">
            @if(!empty($d['eyebrow']))<span class="vv-eyebrow"><i class="fas fa-stethoscope"></i> {{ $d['eyebrow'] }}</span>@endif
            <h1 class="vv-hero-title">{!! nl2br(e($d['heading'] ?? '')) !!}</h1>
            @if(!empty($d['subheading']))<p class="vv-hero-sub">{{ $d['subheading'] }}</p>@endif
            <div class="vv-hero-actions">
                @if(!empty($d['primary_label']))<a href="{{ $d['primary_url'] ?? '#' }}" class="vv-btn vv-btn-primary">{{ $d['primary_label'] }} <i class="fas fa-arrow-right"></i></a>@endif
                @if(!empty($d['secondary_label']))<a href="{{ $d['secondary_url'] ?? '#' }}" class="vv-btn vv-btn-outline"><i class="fas fa-play"></i> {{ $d['secondary_label'] }}</a>@endif
            </div>
            <div class="vv-hero-feats">
                <div><i class="fas fa-circle-check"></i> Certified doctors</div>
                <div><i class="fas fa-circle-check"></i> Modern equipment</div>
                <div><i class="fas fa-circle-check"></i> 24/7 emergency</div>
            </div>
        </div>

        <div class="vv-hero-media" data-aos="zoom-in" data-aos-delay="150">
            <div class="vv-hero-shape">
                @if(!empty($d['image']))
                    <img src="{{ $d['image'] }}" alt="{{ $d['heading'] ?? '' }}">
                @else
                    <div class="vv-hero-ph"><i class="fas fa-hospital"></i></div>
                @endif
            </div>
            {{-- floating appointment card --}}
            <div class="vv-appt" data-aos="fade-up" data-aos-delay="350">
                <div class="vv-appt-head"><i class="fas fa-calendar-check"></i> Book a visit</div>
                <form method="POST" action="/contact">
                    <input type="hidden" name="return" value="{{ ltrim(request()->path(),'/')==='/' ? '' : ltrim(request()->path(),'/') }}">
                    <div style="position:absolute;left:-9999px"><input type="text" name="company" tabindex="-1" autocomplete="off"></div>
                    <input type="text" name="name" placeholder="Your name" required>
                    <input type="text" name="phone" placeholder="Phone number">
                    <input type="text" name="subject" placeholder="Reason for visit">
                    <button type="submit" class="vv-btn vv-btn-primary" style="width:100%;justify-content:center;">Request appointment</button>
                </form>
            </div>
        </div>
    </div>
    <div class="vv-hero-curve" aria-hidden="true">
        <svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path d="M0,0 C480,120 960,120 1440,0 L1440,120 L0,120 Z"></path></svg>
    </div>
</section>
