<footer class="bg-gray-900 text-white py-12 mt-16">
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div class="col-span-1 md:col-span-2">
                <div class="flex items-center space-x-2 text-2xl font-bold text-blue-400 mb-4">
                    <i class="fas fa-coins"></i>
                    <span>CryptoExchange Pro</span>
                </div>
                <p class="text-gray-300 mb-6 max-w-md">
                    Secure and reliable cryptocurrency exchange platform with advanced P2P trading features, 
                    escrow protection, and comprehensive KYC verification.
                </p>
                <div class="flex space-x-4">
                    <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors duration-200">
                        <i class="fab fa-twitter text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors duration-200">
                        <i class="fab fa-facebook text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors duration-200">
                        <i class="fab fa-telegram text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors duration-200">
                        <i class="fab fa-discord text-xl"></i>
                    </a>
                </div>
            </div>
            
            <div>
                <h3 class="text-lg font-semibold text-white mb-4">Quick Links</h3>
                <ul class="space-y-2">
                    <li><a href="knowledge.php" class="text-gray-300 hover:text-blue-400 transition-colors duration-200">Knowledge Base</a></li>
                    <li><a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-200">API Documentation</a></li>
                    <li><a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-200">Terms of Service</a></li>
                    <li><a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-200">Privacy Policy</a></li>
                    <li><a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-200">Support Center</a></li>
                </ul>
            </div>
            
            <div>
                <h3 class="text-lg font-semibold text-white mb-4">Security Features</h3>
                <ul class="space-y-2">
                    <li class="flex items-center text-gray-300">
                        <i class="fas fa-shield-alt text-green-400 mr-2"></i>
                        SSL Encryption
                    </li>
                    <li class="flex items-center text-gray-300">
                        <i class="fas fa-lock text-green-400 mr-2"></i>
                        2FA Protection
                    </li>
                    <li class="flex items-center text-gray-300">
                        <i class="fas fa-key text-green-400 mr-2"></i>
                        Cold Storage
                    </li>
                    <li class="flex items-center text-gray-300">
                        <i class="fas fa-eye text-green-400 mr-2"></i>
                        24/7 Monitoring
                    </li>
                    <li class="flex items-center text-gray-300">
                        <i class="fas fa-handshake text-green-400 mr-2"></i>
                        Escrow Protection
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="border-t border-gray-800 mt-8 pt-8">
            <div class="flex flex-col md:flex-row justify-between items-center">
                <div class="text-gray-400 text-sm mb-4 md:mb-0">
                    &copy; <?php echo date('Y'); ?> CryptoExchange Pro. All rights reserved.
                </div>
                <div class="flex items-center space-x-6 text-sm text-gray-400">
                    <span>🌍 Available in 50+ countries</span>
                    <span>📱 Mobile apps coming soon</span>
                    <span>🔒 Bank-level security</span>
                </div>
            </div>
        </div>
        
        <!-- Trust indicators -->
        <div class="mt-8 pt-8 border-t border-gray-800">
            <div class="text-center">
                <p class="text-gray-400 text-sm mb-4">Trusted by thousands of traders worldwide</p>
                <div class="flex justify-center items-center space-x-8 opacity-60">
                    <div class="text-center">
                        <div class="text-2xl font-bold text-blue-400">99.9%</div>
                        <div class="text-xs text-gray-500">Uptime</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-green-400">$50M+</div>
                        <div class="text-xs text-gray-500">Volume</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-yellow-400">10K+</div>
                        <div class="text-xs text-gray-500">Users</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-purple-400">24/7</div>
                        <div class="text-xs text-gray-500">Support</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>