        </div> <!-- Close main container -->

        <footer class="bg-dark text-white py-3 mt-4">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-3">
                        <h4 class="mb-3" style="color: #ff6b35;">
                            <i class="fas fa-tshirt me-2"></i>ShopNest
                        </h4>
                        <p>Your one-stop destination for renting designer clothes at amazing prices.</p>
                        <div class="social-icons mt-3">
                            <a href="#" class="text-white me-3"><i class="fab fa-facebook-f fa-lg"></i></a>
                            <a href="#" class="text-white me-3"><i class="fab fa-twitter fa-lg"></i></a>
                            <a href="#" class="text-white me-3"><i class="fab fa-instagram fa-lg"></i></a>
                            <a href="#" class="text-white"><i class="fab fa-pinterest fa-lg"></i></a>
                        </div>
                    </div>
                    
                    <div class="col-lg-2 col-md-6 mb-3">
                        <h5 class="mb-2">Quick Links</h5>
                        <ul class="list-unstyled">
                            <li class="mb-1"><a href="index.php" class="text-white-50 text-decoration-none">Home</a></li>
                            <li class="mb-1"><a href="products.php" class="text-white-50 text-decoration-none">Rent Clothes</a></li>
                            <li class="mb-1"><a href="categories.php" class="text-white-50 text-decoration-none">Categories</a></li>
                            <li class="mb-1"><a href="about.php" class="text-white-50 text-decoration-none">About Us</a></li>
                            <li class="mb-1"><a href="contact.php" class="text-white-50 text-decoration-none">Contact</a></li>
                        </ul>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 mb-3">
                        <h5 class="mb-2">Customer Service</h5>
                        <ul class="list-unstyled">
                            <li class="mb-1"><a href="shipping.php" class="text-white-50 text-decoration-none">Shipping Policy</a></li>
                            <li class="mb-1"><a href="returns.php" class="text-white-50 text-decoration-none">Returns & Refunds</a></li>
                            <li class="mb-1"><a href="privacy.php" class="text-white-50 text-decoration-none">Privacy Policy</a></li>
                            <li class="mb-1"><a href="terms.php" class="text-white-50 text-decoration-none">Terms & Conditions</a></li>
                            <li class="mb-1"><a href="faq.php" class="text-white-50 text-decoration-none">FAQ</a></li>
                        </ul>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 mb-3">
                        <h5 class="mb-2">Contact Info</h5>
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <i class="fas fa-map-marker-alt me-2" style="color: #ff6b35;"></i>
                                123 Fashion Street, Style City
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-phone me-2" style="color: #ff6b35;"></i>
                                +91 98765 43210
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-envelope me-2" style="color: #ff6b35;"></i>
                                support@shopnest.com
                            </li>
                            <li>
                                <i class="fas fa-clock me-2" style="color: #ff6b35;"></i>
                                Mon-Sun: 9AM-9PM
                            </li>
                        </ul>
                    </div>
                </div>
                
                <hr class="bg-light my-4">
                
                <div class="row">
                    <div class="col-md-6" style="margin:auto; padding: 0 10px; text-align:center;">
                        <p class="mb-0">&copy; <?php echo date('Y'); ?> ShopNest. All Rights Reserved.</p>
                    </div>
                    <!-- <div class="col-md-6 text-md-end">
                        <p class="mb-0">
                            <i class="fab fa-cc-visa me-2 fa-lg"></i>
                            <i class="fab fa-cc-mastercard me-2 fa-lg"></i>
                            <i class="fab fa-cc-paypal me-2 fa-lg"></i>
                            <i class="fab fa-cc-amazon-pay fa-lg"></i>
                        </p>
                    </div> -->
                </div>
            </div>
        </footer>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
        <script>
            // Auto-hide alerts after 5 seconds
            setTimeout(function() {
                document.querySelectorAll('.alert').forEach(alert => {
                    let bsAlert = new bootstrap.Alert(alert);
                    bsAlert.close();
                });
            }, 5000);
            
            // Add smooth scrolling
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function (e) {
                    const href = this.getAttribute('href');
                    // Only prevent default and scroll if href is not just "#" or empty
                    if(href && href !== '#') {
                        e.preventDefault();
                        const target = document.querySelector(href);
                        if(target) {
                            target.scrollIntoView({
                                behavior: 'smooth',
                                block: 'start'
                            });
                        }
                    }
                });
            });
            
            // Form validation
            document.addEventListener('DOMContentLoaded', function() {
                // File size validation
                const fileInputs = document.querySelectorAll('input[type="file"]');
                fileInputs.forEach(input => {
                    input.addEventListener('change', function() {
                        const maxSize = 5 * 1024 * 1024; // 5MB
                        if(this.files[0] && this.files[0].size > maxSize) {
                            alert('File size exceeds 5MB limit.');
                            this.value = '';
                        }
                    });
                });
            });
        </script>
    </body>
</html>