Eyesaid/codegenius-agent-x
0
1<!DOCTYPE html>2<html lang="en" class="h-full">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Languages - CodeGenius Agent X</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 undefined: {16 100: '#fff7d9',17 200: '#ffedb3',18 300: '#ffe38d',19 400: '#ffd867',20 500: '#ffd241',21 600: '#ffc61a',22 700: '#e6b200',23 800: '#cc9e00',24 900: '#b38a00',25 }26 }27 }28 }29 }30 </script>31 <style>32 .gradient-bg {33 background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);34 }35 body {36 background-color: #000000;37 color: #ffffff;38 }39 </style>40</head>41<body class="min-h-screen flex flex-col gradient-bg">42 <header class="bg-black/95 backdrop-blur-lg shadow-lg border-b border-yellow-800">43 <div class="container mx-auto px-6 py-5 flex justify-between items-center">44 <div class="flex items-center space-x-3">45 <div class="bg-gradient-to-r from-undefined-600 to-undefined-700 p-2 rounded-xl">46 <i data-feather="code" class="text-black w-6 h-6"></i>47 </div>48 <a href="index.html" class="text-2xl font-bold bg-gradient-to-r from-undefined-600 to-undefined-700 bg-clip-text text-transparent">CodeGenius Agent X</a>49 </div>50 <nav class="hidden lg:block">51 <ul class="flex space-x-8">52 <li><a href="index.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Home</a></li>53 <li><a href="features.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Features</a></li>54 <li><a href="languages.html" class="text-undefined-600 font-semibold transition-colors duration-200 relative py-2 border-b-2 border-undefined-600">Languages</a></li>55 <li><a href="docs.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Docs</a></li>56 <li><a href="enterprise.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Enterprise</a></li>57 </ul>58 </nav>59 <div class="flex items-center space-x-4">60 <a href="signin.html" class="text-yellow-200 hover:text-undefined-600 font-medium px-4 py-2 transition-colors duration-200">61 Sign In62 </a>63 <a href="download.html" class="bg-gradient-to-r from-undefined-600 to-undefined-700 hover:from-undefined-700 hover:to-undefined-800 text-black px-6 py-3 rounded-xl font-semibold flex items-center space-x-2 transition-all duration-300 shadow-lg hover:shadow-xl">64 <i data-feather="terminal" class="w-4 h-4"></i>65 <span>Start Coding</span>66 </a>67 </div>68 </div>69 </header>70 71 <main class="flex-grow container mx-auto px-4 py-12">72 <section class="text-center mb-16">73 <h1 class="text-4xl md:text-5xl font-bold text-white mb-6">Multi-Language Support</h1>74 <p class="text-xl text-yellow-100 max-w-3xl mx-auto">CodeGenius Agent X works seamlessly with all major programming languages and frameworks</p>75 </section>76 77 <section class="mb-16">78 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">79 <!-- Python -->80 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">81 <div class="flex items-center mb-4">82 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">83 <span class="font-bold text-undefined-600 text-xl">Py</span>84 </div>85 <h3 class="text-2xl font-bold text-white">Python</h3>86 </div>87 <ul class="space-y-2 text-yellow-100">88 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Django & Flask</li>89 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Data Science Libraries</li>90 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Machine Learning Frameworks</li>91 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Async/Await Support</li>92 </ul>93 </div>94 95 <!-- JavaScript -->96 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">97 <div class="flex items-center mb-4">98 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">99 <span class="font-bold text-undefined-600 text-xl">JS</span>100 </div>101 <h3 class="text-2xl font-bold text-white">JavaScript</h3>102 </div>103 <ul class="space-y-2 text-yellow-100">104 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> React & Vue.js</li>105 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Node.js Backend</li>106 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> ES6+ Features</li>107 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> TypeScript Integration</li>108 </ul>109 </div>110 111 <!-- Java -->112 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">113 <div class="flex items-center mb-4">114 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">115 <span class="font-bold text-undefined-600 text-xl">J</span>116 </div>117 <h3 class="text-2xl font-bold text-white">Java</h3>118 </div>119 <ul class="space-y-2 text-yellow-100">120 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Spring Framework</li>121 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Android Development</li>122 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Maven & Gradle</li>123 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> JVM Optimization</li>124 </ul>125 </div>126 127 <!-- C++ -->128 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">129 <div class="flex items-center mb-4">130 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">131 <span class="font-bold text-undefined-600 text-xl">++</span>132 </div>133 <h3 class="text-2xl font-bold text-white">C++</h3>134 </div>135 <ul class="space-y-2 text-yellow-100">136 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> STL & Boost Libraries</li>137 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Modern C++ Standards</li>138 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Memory Management</li>139 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Performance Optimization</li>140 </ul>141 </div>142 143 <!-- C# -->144 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">145 <div class="flex items-center mb-4">146 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">147 <span class="font-bold text-undefined-600 text-xl">C#</span>148 </div>149 <h3 class="text-2xl font-bold text-white">C#</h3>150 </div>151 <ul class="space-y-2 text-yellow-100">152 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> .NET Framework</li>153 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> ASP.NET Core</li>154 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Unity Game Development</li>155 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> LINQ & Async Patterns</li>156 </ul>157 </div>158 159 <!-- Go -->160 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">161 <div class="flex items-center mb-4">162 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">163 <span class="font-bold text-undefined-600 text-xl">Go</span>164 </div>165 <h3 class="text-2xl font-bold text-white">Go</h3>166 </div>167 <ul class="space-y-2 text-yellow-100">168 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Goroutines & Channels</li>169 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> REST APIs</li>170 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Microservices</li>171 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Testing Frameworks</li>172 </ul>173 </div>174 175 <!-- Rust -->176 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">177 <div class="flex items-center mb-4">178 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">179 <span class="font-bold text-undefined-600 text-xl">Rs</span>180 </div>181 <h3 class="text-2xl font-bold text-white">Rust</h3>182 </div>183 <ul class="space-y-2 text-yellow-100">184 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Ownership System</li>185 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> WebAssembly</li>186 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Concurrency Models</li>187 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Cargo Package Manager</li>188 </ul>189 </div>190 191 <!-- Swift -->192 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">193 <div class="flex items-center mb-4">194 <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">195 <span class="font-bold text-undefined-600 text-xl">Sw</span>196 </div>197 <h3 class="text-2xl font-bold text-white">Swift</h3>198 </div>199 <ul class="space-y-2 text-yellow-100">200 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> iOS Development</li>201 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> SwiftUI Framework</li>202 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Server-Side Swift</li>203 <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Protocol-Oriented Programming</li>204 </ul>205 </div>206 </div>207 </section>208 209 <section class="bg-gradient-to-r from-undefined-500 to-undefined-700 rounded-xl shadow-lg p-8 text-white mb-16">210 <div class="max-w-4xl mx-auto text-center">211 <h2 class="text-3xl font-bold mb-4">Need Support for Another Language?</h2>212 <p class="text-xl mb-8">We're constantly adding new language support. Request your favorite language!</p>213 <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">214 <a href="request-language.html" class="bg-white text-undefined-600 hover:bg-gray-100 px-8 py-3 rounded-lg font-medium transition-colors">215 Request Language216 </a>217 <a href="contact.html" class="bg-transparent border-2 border-white text-white hover:bg-white/10 px-8 py-3 rounded-lg font-medium transition-colors">218 Contact Us219 </a>220 </div>221 </div>222 </section>223 224 <section class="mb-16">225 <h2 class="text-3xl font-bold text-center text-white mb-12">Framework Integrations</h2>226 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">227 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800">228 <h3 class="text-xl font-bold text-white mb-4">Frontend Frameworks</h3>229 <ul class="space-y-3 text-yellow-100">230 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> React & Next.js</li>231 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Vue.js & Nuxt.js</li>232 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Angular</li>233 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Svelte & SvelteKit</li>234 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Ember.js</li>235 </ul>236 </div>237 238 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800">239 <h3 class="text-xl font-bold text-white mb-4">Backend Frameworks</h3>240 <ul class="space-y-3 text-yellow-100">241 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Express.js & Koa</li>242 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Django & Flask</li>243 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Spring Boot</li>244 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Laravel & Symfony</li>245 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> FastAPI & Gin</li>246 </ul>247 </div>248 249 <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800">250 <h3 class="text-xl font-bold text-white mb-4">Mobile & Desktop</h3>251 <ul class="space-y-3 text-yellow-100">252 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> React Native</li>253 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Flutter</li>254 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Xamarin</li>255 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Electron</li>256 <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Tauri</li>257 </ul>258 </div>259 </div>260 </section>261 </main>262 263 <footer class="bg-gray-900 text-white py-12">264 <div class="container mx-auto px-4">265 <div class="grid grid-cols-1 md:grid-cols-4 gap-8">266 <div>267 <h3 class="text-lg font-semibold mb-4">CodeGenius</h3>268 <p class="text-gray-400">Your AI-powered coding companion for faster, better development.</p>269 </div>270 <div>271 <h3 class="text-lg font-semibold mb-4">Product</h3>272 <ul class="space-y-2">273 <li><a href="features.html" class="text-gray-400 hover:text-white">Features</a></li>274 <li><a href="pricing.html" class="text-gray-400 hover:text-white">Pricing</a></li>275 <li><a href="examples.html" class="text-gray-400 hover:text-white">Examples</a></li>276 <li><a href="download.html" class="text-gray-400 hover:text-white">Download</a></li>277 </ul>278 </div>279 <div>280 <h3 class="text-lg font-semibold mb-4">Resources</h3>281 <ul class="space-y-2">282 <li><a href="docs.html" class="text-gray-400 hover:text-white">Documentation</a></li>283 <li><a href="tutorials.html" class="text-gray-400 hover:text-white">Tutorials</a></li>284 <li><a href="blog.html" class="text-gray-400 hover:text-white">Blog</a></li>285 <li><a href="support.html" class="text-gray-400 hover:text-white">Support</a></li>286 <li><a href="api.html" class="text-gray-400 hover:text-white">API Reference</a></li>287 </ul>288 </div>289 <div>290 <h3 class="text-lg font-semibold mb-4">Connect</h3>291 <div class="flex space-x-4">292 <a href="https://twitter.com/codegenius" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>293 <a href="https://github.com/codegenius" class="text-gray-400 hover:text-white"><i data-feather="github"></i></a>294 <a href="https://linkedin.com/company/codegenius" class="text-gray-400 hover:text-white"><i data-feather="linkedin"></i></a>295 <a href="https://youtube.com/codegenius" class="text-gray-400 hover:text-white"><i data-feather="youtube"></i></a>296 </div>297 </div>298 </div>299 <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">300 <p>© 2023 CodeGenius Agent X. All rights reserved.</p>301 </div>302 </div>303 </footer>304 305 <script>306 feather.replace();307 </script>308</body>309</html>