@php
    $ps = $publicSettings ?? $themeSettings ?? [];
    $bookUrl = $ps['cta.primary_url'] ?? '/book';
    $bookText = $ps['cta.primary_text'] ?? 'Book Consultation';

    $industryIcons = [
        'small-business' => '🏪',
        'medium-business' => '🏢',
        'agencies' => '🎯',
        'startups' => '🚀',
        'professional-services' => '💼',
        'real-estate' => '🏠',
        'healthcare' => '🏥',
        'finance' => '📊',
        'legal' => '⚖️',
        'ecommerce' => '🛒',
    ];
@endphp

<x-layouts.app :seo="$seo" :schema="$schema ?? []">
    <x-public.page-hero
        eyebrow="Industries"
        title="Specialists across every sector"
        subtitle="Tailored remote staffing for the industries that power the Australian economy — vetted talent matched to your sector's workflows and standards."
        :breadcrumbs="[
            ['label' => 'Home', 'url' => url('/')],
            ['label' => 'Industries'],
        ]"
    >
        <x-ui.button :href="$bookUrl" size="lg" class="home-btn" data-track-cta="industries-hub-primary">{{ $bookText }}</x-ui.button>
        <x-ui.button href="{{ route('hire.index') }}" variant="secondary" size="lg">Browse roles</x-ui.button>
    </x-public.page-hero>

    <x-public.stats-strip :stats="[
        ['value' => '10+', 'label' => 'Industries served'],
        ['value' => '60%', 'label' => 'Typical cost savings'],
        ['value' => 'AEST', 'label' => 'Business hours aligned'],
    ]" />

    <section class="home-section home-section--muted">
        <div class="container-page">
            <x-public.section-head
                kicker="Sectors"
                title="Remote teams built for your industry"
                lead="Explore how Apex Admins supports businesses like yours with sector-aware talent matching."
                centered
            />

            <div class="home-card-grid !mt-10">
                @forelse($industries as $industry)
                    <a href="{{ route('industries.show', $industry->slug) }}" class="home-card group">
                        <span class="mb-3 text-2xl">{{ $industryIcons[$industry->slug] ?? '🏢' }}</span>
                        <h2 class="home-card__title">{{ $industry->name }}</h2>
                        <p class="home-card__text">{{ $industry->description }}</p>
                        <span class="home-card__action">Explore industry →</span>
                    </a>
                @empty
                    <p class="col-span-full text-center text-muted">Industries coming soon.</p>
                @endforelse
            </div>
        </div>
    </section>

    <section class="home-section bg-white">
        <div class="container-page">
            <div class="home-split home-split--equal home-split--center">
                <div>
                    <x-public.section-head
                        kicker="Why it matters"
                        title="Generic talent doesn't cut it"
                        lead="A legal practice needs different skills than an e-commerce brand. We match candidates with sector-relevant experience so onboarding is faster and outcomes are stronger."
                    />
                </div>
                <ul class="home-benefit-grid">
                    @foreach([
                        ['title' => 'Sector-aware screening', 'text' => 'Candidates assessed for industry-relevant workflows and terminology.'],
                        ['title' => 'Tool stack alignment', 'text' => 'Matched to the platforms your sector relies on daily.'],
                        ['title' => 'Outcome-focused', 'text' => 'Talent placed against the KPIs that matter in your industry.'],
                    ] as $item)
                        <li class="home-benefit-card">
                            <p class="home-benefit-card__title">{{ $item['title'] }}</p>
                            <p class="home-benefit-card__text">{{ $item['text'] }}</p>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </section>

    <x-public.cta-band
        title="Not sure which industry profile fits?"
        subtitle="Book a free consultation — we'll recommend the right roles for your sector and growth stage."
        :ctaText="$bookText"
        :ctaUrl="$bookUrl"
    />
</x-layouts.app>