Nervously/codebase-refactor-ai-wizard
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Codebase Refactor AI Wizard</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>11 <style>12 .gradient-text {13 background: linear-gradient(90deg, #6366f1, #8b5cf6);14 -webkit-background-clip: text;15 background-clip: text;16 color: transparent;17 }18 .code-window {19 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);20 }21 </style>22</head>23<body class="bg-gray-900 text-gray-100 min-h-screen">24 <div id="vanta-bg" class="fixed inset-0 z-0"></div>25 26 <div class="relative z-10 container mx-auto px-4 py-12">27 <!-- Header -->28 <header class="flex flex-col items-center mb-16">29 <div class="flex items-center space-x-3 mb-6">30 <i data-feather="code" class="w-12 h-12 text-indigo-400"></i>31 <h1 class="text-5xl font-bold gradient-text">Codebase Refactor AI</h1>32 <i data-feather="wand" class="w-12 h-12 text-purple-400"></i>33 </div>34 <p class="text-xl text-center text-gray-300 max-w-2xl">35 Magically transform messy code into clean, maintainable perfection with AI-powered refactoring.36 </p>37 </header>38 39 <!-- Main CTA -->40 <div class="flex flex-col items-center mb-20">41 <div class="code-window bg-gray-800 rounded-lg overflow-hidden w-full max-w-4xl mb-8">42 <div class="flex items-center bg-gray-700 px-4 py-2">43 <div class="flex space-x-2 mr-4">44 <div class="w-3 h-3 rounded-full bg-red-500"></div>45 <div class="w-3 h-3 rounded-full bg-yellow-500"></div>46 <div class="w-3 h-3 rounded-full bg-green-500"></div>47 </div>48 <div class="text-sm text-gray-400">your-messy-code.js</div>49 </div>50 <div class="p-6 font-mono text-sm overflow-x-auto">51 <div class="text-red-400">// TODO: Clean this up someday</div>52 <div class="text-purple-400">function</div> <div class="text-green-400">doEverything</div>() {<br>53 <span class="text-yellow-400">if</span> (condition1 && condition2 || condition3) {<br>54 <span class="text-blue-400">return</span> <span class="text-gray-400">/* 200 lines of nested callbacks */</span><br>55 }<br>56 }57 </div>58 </div>59 <div class="flex flex-col sm:flex-row gap-4">60 <a href="/upload.html" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-lg flex items-center transition-all transform hover:scale-105">61 <i data-feather="upload" class="mr-2"></i> Upload Code62 </a>63 <a href="/github-connect.html" class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-lg flex items-center transition-all transform hover:scale-105">64 <i data-feather="github" class="mr-2"></i> Connect GitHub65 </a>66 </div>67</div>68 69 <!-- Features Grid -->70 <div class="grid md:grid-cols-3 gap-8 mb-20">71 <div class="bg-gray-800 bg-opacity-70 backdrop-blur-sm p-6 rounded-xl border border-gray-700">72 <div class="w-12 h-12 bg-indigo-900 bg-opacity-50 rounded-lg flex items-center justify-center mb-4">73 <i data-feather="search" class="text-indigo-400"></i>74 </div>75 <h3 class="text-xl font-bold mb-2">Deep Code Analysis</h3>76 <p class="text-gray-300">AI-powered scanning of your entire codebase to detect issues, anti-patterns, and optimization opportunities.</p>77 </div>78 <div class="bg-gray-800 bg-opacity-70 backdrop-blur-sm p-6 rounded-xl border border-gray-700">79 <div class="w-12 h-12 bg-purple-900 bg-opacity-50 rounded-lg flex items-center justify-center mb-4">80 <i data-feather="git-pull-request" class="text-purple-400"></i>81 </div>82 <h3 class="text-xl font-bold mb-2">Smart Refactoring</h3>83 <p class="text-gray-300">Get actionable suggestions with before/after comparisons and automated PR generation.</p>84 </div>85 <div class="bg-gray-800 bg-opacity-70 backdrop-blur-sm p-6 rounded-xl border border-gray-700">86 <div class="w-12 h-12 bg-blue-900 bg-opacity-50 rounded-lg flex items-center justify-center mb-4">87 <i data-feather="trending-up" class="text-blue-400"></i>88 </div>89 <h3 class="text-xl font-bold mb-2">Quality Metrics</h3>90 <p class="text-gray-300">Track improvements with comprehensive metrics on complexity, maintainability, and performance.</p>91 </div>92 </div>93 94 <!-- Footer -->95 <footer class="text-center text-gray-400 text-sm">96 <p>Powered by DeepSeek-V3 AI and Hugging Face</p>97 <p class="mt-2">© 2023 Codebase Refactor AI Wizard - Making developers' lives easier since today</p>98 </footer>99 </div>100 101 <script>102 // Initialize Vanta.js background103 VANTA.NET({104 el: "#vanta-bg",105 color: 0x4f46e5,106 backgroundColor: 0x111827,107 points: 12,108 maxDistance: 20,109 spacing: 15110 });111 112 // Initialize feather icons113 feather.replace();114 </script>115</body>116</html>117