@php($d = $d ?? [])
<section class="vs-section st-hero" id="home">
    <div class="vs-container st-hero-inner">
        <div class="st-hero-copy" data-aos="fade-right">
            <span class="st-badge">🔥 Mega sale · up to 40% off</span>
            <h1 class="st-hero-title">{!! nl2br(e($d['heading'] ?? 'Everything for your health')) !!}</h1>
            @if(!empty($d['subheading']))<p class="st-hero-sub">{{ $d['subheading'] }}</p>@endif
            <div class="st-hero-actions">
                <a href="#shop" class="st-btn st-btn-primary"><i class="fas fa-bag-shopping"></i> Shop now</a>
                <a href="#shop" class="st-btn st-btn-light">View deals</a>
            </div>
            <div class="st-hero-cats">
                <a href="#shop"><i class="fas fa-bowl-food"></i> Food</a>
                <a href="#shop"><i class="fas fa-baseball"></i> Toys</a>
                <a href="#shop"><i class="fas fa-bed"></i> Beds</a>
                <a href="#shop"><i class="fas fa-shower"></i> Wellness</a>
            </div>
        </div>
        <div class="st-hero-media" data-aos="zoom-in" data-aos-delay="120">
            <div class="st-hero-disc"></div>
            @if(!empty($d['image']))<img src="{{ $d['image'] }}" alt="">@else<div class="st-hero-ph"><i class="fas fa-hospital"></i></div>@endif
            <div class="st-hero-tag"><strong>-40%</strong><span>Today only</span></div>
        </div>
    </div>
</section>
