<!-- Mobile Menu -->
<div id="mobile-menu" uk-offcanvas="mode: push; overlay: true">
    <div class="uk-offcanvas-bar uk-offcanvas-bar-light" style="background-color: white;">
        <button class="uk-offcanvas-close" type="button" uk-close></button>
        <div class="uk-text-center uk-margin-medium uk-margin-small-top">
            <a class="logo" href="index.php">
                <img src="assets/svg/logo.svg" alt="Mock Meet" width="148" height="56">
            </a>
        </div>
        <ul class="uk-nav uk-nav-offcanvas uk-margin-top">
            <li><a class="uk-link-heading" href="index.php">Home</a></li>
            <li><a class="uk-link-heading" href="why-us.php">Why us?</a></li>
            <li><a class="uk-link-heading" href="trainers.php">Trainers</a></li>
            <li><a class="uk-link-heading" href="categories.php">Categories</a></li>
            <li><a class="uk-link-heading" href="faq.php">FAQ</a></li>
            <li><a class="uk-link-heading" href="contact.php">Contact</a></li>
            <li class="uk-nav-divider"></li>
        </ul>

        <a href="trainers.php" class="uk-button uk-button-primary btn-find-trainers uk-width-1-1 uk-margin-small-top">Find Trainers</a>

        <div class="social-icons uk-margin-medium-top uk-flex gap-12">
            <a href="#" uk-icon="icon: facebook; ratio: .7" class="uk-icon" aria-label="facebook"></a>
            <a href="#" uk-icon="icon: instagram; ratio: .7" class="uk-icon" aria-label="instagram"></a>
            <a href="#" uk-icon="icon: twitter; ratio: .7" class="uk-icon" aria-label="twitter"></a>
            <a href="#" uk-icon="icon: whatsapp; ratio: .7" class="uk-icon" aria-label="whatsapp"></a>
        </div>

    </div>
</div>

<?php include 'template-parts/footer-navigation.php'; ?>

</main>

<!-- Footer -->
<footer class="site-footer uk-background-secondary">
    <div class="uk-container">
        <div class="site-footer-inner">

            <div class="uk-grid uk-grid-large" uk-grid>

                <!-- Logo and Social -->
                <div class="uk-width-1-4@m uk-text-center">
                    <div class="footer-logo">
                        <a class="logo" href="index.php">
                            <img src="assets/svg/logo-footer.svg" alt="Mock Meet" width="148" height="56">
                        </a>
                    </div>

                    <div class="social-icons">
                        <a href="#" uk-icon="icon: facebook; ratio: .7" class="uk-icon" aria-label="facebook"></a>
                        <a href="#" uk-icon="icon: instagram; ratio: .7" class="uk-icon" aria-label="instagram"></a>
                        <a href="#" uk-icon="icon: twitter; ratio: .7" class="uk-icon" aria-label="twitter"></a>
                        <a href="#" uk-icon="icon: whatsapp; ratio: .7" class="uk-icon" aria-label="whatsapp"></a>
                    </div>
                </div>

                <div class="uk-width-expand@m">
                    <div>
                        <div class="uk-grid uk-child-width-1-2 uk-child-width-1-2@s uk-child-width-1-4@l" uk-grid>

                            <!-- For Job Seekers -->
                            <div class="footer-widget">
                                <div class="widget-title">For Job Seekers</div>
                                <ul class="footer-links">
                                    <li><a href="user-dashboard.php" class="footer-link">My Profile</a></li>
                                    <li><a href="user-dashboard-my-sessions.php" class="footer-link">My Sessions</a></li>
                                </ul>
                            </div>

                            <!-- For Trainers -->
                            <div class="footer-widget">
                                <div class="widget-title">For Trainers</div>
                                <ul class="footer-links">
                                    <li><a href="become-trainer.php" class="footer-link">Become a Trainer</a></li>
                                    <li><a href="trainer-dashboard.php" class="footer-link">Dashboard</a></li>
                                </ul>
                            </div>

                            <!-- Support -->
                            <div class="footer-widget">
                                <div class="widget-title">Support</div>
                                <ul class="footer-links">
                                    <li><a href="contact.php" class="footer-link">Contact Us</a></li>
                                    <li><a href="faq.php" class="footer-link">FAQ</a></li>
                                </ul>
                            </div>

                            <!-- Company -->
                            <div class="footer-widget">
                                <div class="widget-title">Information</div>
                                <ul class="footer-links">
                                    <li><a href="privacy-policy.php" class="footer-link">Privacy Policy</a></li>
                                    <li><a href="terms-conditions.php" class="footer-link">Terms & Conditions</a></li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>

            </div><!-- .uk-grid -->
        </div><!-- .site-footer-inner -->

        <!-- Footer Bottom -->
        <div class="footer-bottom uk-text-center uk-text-left@s">
            <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
                <div class="uk-width-expand@s">
                    © 2025 Consultations Platform. All rights reserved.
                </div>
                <div class="uk-width-auto@s">
                    Development by <a href="https://asooltech.com/" target="_blank">Asool Tech</a>
                </div>
            </div>
        </div>
    </div><!-- .uk-container -->
</footer>

<!-- Link JavaScript file -->
<script src="assets/js/uikit.min.js"></script>
<script src="assets/js/scripts.js"></script>
</body>

</html>