<footer>
    <div class="container">
        <div class="footer-section">
            <a href="<?php echo BASE_URL; ?>">
                <img src="<?php echo BASE_URL; ?>/images/logo.jpeg" alt="<?php echo SITE_NAME; ?> Logo" style="height: 40px;">
            </a>
            <p>Providing quality roofing solutions across Kenya since 2010.</p>
            
            <div class="social-media">
                <a href="https://facebook.com/reliablemabati" target="_blank" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                <a href="https://twitter.com/reliablemabati" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                <a href="https://instagram.com/reliablemabati" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="https://linkedin.com/company/reliablemabati" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                <a href="https://wa.me/254743481729" target="_blank" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i></a>
            </div>
        </div>
        
        <div class="footer-section">
            <h3>Quick Links</h3>
            <ul>
                <li><a href="<?php echo BASE_URL; ?>/index.php">Home</a></li>
                <li><a href="<?php echo BASE_URL; ?>/shop.php">Shop</a></li>
                <li><a href="<?php echo BASE_URL; ?>/about.php">About</a></li>
                <li><a href="<?php echo BASE_URL; ?>/contact.php">Contact</a></li>
                <li><a href="<?php echo BASE_URL; ?>/blog.php">Blog</a></li>
            </ul>
        </div>
        
        <div class="footer-section">
            <h3>Contact Us</h3>
            <p><i class="fas fa-envelope"></i> sales@reliablemabati.co.ke</p>
            <p><i class="fas fa-phone"></i> +254 743 481729</p>
            <p><i class="fas fa-map-marker-alt"></i> Industrial Area, Nairobi, Kenya</p>
            
            <div class="payment-methods">
                <h3>We Accept:</h3>
                <div class="payment-icons">
                    <i class="fab fa-cc-visa" title="Visa"></i>
                    <i class="fab fa-cc-mastercard" title="Mastercard"></i>
                    <i class="fab fa-cc-paypal" title="PayPal"></i>
                    <i class="fab fa-cc-stripe" title="Stripe"></i>
                    <i class="fas fa-money-bill-wave" title="Cash on Delivery"></i>
                </div>
            </div>
        </div>
    </div>
    
    <div class="copyright">
        <div class="container">
            <p>&copy; <?php echo date('Y'); ?> <?php echo SITE_NAME; ?>. All Rights Reserved.</p>
            <div class="legal-links">
                <a href="<?php echo BASE_URL; ?>/privacy.php">Privacy Policy</a>
                <a href="<?php echo BASE_URL; ?>/terms.php">Terms & Conditions</a>
            </div>
        </div>
    </div>
</footer>

<style>
    /* Existing social media styles */
    .social-media {
        margin-top: 15px;
        display: flex;
        gap: 12px;
    }
    
    .social-media a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #f0f0f0;
        color: #333;
        transition: all 0.3s ease;
    }
    
    /* Payment methods styling */
    .payment-methods {
        margin-top: 20px;
    }
    
    .payment-methods h3 {
        font-size: 1rem;
        margin-bottom: 10px;
        color: #555;
    }
    
    .payment-icons {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .payment-icons i {
        font-size: 2rem;
        color: #555;
        transition: all 0.3s ease;
    }
    
    .payment-icons i:hover {
        transform: translateY(-3px);
    }
    
    .fa-cc-visa { color: #1a1f71; } /* Visa blue */
    .fa-cc-mastercard { color: #eb001b; } /* Mastercard red */
    .fa-cc-paypal { color: #003087; } /* PayPal blue */
    .fa-cc-stripe { color: #6772e5; } /* Stripe purple */
    .fa-money-bill-wave { color: #28a745; } /* Cash green */
</style>

<script src="<?php echo BASE_URL; ?>/js/main.js"></script>
</body>
</html>