@extends('frontend.layouts.app')

@section('content')
    <!-- Page Header -->
    <section class="bg-gradient-to-r from-primary-800 to-primary-600 py-12">
        <div class="container">
            <div class="max-w-3xl">
                <h1 class="text-3xl lg:text-4xl font-bold text-white mb-4">{{ $page->title ?? 'Page' }}</h1>
                @if ($page?->meta_description)
                    <p class="text-white/80 text-lg">{{ $page->meta_description }}</p>
                @endif
            </div>
        </div>
    </section>

    <!-- Content -->
    <section class="section bg-white">
        <div class="container">
            <div class="max-w-4xl mx-auto">
                @if ($page && $page->content)
                    <div class="prose prose-lg max-w-none">
                        {!! $page->content !!}
                    </div>
                @else
                    <div class="text-center py-12">
                        <p class="text-gray-500">Content coming soon...</p>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endsection