<div class="page-banner">
    <div class="container">
        <h2><?= htmlspecialchars($section['title']) ?></h2>
        <div class="breadcrumb">
            <a href="/">Home</a>
            <span class="separator"><i class="fas fa-chevron-right"></i></span>
            <a href="/sections">Sections</a>
            <span class="separator"><i class="fas fa-chevron-right"></i></span>
            <span><?= htmlspecialchars($section['title']) ?></span>
        </div>
    </div>
</div>

<div class="page-content">
    <div class="container">
        <div class="welcome-grid">
            <div class="welcome-content fade-in-left">
                <p><?= nl2br(htmlspecialchars($section['description'])) ?></p>
                <a href="/sections" class="btn btn-primary"><i class="fas fa-arrow-left"></i> Back to Sections</a>
            </div>
            <?php if ($section['image_url']): ?>
            <div class="welcome-image fade-in-right">
                <img src="<?= htmlspecialchars($section['image_url']) ?>" alt="<?= htmlspecialchars($section['title']) ?>">
            </div>
            <?php endif; ?>
        </div>
    </div>
</div>
