<!-- Front Page Layout Form -->
<div class="space-y-6">

    <!-- Top Content -->
    <div>
        <label for="top_content" class="block text-sm font-medium text-gray-700 mb-2">Top Content</label>
        <textarea name="extra_fields[top_content]" id="top_content" rows="8"
                  class="secondary-content w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                  placeholder="Enter text that will appear at the top of the page..."><?= htmlspecialchars($page['extra_fields']['top_content'] ?? '') ?></textarea>
    </div>



    <!-- Main Content -->
    <div>
        <label for="content" class="block text-sm font-medium text-gray-700 mb-2">Main Page Content</label>
        <textarea name="content" id="content" rows="8"
                  class="secondary-content w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                  placeholder="Enter main content for the homepage..."><?= htmlspecialchars($page['content'] ?? '') ?></textarea>
    </div>
</div>