@extends($site->themeView('layout'))

{{--
  Page. Default layout: title header, body, then blocks. Full-width layout
  (and a page used as home page): blocks first (a leading hero carries the
  H1), then the body.
--}}
@section('content')
    @if ($preview ?? false)
        <div class="sticky top-0 z-50 bg-amber-400 px-4 py-2 text-center text-sm font-semibold text-amber-950" role="status">{{ __('cms.preview_banner') }}</div>
    @endif
    @php
        $landing = ($asHome ?? false) || $page->layout === 'landing';
        $bodyHtml = $html !== '' ? '<div class="prose-site">'.$html.'</div>' : '';
    @endphp
    @unless ($landing)
        <header class="border-b border-black/[0.06] bg-white">
            <div class="container-site max-w-3xl py-10 md:py-14">
                @include($site->themeView('partials.breadcrumbs'))
                <h1 class="mt-4 font-[family-name:var(--font-heading)] text-3xl font-black tracking-tight text-balance text-ink md:text-5xl">{{ $page->title }}</h1>
            </div>
        </header>
        @if ($bodyHtml)<article class="container-site max-w-3xl py-10">{!! $bodyHtml !!}</article>@endif
    @endunless

    @if (! empty($blocks))
        @include($site->themeView('blocks.render'), ['blocks' => $blocks, 'needsH1' => $landing, 'pageTitle' => $page->title])
    @elseif ($landing)
        <h1 class="container-site max-w-3xl pt-12 font-[family-name:var(--font-heading)] text-3xl font-black tracking-tight text-ink md:text-5xl">{{ $page->title }}</h1>
    @endif

    @if ($landing && $bodyHtml)
        <article class="container-site max-w-3xl py-12">{!! $bodyHtml !!}</article>
    @endif
@endsection