@section('meta_description', 'Get in touch with the Aegis Clash team. We're here to help with any questions, feedback, or support needs you may have.')
@section('meta_keywords', 'aegis clash contact, gaming software support, contact form, customer service, technical support')

@section('content')
    <!-- Hero Section -->
    <section class="py-20 bg-gradient-to-r from-dark-300 to-dark-200">
        <div class="container mx-auto px-4 text-center">
            <h1 class="text-4xl md:text-5xl font-bold mb-6">
                <span class="text-white">Contact</span>
                <span class="text-primary-500 neon-glow"> Us</span>
            </h1>
            <p class="text-gray-300 text-lg md:text-xl mb-8 max-w-3xl mx-auto">
                Have questions, feedback, or need support? We're here to help. Get in touch with our team.
            </p>
        </div>
    </section>

    <!-- Contact Information Section -->
    <section class="py-16">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
                <div class="card p-6 rounded-xl text-center">
                    <div class="bg-primary-500/20 rounded-full p-4 w-20 h-20 flex items-center justify-center mx-auto mb-4">
                        <svg class="w-10 h-10 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">Email Us</h3>
                    <p class="text-gray-400 mb-4">For general inquiries and support</p>
                    <a href="mailto:support@aegisclash.com" class="text-primary-500 hover:text-primary-400 font-medium">support@aegisclash.com</a>
                </div>
                
                <div class="card p-6 rounded-xl text-center">
                    <div class="bg-primary-500/20 rounded-full p-4 w-20 h-20 flex items-center justify-center mx-auto mb-4">
                        <svg class="w-10 h-10 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">Call Us</h3>
                    <p class="text-gray-400 mb-4">Mon-Fri, 9am-5pm EST</p>
                    <a href="tel:+18001234567" class="text-primary-500 hover:text-primary-400 font-medium">+1 (800) 123-4567</a>
                </div>
                
                <div class="card p-6 rounded-xl text-center">
                    <div class="bg-primary-500/20 rounded-full p-4 w-20 h-20 flex items-center justify-center mx-auto mb-4">
                        <svg class="w-10 h-10 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">Live Chat</h3>
                    <p class="text-gray-400 mb-4">Available 24/7 for immediate support</p>
                    <a href="#" class="btn-primary px-6 py-2 rounded-full text-white font-medium inline-block">
                        Start Chat
                    </a>
                </div>
            </div>
            
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
                <!-- Contact Form -->
                <div>
                    <h2 class="text-3xl font-bold mb-6">Send Us a <span class="text-primary-500">Message</span></h2>
                    <p class="text-gray-400 mb-8">Fill out the form below and we'll get back to you as soon as possible.</p>
                    
                    <form action="https://aegis.wiztok.net/contact" method="POST" class="space-y-6">
                        @csrf
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <label for="name" class="block text-sm font-medium text-gray-400 mb-2">Your Name</label>
                                <input type="text" id="name" name="name" required class="w-full px-4 py-2 bg-dark-400 border border-dark-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 text-white">
                            </div>
                            <div>
                                <label for="email" class="block text-sm font-medium text-gray-400 mb-2">Your Email</label>
                                <input type="email" id="email" name="email" required class="w-full px-4 py-2 bg-dark-400 border border-dark-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 text-white">
                            </div>
                        </div>
                        
                        <div>
                            <label for="subject" class="block text-sm font-medium text-gray-400 mb-2">Subject</label>
                            <input type="text" id="subject" name="subject" required class="w-full px-4 py-2 bg-dark-400 border border-dark-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 text-white">
                        </div>
                        
                        <div>
                            <label for="message" class="block text-sm font-medium text-gray-400 mb-2">Message</label>
                            <textarea id="message" name="message" rows="6" required class="w-full px-4 py-2 bg-dark-400 border border-dark-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 text-white"></textarea>
                        </div>
                        
                        <div>
                            <button type="submit" class="btn-primary px-8 py-3 rounded-full text-white font-medium">
                                Send Message
                            </button>
                        </div>
                    </form>
                </div>
                
                <!-- FAQ -->
                <div>
                    <h2 class="text-3xl font-bold mb-6">Frequently Asked <span class="text-primary-500">Questions</span></h2>
                    <p class="text-gray-400 mb-8">Find quick answers to common questions below.</p>
                    
                    <div class="space-y-6">
                        <div class="card p-6 rounded-xl">
                            <h3 class="text-xl font-semibold mb-3">What are your business hours?</h3>
                            <p class="text-gray-400">Our support team is available 24/7 via email and live chat. Phone support is available Monday through Friday, 9am to 5pm Eastern Time.</p>
                        </div>
                        
                        <div class="card p-6 rounded-xl">
                            <h3 class="text-xl font-semibold mb-3">How quickly will I receive a response?</h3>
                            <p class="text-gray-400">We aim to respond to all inquiries within 24 hours. For urgent matters, we recommend using our live chat for immediate assistance.</p>
                        </div>
                        
                        <div class="card p-6 rounded-xl">
                            <h3 class="text-xl font-semibold mb-3">Do you offer refunds?</h3>
                            <p class="text-gray-400">Yes, we offer a 24-hour money-back guarantee if you're not satisfied with our service. After this period, refunds are considered on a case-by-case basis.</p>
                        </div>
                        
                        <div class="card p-6 rounded-xl">
                            <h3 class="text-xl font-semibold mb-3">How do I become a dealer?</h3>
                            <p class="text-gray-400">To become an authorized Aegis Clash dealer, please fill out the contact form with the subject "Dealer Application" and we'll get back to you with more information.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Map Section -->
    <section class="py-16 bg-dark-200">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl md:text-4xl font-bold mb-4">Our <span class="text-primary-500">Location</span></h2>
                <p class="text-gray-400 max-w-2xl mx-auto">Visit our headquarters or send us mail at the address below.</p>
            </div>
            
            <div class="bg-dark-300 rounded-xl overflow-hidden">
                <div class="aspect-w-16 aspect-h-9">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.9916256937595!2d2.292292615509614!3d48.85837007928746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2sEiffel%20Tower!5e0!3m2!1sen!2sus!4v1621956217408!5m2!1sen!2sus" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
                <div class="p-6">
                    <div class="flex items-start">
                        <svg class="w-5 h-5 text-primary-500 mt-1 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        </svg>
                        <span class="text-gray-300">123 Gaming Street, Suite 456, Tech City, TC 12345, United States</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Social Media Section -->
    <section class="py-16">
        <div class="container mx-auto px-4 text-center">
            <h2 class="text-3xl md:text-4xl font-bold mb-6">Connect With Us on <span class="text-primary-500">Social Media</span></h2>
            <p class="text-gray-400 max-w-2xl mx-auto mb-12">Follow us for the latest updates, tips, and community events.</p>
            
            <div class="flex flex-wrap justify-center gap-8">
                <a href="#" class="bg-dark-300 hover:bg-primary-500/20 p-6 rounded-xl transition-all">
                    <svg class="w-12 h-12 text-primary-500" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"></path>
                    </svg>
                </a>
                <a href="#" class="bg-dark-300 hover:bg-primary-500/20 p-6 rounded-xl transition-all">
                    <svg class="w-12 h-12 text-primary-500" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
                    </svg>
                </a>
                <a href="#" class="bg-dark-300 hover:bg-primary-500/20 p-6 rounded-xl transition-all">
                    <svg class="w-12 h-12 text-primary-500" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path>
                    </svg>
                </a>
                <a href="#" class="bg-dark-300 hover:bg-primary-500/20 p-6 rounded-xl transition-all">
                    <svg class="w-12 h-12 text-primary-500" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path>
                    </svg>
                </a>
                <a href="#" class="bg-dark-300 hover:bg-primary-500/20 p-6 rounded-xl transition-all">
                    <svg class="w-12 h-12 text-primary-500" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"></path>
                    </svg>
                </a>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="py-16 bg-gradient-to-r from-primary-900 to-secondary-900">
        <div class="container mx-auto px-4 text-center">
            <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Elevate Your Gaming Experience?</h2>
            <p class="text-gray-300 max-w-2xl mx-auto mb-8">Join thousands of gamers who have taken their gameplay to the next level with Aegis Clash.</p>
            <a href="https://aegis.wiztok.net/download" class="bg-white text-primary-900 px-8 py-3 rounded-full font-medium text-center text-lg hover:bg-gray-100 transition-all">
                Download Now
            </a>
        </div>
    </section>
@endsection

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Contact Us - Ultimate Gaming Advantage</title>
    <meta name="description" content="Aegis Clash - The ultimate gaming advantage for competitive players. Gain the edge with our advanced features.">
    <meta name="keywords" content="aegis clash, gaming, advantage, competitive gaming, gaming tools">
    
    <!-- Favicon -->
    <link rel="icon" href="https://aegis.wiztok.net/images/favicon.ico" type="image/x-icon">
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        primary: {
                            50: '#f5f3ff',
                            100: '#ede9fe',
                            200: '#ddd6fe',
                            300: '#c4b5fd',
                            400: '#a78bfa',
                            500: '#8b5cf6',
                            600: '#7c3aed',
                            700: '#6d28d9',
                            800: '#5b21b6',
                            900: '#4c1d95',
                        },
                        secondary: {
                            50: '#eef2ff',
                            100: '#e0e7ff',
                            200: '#c7d2fe',
                            300: '#a5b4fc',
                            400: '#818cf8',
                            500: '#6366f1',
                            600: '#4f46e5',
                            700: '#4338ca',
                            800: '#3730a3',
                            900: '#312e81',
                        },
                        dark: {
                            100: '#1e1e2f',
                            200: '#181829',
                            300: '#141423',
                            400: '#11111d',
                            500: '#0d0d17',
                            600: '#0a0a11',
                            700: '#07070b',
                            800: '#030305',
                            900: '#000000',
                        }
                    },
                    fontFamily: {
                        sans: ['Poppins', 'sans-serif'],
                    },
                    backgroundImage: {
                        'hero-pattern': "url('/images/hero-bg.jpg')",
                        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
                    }
                }
            }
        }
    </script>
    
    <!-- Custom CSS -->
    <style>
        body {
            background-color: #0d0d17;
            color: #ffffff;
            font-family: 'Poppins', sans-serif;
        }
        
        .neon-glow {
            text-shadow: 0 0 5px #8b5cf6, 0 0 10px #8b5cf6, 0 0 15px #8b5cf6;
        }
        
        .btn-primary {
            background: linear-gradient(90deg, #7c3aed 0%, #4f46e5 100%);
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            background: linear-gradient(90deg, #6d28d9 0%, #4338ca 100%);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(124, 58, 237, 0.3);
        }
        
        .card {
            background: rgba(24, 24, 41, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(124, 58, 237, 0.2);
            transition: all 0.3s ease;
        }
        
        .card:hover {
            transform: translateY(-5px);
            border: 1px solid rgba(124, 58, 237, 0.5);
            box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
        }
        
        .nav-link {
            position: relative;
            transition: all 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background: linear-gradient(90deg, #7c3aed 0%, #4f46e5 100%);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after,
        .nav-link.active::after {
            width: 100%;
        }
        
        .hero-section {
            background: linear-gradient(rgba(13, 13, 23, 0.7), rgba(13, 13, 23, 0.9)), url('/images/hero-bg.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        .feature-icon {
            background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);
            border-radius: 50%;
            padding: 15px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        
        .pricing-card {
            background: rgba(24, 24, 41, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(124, 58, 237, 0.2);
            transition: all 0.3s ease;
        }
        
        .pricing-card.featured {
            border: 1px solid rgba(124, 58, 237, 0.8);
            box-shadow: 0 10px 30px rgba(124, 58, 237, 0.3);
        }
        
        .pricing-card:hover {
            transform: translateY(-10px);
        }
        
        .footer {
            background: linear-gradient(180deg, rgba(13, 13, 23, 0) 0%, rgba(13, 13, 23, 1) 100%);
        }
    </style>
    
    </head>
<body class="min-h-screen flex flex-col">
    <!-- Header -->
    <header class="bg-dark-300 py-4">
        <div class="container mx-auto px-4">
            <div class="flex justify-between items-center">
                <a href="https://aegis.wiztok.net" class="flex items-center">
                    <span class="text-2xl font-bold text-white neon-glow">AEGIS <span class="text-primary-500">CLASH</span></span>
                </a>
                
                <div class="hidden md:flex items-center space-x-8">
                    <a href="https://aegis.wiztok.net" class="nav-link text-white hover:text-primary-400 ">Home</a>
                    <a href="https://aegis.wiztok.net/features" class="nav-link text-white hover:text-primary-400 ">Features</a>
                    <a href="https://aegis.wiztok.net/pricing" class="nav-link text-white hover:text-primary-400 ">Pricing</a>
                    <a href="https://aegis.wiztok.net/dealers" class="nav-link text-white hover:text-primary-400 ">Dealers</a>
                    <a href="https://aegis.wiztok.net/blog" class="nav-link text-white hover:text-primary-400 ">Blog</a>
                    <a href="https://aegis.wiztok.net/help" class="nav-link text-white hover:text-primary-400 ">Help</a>
                    <a href="https://aegis.wiztok.net/contact" class="nav-link text-white hover:text-primary-400 active">Contact</a>
                </div>
                
                <div class="hidden md:block">
                    <a href="https://aegis.wiztok.net/download" class="btn-primary px-6 py-2 rounded-full text-white font-medium hover:shadow-lg">Download Now</a>
                </div>
                
                <!-- Mobile menu button -->
                <div class="md:hidden">
                    <button id="mobile-menu-button" class="text-white focus:outline-none">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                        </svg>
                    </button>
                </div>
            </div>
            
            <!-- Mobile menu -->
            <div id="mobile-menu" class="md:hidden hidden mt-4 pb-4">
                <div class="flex flex-col space-y-4">
                    <a href="https://aegis.wiztok.net" class="text-white hover:text-primary-400 ">Home</a>
                    <a href="https://aegis.wiztok.net/features" class="text-white hover:text-primary-400 ">Features</a>
                    <a href="https://aegis.wiztok.net/pricing" class="text-white hover:text-primary-400 ">Pricing</a>
                    <a href="https://aegis.wiztok.net/dealers" class="text-white hover:text-primary-400 ">Dealers</a>
                    <a href="https://aegis.wiztok.net/blog" class="text-white hover:text-primary-400 ">Blog</a>
                    <a href="https://aegis.wiztok.net/help" class="text-white hover:text-primary-400 ">Help</a>
                    <a href="https://aegis.wiztok.net/contact" class="text-white hover:text-primary-400 text-primary-400">Contact</a>
                    <a href="https://aegis.wiztok.net/download" class="btn-primary px-6 py-2 rounded-full text-white font-medium text-center">Download Now</a>
                </div>
            </div>
        </div>
    </header>

    <!-- Main Content -->
    <main class="flex-grow">
            </main>

    <!-- Footer -->
    <footer class="footer bg-dark-300 pt-16 pb-8">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-xl font-bold text-white mb-4">AEGIS <span class="text-primary-500">CLASH</span></h3>
                    <p class="text-gray-400 mb-4">The ultimate gaming advantage for competitive players. Gain the edge with our advanced features.</p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-primary-500">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"></path>
                            </svg>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary-500">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
                            </svg>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary-500">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"></path>
                            </svg>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary-500">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path>
                            </svg>
                        </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="https://aegis.wiztok.net" class="text-gray-400 hover:text-primary-500">Home</a></li>
                        <li><a href="https://aegis.wiztok.net/features" class="text-gray-400 hover:text-primary-500">Features</a></li>
                        <li><a href="https://aegis.wiztok.net/pricing" class="text-gray-400 hover:text-primary-500">Pricing</a></li>
                        <li><a href="https://aegis.wiztok.net/dealers" class="text-gray-400 hover:text-primary-500">Dealers</a></li>
                        <li><a href="https://aegis.wiztok.net/blog" class="text-gray-400 hover:text-primary-500">Blog</a></li>
                    </ul>
                </div>
                
                <div>
                    <h3 class="text-lg font-semibold text-white mb-4">Support</h3>
                    <ul class="space-y-2">
                        <li><a href="https://aegis.wiztok.net/help" class="text-gray-400 hover:text-primary-500">Help Center</a></li>
                        <li><a href="https://aegis.wiztok.net/contact" class="text-gray-400 hover:text-primary-500">Contact Us</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-primary-500">FAQ</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-primary-500">Terms of Service</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-primary-500">Privacy Policy</a></li>
                    </ul>
                </div>
                
                <div>
                    <h3 class="text-lg font-semibold text-white mb-4">Newsletter</h3>
                    <p class="text-gray-400 mb-4">Subscribe to our newsletter for the latest updates and offers.</p>
                    <form action="#" method="POST" class="space-y-2">
                        <div>
                            <input type="email" name="email" placeholder="Your email address" class="w-full px-4 py-2 bg-dark-200 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 text-white">
                        </div>
                        <button type="submit" class="btn-primary w-full px-4 py-2 rounded-lg text-white font-medium">Subscribe</button>
                    </form>
                </div>
            </div>
            
            <div class="border-t border-gray-800 mt-12 pt-8">
                <p class="text-gray-500 text-center">&copy; 2026 Aegis Clash. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script>
        // Mobile menu toggle
        document.getElementById('mobile-menu-button').addEventListener('click', function() {
            const mobileMenu = document.getElementById('mobile-menu');
            mobileMenu.classList.toggle('hidden');
        });
    </script>
    
    </body>
</html>