@php($locale = app()->getLocale())

<div class="site-shell-promo-inner space-y-4">
    <div>
        <p class="text-[11px] font-bold uppercase tracking-widest text-brand-accent">{{ __('site.nav_services') }}</p>
        <h2 class="mt-1 text-base font-bold leading-snug ">{{ __('site.hero_title') }}</h2>
     </div>

    <div class="flex flex-wrap gap-2">
        <a href="{{ site_whatsapp_url() }}" target="_blank" rel="noopener" class="site-btn-primary px-3 py-2 text-xs">{{ __('site.cta_whatsapp') }}</a>
        @if (site_shows_products())
            <a href="{{ route('site.products.index', ['locale' => $locale]) }}" class="site-btn-outline px-3 py-2 text-xs">{{ __('site.section_products') }}</a>
        @endif
        @if (site_shows_services())
            <a href="{{ route('site.services.index', ['locale' => $locale]) }}" class="site-btn-outline px-3 py-2 text-xs">{{ __('site.section_services') }}</a>
        @endif
    </div>

    @if (($shellCategories ?? collect())->isNotEmpty())
        <div class="border-t border-slate-100 pt-3">
            <p class="mb-2 text-[11px] font-bold uppercase tracking-widest text-slate-400">{{ __('site.browse_categories') }}</p>
            <div class="flex flex-wrap gap-1.5">
                @foreach ($shellCategories as $cat)
                    <a href="{{ route('site.products.index', ['locale' => $locale, 'category_id' => $cat->id]) }}" class="site-shell-tag">
                        {{ locale_category_name($cat) }}
                    </a>
                    @foreach ($cat->children as $child)
                        <a href="{{ route('site.products.index', ['locale' => $locale, 'category_id' => $child->id]) }}" class="site-shell-tag site-shell-tag--child">
                            {{ locale_category_name($child) }}
                        </a>
                    @endforeach
                @endforeach
            </div>
        </div>
    @endif
</div>