@extends('layouts.app')

@section('title', __('app.terms.title'))
@section('meta_description', __('app.terms.meta_description'))
@section('robots', 'noindex,follow')

@section('content')
    @include('partials.page-hero', [
        'crumbs' => [
            ['name' => __('app.nav.home'), 'url' => lroute('home')],
            ['name' => __('app.nav.terms')],
        ],
        'title' => __('app.terms.h1'),
        'lead' => __('app.terms.lead'),
    ])

    <article class="mx-auto max-w-4xl px-4 py-14 sm:px-6 lg:px-8">
        @foreach (__('app.terms.sections') as $section)
            <h2 class="mt-8 text-xl font-bold text-brand-deep first:mt-0">{{ $section['heading'] }}</h2>
            @foreach ($section['paragraphs'] as $paragraph)
                <p class="mt-3 text-sm leading-relaxed text-ink-soft">{{ $paragraph }}</p>
            @endforeach
        @endforeach
    </article>
@endsection