<?php
// Shop Page Footer
?>
    </div><!-- End Main Content -->

    <!-- Footer -->
    <footer class="footer-wrapper">
        <div class="footer-content">
            <div class="container">
                <!-- Footer Main -->
                <div class="footer-main" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; padding: 60px 20px; background: #0f0f0f; color: #aaa;">
                    <!-- Brand -->
                    <div class="footer-brand">
                        <h3 style="color: #d4a574; margin-bottom: 15px;">Faren Design Store</h3>
                        <p style="line-height: 1.6; font-size: 14px;">Premium interior design furniture and solutions for your home and office.</p>
                    </div>

                    <!-- Company Links -->
                    <div class="footer-column">
                        <h5 style="color: #d4a574; margin-bottom: 20px;">Company</h5>
                        <ul style="list-style: none; padding: 0;">
                            <li style="margin-bottom: 10px;"><a href="about.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">About Us</a></li>
                            <li style="margin-bottom: 10px;"><a href="team.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Our Team</a></li>
                            <li style="margin-bottom: 10px;"><a href="service.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Services</a></li>
                            <li style="margin-bottom: 10px;"><a href="pricing.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Pricing</a></li>
                            <li style="margin-bottom: 10px;"><a href="faq.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">FAQ</a></li>
                        </ul>
                    </div>

                    <!-- Shopping Links -->
                    <div class="footer-column">
                        <h5 style="color: #d4a574; margin-bottom: 20px;">Shopping</h5>
                        <ul style="list-style: none; padding: 0;">
                            <li style="margin-bottom: 10px;"><a href="shop.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Shop All Products</a></li>
                            <li style="margin-bottom: 10px;"><a href="cart.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Shopping Cart</a></li>
                            <li style="margin-bottom: 10px;"><a href="checkout.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Checkout</a></li>
                            <li style="margin-bottom: 10px;"><a href="gallery.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Gallery</a></li>
                            <li style="margin-bottom: 10px;"><a href="wishlist.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">Wishlist</a></li>
                        </ul>
                    </div>

                    <!-- Contact Info -->
                    <div class="footer-column">
                        <h5 style="color: #d4a574; margin-bottom: 20px;">Contact</h5>
                        <ul style="list-style: none; padding: 0;">
                            <li style="margin-bottom: 10px;"><a href="tel:+1234567890" style="color: #aaa; text-decoration: none; transition: 0.3s;">📞 +1 (234) 567-890</a></li>
                            <li style="margin-bottom: 10px;"><a href="mailto:info@farendesign.com" style="color: #aaa; text-decoration: none; transition: 0.3s;">📧 info@farendesign.com</a></li>
                            <li style="margin-bottom: 10px;"><a href="contact.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">📍 Our Location</a></li>
                            <li style="margin-bottom: 10px;"><a href="contact.php" style="color: #aaa; text-decoration: none; transition: 0.3s;">💬 Get Support</a></li>
                        </ul>
                    </div>
                </div>

                <!-- Footer Bottom -->
                <div class="footer-bottom" style="background: #000; padding: 30px 20px; border-top: 1px solid #333; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
                    <div class="social-icons" style="display: flex; gap: 15px;">
                        <a href="https://www.facebook.com/" style="color: #d4a574; font-size: 18px; text-decoration: none; transition: 0.3s;"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://www.twitter.com/" style="color: #d4a574; font-size: 18px; text-decoration: none; transition: 0.3s;"><i class="fab fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/" style="color: #d4a574; font-size: 18px; text-decoration: none; transition: 0.3s;"><i class="fab fa-linkedin-in"></i></a>
                        <a href="https://www.instagram.com/" style="color: #d4a574; font-size: 18px; text-decoration: none; transition: 0.3s;"><i class="fab fa-instagram"></i></a>
                    </div>

                    <div class="footer-legal" style="display: flex; gap: 25px;">
                        <a href="about.php" style="color: #999; text-decoration: none; transition: 0.3s; font-size: 14px;">Terms of Service</a>
                        <a href="about.php" style="color: #999; text-decoration: none; transition: 0.3s; font-size: 14px;">Privacy Policy</a>
                        <a href="about.php" style="color: #999; text-decoration: none; transition: 0.3s; font-size: 14px;">Cookies</a>
                    </div>
                </div>

                <!-- Copyright -->
                <p style="text-align: center; color: #666; padding: 20px; background: #000; margin: 0;">
                    Copyright © 2025 <a href="#" style="color: #d4a574; text-decoration: none;">Faren Design</a>. All Rights Reserved. | Real-Time Shopping Cart System
                </p>
            </div>
        </div>
    </footer>

    <script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
