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

<!-- Corporate Hero -->
<section class="internal-hero" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url('home banner image.webp');">
    <div class="container py-5 text-center">
        <h1 class="display-3 fw-bold text-white mb-3">Corporate Sponsors</h1>
        <p class="lead text-white opacity-95 mx-auto" style="max-width: 700px;">Partner with us to make a meaningful impact while showcasing your brand to thousands of attendees.</p>
    </div>
</section>

<!-- Sponsorship Packages -->
<section class="py-5 bg-white">
    <div class="container py-5">
        <div class="text-center mb-5">
            <span class="text-teal fw-bold small text-uppercase tracking-wider">SPONSOR THE EVENT</span>
            <h2 class="display-5 fw-bold mt-2 mb-4">Sponsorship Packages</h2>
            <p class="text-muted max-w-3xl mx-auto">We are currently seeking sponsors and have tailored packages for interested partners. The amounts are a guide — we are keen to involve those who share our ethos, ideas and passion.</p>
        </div>
        
        <div class="row g-4">
            <!-- Platinum -->
            <div class="col-lg-4">
                <div class="card h-100 border-0 shadow-lg rounded-4 overflow-hidden">
                    <div class="p-4 d-flex justify-content-between align-items-center" style="background-color: #1a242d; color: white;">
                        <div>
                            <span class="text-xs opacity-75 uppercase tracking-widest">Platinum</span>
                            <h4 class="fw-bold mb-0">Platinum Sponsor</h4>
                        </div>
                        <i class="fas fa-crown fa-2x opacity-50"></i>
                    </div>
                    <div class="card-body p-5">
                        <ul class="list-unstyled space-y-4 mb-0">
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Naming rights for the event</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Airtime on minimum 3 TV shows</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Logo on all printed/social media publicity</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Back cover ad on brochure</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">One page message on brochure</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Short video production for social media</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Platform to speak at press launch & awards</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Key role in handing out trophies</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">On-site identified car park space</span>
                            </li>
                            <li class="d-flex align-items-start gap-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">One boat in Community Leaders Cup</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Gold -->
            <div class="col-lg-4">
                <div class="card h-100 border-0 shadow-lg rounded-4 overflow-hidden">
                    <div class="p-4 d-flex justify-content-between align-items-center" style="background-color: #ffc107; color: white;">
                        <div>
                            <span class="text-xs opacity-75 uppercase tracking-widest">Gold</span>
                            <h4 class="fw-bold mb-0">Gold Sponsor</h4>
                        </div>
                        <i class="fas fa-award fa-2x opacity-50"></i>
                    </div>
                    <div class="card-body p-5">
                        <ul class="list-unstyled space-y-4 mb-0">
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Naming rights for one boat race</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Airtime on minimum 2 TV shows</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Logo on all relevant publicity</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Half page ad on brochure</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Half page message on brochure</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Short video production for social media</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Platform to speak at relevant events</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Key role in handing out trophies</span>
                            </li>
                            <li class="d-flex align-items-start gap-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">On-site identified car park space</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Silver -->
            <div class="col-lg-4">
                <div class="card h-100 border-0 shadow-lg rounded-4 overflow-hidden">
                    <div class="p-4 d-flex justify-content-between align-items-center" style="background-color: #f8f9fa; color: #1a242d; border-bottom: 1px solid #eee;">
                        <div>
                            <span class="text-xs opacity-75 uppercase tracking-widest">Silver</span>
                            <h4 class="fw-bold mb-0">Silver Sponsor</h4>
                        </div>
                        <i class="fas fa-medal fa-2x opacity-20"></i>
                    </div>
                    <div class="card-body p-5">
                        <ul class="list-unstyled space-y-4 mb-0">
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Logo on all relevant publicity</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Quarter page ad on brochure</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Platform to speak at relevant events</span>
                            </li>
                            <li class="d-flex align-items-start gap-3 mb-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">On-site identified car park space</span>
                            </li>
                            <li class="d-flex align-items-start gap-3">
                                <i class="fas fa-check text-teal mt-1"></i>
                                <span class="text-muted small">Sponsorship for one activity</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Call to Action Section -->
<section class="py-5 position-relative overflow-hidden" style="background-image: url('greenbackgorund.webp'); background-size: cover; background-position: center;">
    <!-- Decorative Circles -->
    
    <div class="container py-5 text-center position-relative z-1">
        <h2 class="display-4 fw-bold text-white mb-3">Interested in Sponsoring?</h2>
        <p class="text-white opacity-95 mb-5 max-w-2xl mx-auto fs-5">Get in touch to discuss how we can work together to make this event a success.</p>
        <a href="contact.php" class="btn px-5 py-3 rounded-pill fw-bold text-white shadow-sm" style="background-color: #f16522; border: none;">Contact Us <i class="fas fa-arrow-right ms-2"></i></a>
    </div>
</section>

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