<section class="footer ptb-100 bg-071327">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
                        <div class="footer-logo-area">
                            <a href="index.html"><img src="assets/images/white-logo.png" alt="image"></a>
                            <p>For 10 years, Reclaim Ethically has recovered stolen digital assets worldwide using elite ethical hackers, blockchain tracing, and legal strategies to beat scammers at their own game.</p>
                            <div class="footer-social-icons">
                                <ul>
                                    <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                        <div class="footer-links footer-contact">
                            <h3>Contact Us</h3>
                            <ul>
                                <li><span>Our Address:</span> <a href="https://goo.gl/maps/RkJJyk43P9ZQbULs9" target="_blank">2 Street Name, New York, United States of America</a></li>
                                <li><span>Our Email:</span> <a href="https://templates.hibootstrap.com/cdn-cgi/l/email-protection#177f727b7b7857707b7e6372653974787a"><span class="__cf_email__" data-cfemail="85ede0e9e9eac5e2e9ecf1e0f7abe6eae8">[email&#160;protected]</span></a></li>
                                <li><span>Our Phone:</span> <a href="tel:+029222110">+(029-22-2110)</a></li>
                                <li><span>Opening Hours:</span> 09:00 - 18:00</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
                        <div class="footer-links footer-newsletter">
                            <h3>Newsletter</h3>
                            <p>Stay always in touch! Subscribe to our newsletter.</p>
                            <form class="newsletter-form" id="newsletterForm">
    <input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars($_SESSION['csrf_token'] ?? ''); ?>">
    <input type="email" class="input-newsletter form-control" 
           placeholder="Enter Your Email" 
           name="email" 
           id="newsletter-email" 
           required 
           autocomplete="off">
    <div id="newsletter-message" class="form-result"></div>
    <button type="submit" class="default-button" id="newsletter-submit">
        Subscribe Now <i class="fas fa-arrow-right"></i>
    </button>
</form>
<script>
    // Add this script to your page or in a separate file
document.addEventListener('DOMContentLoaded', function() {
    const newsletterForm = document.getElementById('newsletterForm');
    const submitBtn = document.getElementById('newsletter-submit');
    const messageDiv = document.getElementById('newsletter-message');
    
    if (newsletterForm) {
        newsletterForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Get form data
            const email = document.getElementById('newsletter-email').value;
            const csrfToken = document.querySelector('input[name="csrf_token"]').value;
            
            // Basic email validation
            if (!isValidEmail(email)) {
                showMessage('Please enter a valid email address', 'error');
                return;
            }
            
            // Disable submit button
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Subscribing... <i class="fas fa-spinner fa-spin"></i>';
            
            // Create form data
            const formData = new FormData();
            formData.append('email', email);
            formData.append('csrf_token', csrfToken);
            
            // Send AJAX request
            fetch('newsletter_subscribe.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    showMessage(data.message, 'success');
                    newsletterForm.reset();
                } else {
                    showMessage(data.message, 'error');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                showMessage('An error occurred. Please try again.', 'error');
            })
            .finally(() => {
                // Re-enable submit button
                submitBtn.disabled = false;
                submitBtn.innerHTML = 'Subscribe Now <i class="fas fa-arrow-right"></i>';
            });
        });
    }
    
    function showMessage(message, type) {
        messageDiv.innerHTML = `
            <div class="alert alert-${type === 'success' ? 'success' : 'danger'}">
                ${message}
            </div>
        `;
        
        // Auto-hide after 5 seconds
        setTimeout(() => {
            messageDiv.innerHTML = '';
        }, 5000);
    }
    
    function isValidEmail(email) {
        const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return re.test(email);
    }
});
</script>

<style>
    .form-result .alert {
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 14px;
}

.form-result .alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.form-result .alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.default-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.fa-spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
</style>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="copyright bg-071327">
            <div class="container">
                <p>Copyright @<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear())</script>. 
                <!-- <strong>Gliter</strong> -->
                 All Rights Reserved By <a target="_blank" href="reclaimethically.com">Reclaim Ethically</a></p>
            </div>
        </div>