{{include "header.html"}}
{{include "nav.html"}}

{{$single := .Single}}
<section class="bg-gray-900 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center">
            <h1 class="text-3xl md:text-4xl font-bold text-white mb-4">
                {{if $single}}{{$single.Name}}{{else}}{{.Title}}{{end}}
            </h1>
            {{if and $single $single.Description}}
            <p class="text-lg text-gray-400 max-w-2xl mx-auto">{{$single.Description}}</p>
            {{end}}
        </div>
    </div>
</section>

<section class="py-12 bg-gray-50">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="bg-white rounded-xl shadow-sm p-8 md:p-12">
            {{if and $single $single.Content}}
            <div class="prose max-w-none text-gray-700">
                {{$single.Content|Str2Html}}
            </div>
            {{else}}
            <div class="text-center text-gray-500 py-12">
                <svg class="w-16 h-16 mx-auto mb-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                </svg>
                <p>Content coming soon...</p>
            </div>
            {{end}}
        </div>
    </div>
</section>

{{include "footer.html"}}
{{include "js.html"}}