@extends('layouts.app')

@section('title', $page->meta_title ?? $page->title)

@section('content')
<!-- Page Header -->
<section class="bg-gray-100 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h1 class="text-3xl md:text-4xl font-bold text-gray-900">{{ $page->title }}</h1>
        @if($page->meta_description)
        <p class="text-gray-600 mt-2">{{ $page->meta_description }}</p>
        @endif
    </div>
</section>

<section class="py-12">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="bg-white rounded-xl shadow-sm p-6 lg:p-8">
            <div class="prose prose-lg max-w-none">
                {!! $page->content !!}
            </div>
        </div>
    </div>
</section>
@endsection
