@extends('layouts.app')

@section('title', $page->meta_title ?: $page->name)
@section('description', $page->meta_description)
@section('og_image', $page->og_image)

@if($page->noindex ?? false)
    @push('seo')
        <meta name="robots" content="noindex, follow">
    @endpush
@endif

@section('content')

    <section class="mx-auto max-w-2xl px-4 py-20 sm:px-8 sm:py-32">

        <div class="mb-12 text-center">
            <h1 class="mt-2 font-display text-h3 font-black tracking-tight sm:text-h2" data-stoic="pages/{{ $page->slug }}#name">
                {{ $page->name }}
            </h1>
        </div>

        <div class="legal-content" data-stoic="pages/{{ $page->slug }}#body">
            {!! Str::markdown($content) !!}
        </div>

    </section>

@endsection