<div class="site-section">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        @if($section->title)
            <div class="text-center mb-12 reveal">
                <h2 class="section-title mx-auto">{{ $section->title }}</h2>
                @if($section->subtitle)
                    <p class="mt-4 text-gray-500 text-lg">{{ $section->subtitle }}</p>
                @endif
            </div>
        @endif
        <div class="reveal prose prose-lg max-w-none dark:prose-invert">
            {!! $section->content !!}
        </div>
    </div>
</div>
