<!-- includes/footer.php -->
</main><!-- #page-content -->


<footer class="glass-panel border-t border-cyan-500/20 pt-16 pb-12 px-4 text-slate-400 text-sm mt-20 bg-slate-950/90 font-tech">
    <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-10 mb-12">
        <div class="space-y-4 md:col-span-2">
            <div class="flex items-center">
                <a href="<?= APP_URL ?>/" class="inline-flex items-center transition-transform hover:scale-105">
                    <img src="<?= APP_URL ?>/assets/img/Untitled%20-%20August%2013,%202026%20at%2022.51.35.png" alt="SUPERNOVA 2.0" class="h-10 sm:h-12 w-auto object-contain">
                </a>
            </div>
            <p class="max-w-md text-slate-400 text-sm font-tech leading-relaxed">
                Supernova 2.0 is MGM University's premier student-led technical festival, uniting innovators, creators, and future leaders. Explore exciting competitions, live schedules, and organizing committee updates designed to deliver an exceptional experience.
            </p>

            <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-500/10 border border-emerald-500/30 text-emerald-400 text-xs font-mono-cyber">
                <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span>
                ALL SYSTEMS OPERATIONAL 
                
            </div>
        </div>

        <div>
            <h4 class="text-white font-mono-cyber font-bold text-xs uppercase tracking-widest mb-4 text-cyan-400">
                QUICK PORTALS
            </h4>
            <ul class="space-y-2.5 text-xs font-mono-cyber mb-6">
                <li>
                    <a href="<?= APP_URL ?>/events" class="hover:text-cyan-400 transition-colors flex items-center gap-1.5">
                        <i data-lucide="calendar" class="w-3.5 h-3.5 text-cyan-400"></i> EVENTS LINEUP
                    </a>
                </li>
            </ul>

            <!-- Social Links (Instagram & LinkedIn) -->
            <div>
                <h4 class="text-white font-mono-cyber font-bold text-xs uppercase tracking-widest mb-4 text-cyan-400">
                    CONNECT WITH US
                </h4>
                <div class="flex items-center gap-4">
                    <a href="https://www.instagram.com/supernovasoet" target="_blank" rel="noopener noreferrer" title="Instagram" class="w-12 h-12 rounded-full border border-slate-300/70 bg-slate-900/60 hover:bg-slate-800/80 hover:border-white text-slate-200 hover:text-white flex items-center justify-center transition-all duration-300 hover:scale-110 shadow-[0_0_15px_rgba(255,255,255,0.2)] group">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:scale-105"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg>
                    </a>
                    <a href="https://www.linkedin.com/company/mgmu-school-of-engineering-and-technology/" target="_blank" rel="noopener noreferrer" title="LinkedIn" class="w-12 h-12 rounded-full border border-slate-300/70 bg-slate-900/60 hover:bg-slate-800/80 hover:border-white text-slate-200 hover:text-white flex items-center justify-center transition-all duration-300 hover:scale-110 shadow-[0_0_15px_rgba(255,255,255,0.2)] group">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:scale-105"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>
                    </a>
                    <a href="https://maps.app.goo.gl/NxnkpqAeyWCJYFnM8" target="_blank" rel="noopener noreferrer" title="Location - MGM University SOET" class="w-12 h-12 rounded-full border border-slate-300/70 bg-slate-900/60 hover:bg-slate-800/80 hover:border-white text-slate-200 hover:text-white flex items-center justify-center transition-all duration-300 hover:scale-110 shadow-[0_0_15px_rgba(255,255,255,0.2)] group">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:scale-105"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
                    </a>
                </div>
            </div>
        </div>

        <div>
            <h4 class="text-white font-mono-cyber font-bold text-xs uppercase tracking-widest mb-4 text-purple-400">
                ADMINISTRATION
            </h4>
            <ul class="space-y-2.5 text-xs font-mono-cyber">
                <li>
                    <a href="<?= APP_URL ?>/organizer/dashboard.php" class="hover:text-cyan-400 transition-colors">
                        ORGANIZER DASHBOARD
                    </a>
                </li>
                <li>
                    <a href="<?= APP_URL ?>/finance/dashboard.php" class="hover:text-cyan-400 transition-colors">
                        FINANCE DASHBOARD
                    </a>
                </li>
                <li>
                    <a href="<?= APP_URL ?>/admin/dashboard.php" class="hover:text-cyan-400 transition-colors">
                        ADMIN CONTROL PANEL
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="max-w-7xl mx-auto border-t border-cyan-500/20 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs font-mono-cyber text-slate-500">
        <p>© 2026 SUPERNOVA 2.0. ALL RIGHTS RESERVED.</p>

    </div>
</footer>

<script>
    // Initialize Lucide icons
    lucide.createIcons();
</script>


<script type="module" src="<?= APP_URL ?>/assets/js/blackhole.js"></script>
<script src="<?= APP_URL ?>/assets/js/scroll-animations.js"></script>
<script src="<?= APP_URL ?>/assets/js/soft-nav.js"></script>

</body>
</html>
