<?php include 'includes/header.php'; ?>

<!-- Event Hero -->
<section class="py-5" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url('assets/images/activity-henna.webp'); background-size: cover; background-position: center; min-height: 500px; display: flex; align-items: center;">
    <div class="container py-5 text-center">
        <div class="event-hero-icon mx-auto">
            <i class="fas fa-palette"></i>
        </div>
        <h1 class="display-3 fw-bold text-white mb-3">Henna Painting</h1>
        <p class="lead text-white opacity-90 mx-auto" style="max-width: 800px;">Exquisite henna designs by talented artists, a popular part of our community festival atmosphere.</p>
    </div>
</section>

<!-- Info Cards -->
<div class="container">
    <div class="info-card-container">
        <div class="event-info-card">
            <div class="event-info-card-icon">
                <i class="far fa-calendar-alt"></i>
            </div>
            <div>
                <h6 class="fw-bold mb-0">14th June 2026</h6>
            </div>
        </div>
        <div class="event-info-card">
            <div class="event-info-card-icon">
                <i class="fas fa-map-marker-alt"></i>
            </div>
            <div>
                <h6 class="fw-bold mb-0">London Regatta Centre</h6>
            </div>
        </div>
        <div class="event-info-card">
            <div class="event-info-card-icon">
                <i class="fas fa-magic"></i>
            </div>
            <div>
                <h6 class="fw-bold mb-0">Traditional & Modern</h6>
            </div>
        </div>
    </div>
</div>

<!-- Main Content -->
<section class="py-5 bg-white">
    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <h2 class="display-5 fw-bold mb-5">What to Expect</h2>
                
                <div class="numbered-list-item">
                    <div class="numbered-list-circle">1</div>
                    <div class="text-muted">Expert artists providing high-quality traditional and contemporary henna designs</div>
                </div>
                <div class="numbered-list-item">
                    <div class="numbered-list-circle">2</div>
                    <div class="text-muted">A wonderful celebration of South Asian and Middle Eastern cultural heritage</div>
                </div>
                <div class="numbered-list-item">
                    <div class="numbered-list-circle">3</div>
                    <div class="text-muted">Safe and natural henna products used for all skin types and ages</div>
                </div>
                <div class="numbered-list-item">
                    <div class="numbered-list-circle">4</div>
                    <div class="text-muted">Intricate patterns ranging from simple designs to complex traditional motifs</div>
                </div>
                <div class="numbered-list-item">
                    <div class="numbered-list-circle">5</div>
                    <div class="text-muted">Part of our vibrant community bazaar with a festive family atmosphere</div>
                </div>

                <div class="who-box shadow-sm">
                    <h5 class="fw-bold mb-3">Who Is This For?</h5>
                    <p class="text-muted mb-0">Henna painting is open to all attendees—children, families, and individuals—who want to enjoy this beautiful traditional art form during the festival.</p>
                </div>

                <div class="d-flex flex-wrap gap-3 mt-5">
                    <a href="register-stall.php" class="btn btn-primary px-5 py-3 rounded-pill fw-bold" style="background-color: #f16522; border: none; ">Book a Stall <i class="fas fa-arrow-right ms-2"></i></a>
                    <a href="index.php" class="btn btn-outline-dark px-5 py-3 rounded-pill fw-bold" style="border: 1px solid #eee; background: #fafafa;"><i class="fas fa-arrow-left me-2"></i> Back to Home</a>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include 'includes/footer.php'; ?>
