@extends('layouts.app')
@section('title', $page->title)
@section('content')
<article class="mx-auto max-w-3xl rounded-[40px] border border-surface-variant bg-white p-8 sm:p-12">
    <h1 class="mb-6 text-3xl font-extrabold tracking-tight text-primary sm:text-4xl">{{ $page->title }}</h1>
    <div class="space-y-4 text-[17px] leading-relaxed text-on-surface-variant">
        @foreach (preg_split('/\R{2,}/', trim((string) $page->content)) as $para)
            @if (trim($para) !== '')<p>{!! nl2br(e(trim($para))) !!}</p>@endif
        @endforeach
    </div>
</article>
@endsection