@extends('layouts.site')

@section('content')
<section class="inner-hero container">
    <div>
        <p class="eyebrow">{{ $service['name'] }}</p>
        {{-- Editorial title HTML is trusted, version-controlled content, never user input. --}}
        <h1>{!! $service['title'] !!}</h1>
        <p>{{ $service['intro'] }}</p>
        <a class="button" href="{{ route('contact') }}">Talk to Tashi <x-arrow /></a>
    </div>
    <div class="inner-hero-image">
        <img src="{{ asset('assets/'.$service['image']) }}" alt="Contemporary architecture and thoughtfully designed spaces" loading="lazy" width="1200" height="900">
    </div>
</section>
<section class="container editorial-sections nri-reveal-section" data-nri-reveals aria-label="{{ $service['name'] }} services">
    @foreach($service['sections'] as $section)
        <article class="editorial-row">
            <p class="eyebrow">{{ sprintf('%02d', $loop->iteration) }} / {{ $section[0] }}</p>
            <div>
                <h2>{{ $section[1] }}</h2>
                <p>{{ $section[2] }}</p>
                @isset($section[3])<p class="metadata">{{ $section[3] }}</p>@endisset
                <a class="text-link" href="{{ route('contact', ['requirement' => $service['name']]) }}">Discuss your requirement <x-arrow /></a>
            </div>
        </article>
    @endforeach
</section>
@if($service['slug'] === 'nri-advisory')
    @include('partials.nri-process')
@endif
@include('partials.filter')
@include('partials.closing')
@endsection