footer.php

<footer class="bg-dark text-light py-5">
    <div class="container">
        <div class="row text-center text-md-start">
            <!-- About Section -->
            <div class="col-md-4 mb-4">
                <h5 class="text-uppercase mb-3">About Recipe Hub</h5>
                <p class="small">Recipe Hub is your go-to platform for discovering, sharing, and managing recipes, meal plans, and cooking competitions. Join our community and explore the world of culinary delights!</p>
            </div>

            <!-- Contact Section -->
            <div class="col-md-4 mb-4">
                <h5 class="text-uppercase mb-3">Contact Us</h5>
                <ul class="list-unstyled small">
                    <li class="mb-2"><i class="bi bi-envelope me-2"></i><a href="mailto:chornghuah02@gmail.com" class="text-light text-decoration-none">chornghuah02@gmail.com</a></li>
                    <li class="mb-2"><i class="bi bi-telephone me-2"></i>+1 (123) 456-7890</li>
                    <li><i class="bi bi-geo-alt me-2"></i>Kampar, Perak</li>
                </ul>
            </div>

            <!-- Social Media Section -->
            <div class="col-md-4 mb-4">
                <h5 class="text-uppercase mb-3">Follow Us</h5>
                <div class="d-flex justify-content-center justify-content-md-start">
                    <a href="https://www.facebook.com/UTARnet/" class="text-light me-3"><i class="bi bi-facebook fs-4"></i></a>
                    <a href="https://www.linkedin.com/in/leechornghuah/" class="text-light me-3"><i class="bi bi-linkedin fs-4"></i></a>
                    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" class="text-light"><i class="bi bi-youtube fs-4"></i></a>
                </div>
            </div>
        </div>

        <hr class="bg-light">

        <!-- Footer Bottom -->
        <div class="text-center small">
            <p class="mb-0">&copy; <?php echo date('Y'); ?> Recipe Hub. All Rights Reserved.</p>
        </div>
    </div>
</footer>