@extends('layouts.app', [
    'title'       => ($page->metatitle ?? $service['name'].' | SEO Specialist Lab'),
    'description' => $page->metadescription ?? $service['descriptor'],
    'keywords'    => $page->keywords ?? 'search engineering, semantic SEO, SEO specialist lab',
    'canonical'   => url('/'.$slug),
])

@section('content')
    <section class="sk-hero" role="banner">
        <div class="container">
            <div class="row align-items-center g-4 g-lg-5">
                <div class="col-lg-8">
                    <h1 class="sk-hero__headline">{{ $service['headline'] ?? $service['name'] }}</h1>
                    <p class="sk-hero__lead mb-4">{{ $service['descriptor'] }}</p>
                    <div class="sk-hero__actions">
                        <a class="btn btn-primary btn-lg px-4" href="{{ \App\Support\Consultation::url('free_discovery', ['ref' => 'lab-service-hero']) }}">
                            Get free consultation
                        </a>
                        <a class="btn btn-outline-primary btn-lg px-4" href="{{ url('/#'.config('specialist.services_section_id')) }}">
                            All SEO services
                        </a>
                    </div>
                    @include('partials.sk-google-reviews')
                </div>
                <div class="col-lg-4 d-none d-lg-block">
                    <div class="sk-hero__proof-card">
                        <p class="sk-hero__proof-card-title mb-0">Search Engineering Lab</p>
                        <div class="sk-hero__proof-stat">
                            <span class="sk-hero__proof-stat-value">Patent-led</span>
                            <span class="sk-hero__proof-stat-label">Architecture grounded in Google retrieval, graph, and quality-rater research</span>
                        </div>
                        <div class="sk-hero__proof-stat">
                            <span class="sk-hero__proof-stat-value">Global</span>
                            <span class="sk-hero__proof-stat-label">Built to explain search systems at the level top SEOs are asked to defend</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @if($page && $page->description)
        <section class="sk-pain sk-pain--alt" aria-labelledby="lab-service-body">
            <div class="container">
                <div class="sk-subservice-content">
                    {!! $page->description !!}
                </div>
            </div>
        </section>
    @endif

    @include('guest.partials.sub-service-links', [
        'parentSlug' => $slug,
        'title'      => 'Specialised Capabilities',
        'intro'      => 'Deeper lab modules under this service line — published as each capability page is completed.',
        'wrapper'    => 'section',
    ])

    @include('partials.sk-cta', [
        'split'      => true,
        'title'      => 'Need This Engineered on Your <span class="sk-cta__accent">Stack</span>?',
        'text'       => 'Start with a free discovery call. We will recommend the right lab engagement or package based on where you are stuck.',
        'primaryBtn' => 'Get free consultation',
        'primaryUrl' => \App\Support\Consultation::url('free_discovery', ['ref' => 'lab-service-cta']),
        'altBtn'     => 'Talk to SEO Expert',
        'altUrl'     => 'https://wa.me/254704043466',
        'panelNote'  => 'Collins responds to every inquiry personally.',
    ])
@endsection