 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/gocodeme.com/public_html/ |
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>GoCodeMe.com - The World's First Self-Hosted AI Code Editor</title><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:\Inter',sans-serif;background:#000;color:#fff;overflow-x:hidden;cursor:none}.custom-cursor{position:fixed;width:20px;height:20px;background:linear-gradient(45deg,#6366f1,#8b5cf6);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease}.cursor-trail{position:fixed;width:8px;height:8px;background:rgba(99,102,241,.5);border-radius:50%;pointer-events:none;z-index:9998;transition:all .3s ease}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899);border-radius:50%;animation:float 6s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;z-index:0}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:10}.navbar{position:fixed;top:0;width:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(20px);z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(99,102,241,.2)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:900;background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:#e2e8f0;text-decoration:none;font-weight:500;transition:all .3s;position:relative}.nav-links a::before{content:\\;position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(45deg,#6366f1,#8b5cf6);transition:width .3s ease}.nav-links a:hover::before{width:100%}.nav-links a:hover{color:#6366f1;transform:translateY(-2px)}.btn-primary{background:linear-gradient(45deg,#6366f1,#8b5cf6);color:white;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.btn-primary::before{content:\\;position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px rgba(99,102,241,.4)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-block;background:linear-gradient(45deg,#10b981,#059669);color:white;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:2rem;animation:pulse 2s infinite;position:relative;overflow:hidden}.hero-badge::before{content:\\;position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{font-size:5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#e2e8f0,#6366f1,#8b5cf6);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradient 4s ease infinite;position:relative}@keyframes titleGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-title::after{content:\\;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:200px;height:4px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899);border-radius:2px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:0 0 20px rgba(99,102,241,.5)}to{box-shadow:0 0 40px rgba(99,102,241,.8)}}.hero-subtitle{font-size:1.5rem;color:#94a3b8;margin-bottom:3rem;line-height:1.6;animation:fadeInUp 1s ease .5s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem;animation:fadeInUp 1s ease 1s both}.btn-secondary{background:transparent;color:#6366f1;border:2px solid #6366f1;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.btn-secondary::before{content:\\;position:absolute;top:0;left:0;width:0;height:100%;background:#6366f1;transition:width .3s ease;z-index:-1}.btn-secondary:hover::before{width:100%}.btn-secondary:hover{color:white;transform:translateY(-2px)}.floating-code{position:absolute;font-family:\Courier New',monospace;font-size:.8rem;color:rgba(99,102,241,.6);pointer-events:none;animation:floatCode 8s infinite linear}.floating-code:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-code:nth-child(2){top:60%;right:15%;animation-delay:2s}.floating-code:nth-child(3){bottom:30%;left:20%;animation-delay:4s}.floating-code:nth-child(4){top:40%;right:25%;animation-delay:6s}@keyframes floatCode{0%{transform:translateY(0px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}.features{padding:8rem 0;position:relative}.section-title{text-align:center;font-size:3rem;font-weight:800;margin-bottom:4rem;background:linear-gradient(45deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease both}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.feature-card::before{content:\\;position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s}.feature-card:hover::before{left:100%}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.4);border-color:rgba(99,102,241,.3)}.feature-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.feature-card h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff}.feature-card p{color:#94a3b8;line-height:1.6;font-size:1.1rem}.pricing{padding:8rem 0;background:rgba(255,255,255,.02);position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;position:relative;transition:all .4s ease;backdrop-filter:blur(10px)}.pricing-card.featured{border:2px solid #6366f1;transform:scale(1.05);background:rgba(99,102,241,.1)}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.4)}.pricing-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(45deg,#6366f1,#8b5cf6);color:white;padding:8px 20px;border-radius:25px;font-size:.8rem;font-weight:600;animation:pulse 2s infinite}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff}.price{font-size:3rem;font-weight:900;color:#6366f1;margin-bottom:.5rem}.currency{font-size:1.5rem;vertical-align:top}.period{font-size:1rem;color:#94a3b8;font-weight:400}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{padding:.8rem 0;color:#94a3b8;font-size:1rem}.btn-pricing{width:100%;background:linear-gradient(45deg,#6366f1,#8b5cf6);color:white;border:none;padding:15px 30px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;font-size:1.1rem}.btn-pricing:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(99,102,241,.4)}.btn-pricing.featured{background:linear-gradient(45deg,#10b981,#059669)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);backdrop-filter:blur(20px)}.modal-content{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);margin:5% auto;padding:3rem;border-radius:20px;width:90%;max-width:500px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.5);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h3{color:#fff;font-size:1.8rem;font-weight:700}.close{color:#94a3b8;font-size:2rem;font-weight:bold;cursor:pointer;transition:color .3s}.close:hover{color:#fff}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#e2e8f0;font-weight:500}.form-group input,.form-group select{width:100%;padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);transform:scale(1.02)}.form-group input::placeholder{color:#94a3b8}@media (max-width:768px){.hero-title{font-size:3rem}.nav-links{display:none}.hero-cta{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(30px);animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.slide-in-left{opacity:0;transform:translateX(-50px);animation:slideInLeft .8s ease-out forwards}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}.slide-in-right{opacity:0;transform:translateX(50px);animation:slideInRight .8s ease-out forwards}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.tilt-effect{transition:transform .3s ease}.tilt-effect:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}</style></head><body><div class="custom-cursor"></div><div class="cursor-trail"></div><div class="particles" id="particles"></div><div class="grid-bg"></div><div class="floating-code">const gocodeme = "revolutionary";</div><div class="floating-code">AI.power("claude");</div><div class="floating-code">self.hosted = true;</div><div class="floating-code">future.coding();</div><nav class="navbar"><div class="container"><div class="nav-content"><div class="logo">🤖 GoCodeMe.com</div><div class="nav-links"><a href="#features">Features</a><a href="#pricing">Pricing</a><a href="#demo">Demo</a><button class="btn-secondary" onclick="showLogin()">Login</button><button class="btn-primary" onclick="showRegister()">Get Started</button></div></div></div></nav><section class="hero"><div class="container"><div class="hero-content"><div class="hero-badge">🔥 WORLD'S FIRST</div><h1 class="hero-title">Self-Hosted AI<br><span style="background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">Code Editor</span></h1><p class="hero-subtitle">The revolutionary AI-powered coding environment that runs on YOUR server.<br>Claude AI + VS Code + Your Domain = The Future of Development.</p><div class="hero-cta"><button class="btn-primary" onclick="showRegister()">🚀 Start Coding Now</button><button class="btn-secondary" onclick="showDemo()">🎬 Watch Demo</button></div></div></div></section><section id="features" class="features"><div class="container"><h2 class="section-title slide-in-left">Why GoCodeMe.com?</h2><div class="features-grid"><div class="feature-card slide-in-left tilt-effect"><div class="feature-icon">🤖</div><h3>Claude AI Integration</h3><p>Advanced AI assistance with Claude 3. Generate code, debug issues, and get intelligent suggestions in real-time. The most powerful AI coding assistant available.</p></div><div class="feature-card slide-in-right tilt-effect"><div class="feature-icon">💻</div><h3>Full VS Code Experience</h3><p>Complete VS Code interface in your browser. All the features you love - syntax highlighting, extensions, debugging, Git integration - plus AI superpowers.</p></div><div class="feature-card slide-in-left tilt-effect"><div class="feature-icon">🔒</div><h3>100% Self-Hosted</h3><p>Run on your own server. Complete control over your data and code. No cloud dependencies, no vendor lock-in. Your code, your rules.</p></div><div class="feature-card slide-in-right tilt-effect"><div class="feature-icon">🌐</div><h3>Your Domain, Your Brand</h3><p>Host on your own domain with GoSiteMe.com. Custom branding, complete ownership, professional appearance. Make it yours.</p></div><div class="feature-card slide-in-left tilt-effect"><div class="feature-icon">⚡</div><h3>Lightning Fast</h3><p>Optimized for performance. Real-time AI responses, instant file operations, seamless collaboration. Built for speed and efficiency.</p></div><div class="feature-card slide-in-right tilt-effect"><div class="feature-icon">🚀</div><h3>Production Ready</h3><p>SSL security, user authentication, enterprise-grade features out of the box. Deploy and scale with confidence.</p></div></div></div></section><section id="pricing" class="pricing"><div class="container"><h2 class="section-title slide-in-left">Choose Your Plan</h2><div class="pricing-grid"><div class="pricing-card slide-in-left tilt-effect"><div class="pricing-header"><h3>Free Trial</h3><div class="price"><span class="currency">$</span><span class="amount">0</span><span class="period">/month</span></div></div><ul class="pricing-features"><li>✅ Basic AI assistance</li><li>✅ 5 AI requests/day</li><li>✅ Basic VS Code features</li><li>✅ 100MB storage</li></ul><button class="btn-pricing" onclick="showRegister()">Start Free Trial</button></div><div class="pricing-card featured slide-in-left tilt-effect"><div class="pricing-badge">Most Popular</div><div class="pricing-header"><h3>Starter</h3><div class="price"><span class="currency">$</span><span class="amount">29</span><span class="period">/month</span></div></div><ul class="pricing-features"><li>✅ Full AI assistance</li><li>✅ 100 AI requests/day</li><li>✅ Full VS Code features</li><li>✅ SSL certificate</li><li>✅ 1GB storage</li></ul><button class="btn-pricing featured" onclick="showRegister()">Get Started</button></div><div class="pricing-card slide-in-right tilt-effect"><div class="pricing-header"><h3>Professional</h3><div class="price"><span class="currency">$</span><span class="amount">79</span><span class="period">/month</span></div></div><ul class="pricing-features"><li>✅ Unlimited AI requests</li><li>✅ Team collaboration</li><li>✅ Advanced AI features</li><li>✅ Priority support</li><li>✅ 10GB storage</li></ul><button class="btn-pricing" onclick="showRegister()">Get Started</button></div><div class="pricing-card slide-in-right tilt-effect"><div class="pricing-header"><h3>Enterprise</h3><div class="price"><span class="currency">$</span><span class="amount">199</span><span class="period">/month</span></div></div><ul class="pricing-features"><li>✅ Custom AI models</li><li>✅ Unlimited everything</li><li>✅ White-label solution</li><li>✅ Dedicated support</li><li>✅ 100GB storage</li></ul><button class="btn-pricing" onclick="showRegister()">Contact Sales</button></div></div></div></section><div id="loginModal" class="modal"><div class="modal-content"><div class="modal-header"><h3>Welcome Back</h3><span class="close" onclick="closeModal('loginModal')">×</span></div><form id="loginForm" class="auth-form"><div class="form-group"><label>Email</label><input type="email" name="email" placeholder="your@email.com" required></div><div class="form-group"><label>Password</label><input type="password" name="password" placeholder="••••••••" required></div><button type="submit" class="btn-primary">Login</button></form><div style="margin-top:1rem;text-align:center;color:#94a3b8"><p>Don't have an account? <a href="#" onclick="switchModal('loginModal','registerModal')" style="color:#6366f1">Sign up</a></p></div></div></div><div id="registerModal" class="modal"><div class="modal-content"><div class="modal-header"><h3>Join the Revolution</h3><span class="close" onclick="closeModal('registerModal')">×</span></div><form id="registerForm" class="auth-form"><div class="form-group"><label>Full Name</label><input type="text" name="name" placeholder="John Doe" required></div><div class="form-group"><label>Email</label><input type="email" name="email" placeholder="your@email.com" required></div><div class="form-group"><label>Password</label><input type="password" name="password" placeholder="••••••••" required></div><div class="form-group"><label>Plan</label><select name="plan" style="width:100%;padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem"><option value="FREE">Free Trial</option><option value="STARTER">Starter ($29/month)</option><option value="PRO">Professional ($79/month)</option><option value="ENTERPRISE">Enterprise ($199/month)</option></select></div><button type="submit" class="btn-primary">Create Account</button></form><div style="margin-top:1rem;text-align:center;color:#94a3b8"><p>Already have an account? <a href="#" onclick="switchModal('registerModal','loginModal')" style="color:#6366f1">Login</a></p></div></div></div><script>const cursor=document.querySelector('.custom-cursor');const cursorTrail=document.querySelector('.cursor-trail');document.addEventListener('mousemove',(e)=>{cursor.style.left=e.clientX+\px';cursor.style.top=e.clientY+\px';setTimeout(()=>{cursorTrail.style.left=e.clientX+\px';cursorTrail.style.top=e.clientY+\px'},100)});function createParticles(){const particlesContainer=document.getElementById('particles');const particleCount=50;for(let i=0;i<particleCount;i++){const particle=document.createElement('div');particle.className='particle';particle.style.left=Math.random()*100+\%';particle.style.animationDelay=Math.random()*6+\s';particle.style.animationDuration=(Math.random()*3+3)+\s';particlesContainer.appendChild(particle)}}function addTiltEffect(){const cards=document.querySelectorAll('.tilt-effect');cards.forEach(card=>{card.addEventListener('mousemove',(e)=>{const rect=card.getBoundingClientRect();const x=e.clientX-rect.left;const y=e.clientY-rect.top;const centerX=rect.width/2;const centerY=rect.height/2;const rotateX=(y-centerY)/10;const rotateY=(centerX-x)/10;card.style.transform=`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`});card.addEventListener('mouseleave',()=>{card.style.transform='perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1)'})})}document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener('click',function(e){e.preventDefault();document.querySelector(this.getAttribute('href')).scrollIntoView({behavior:'smooth'})})});function showLogin(){document.getElementById('loginModal').style.display='block'}function showRegister(){document.getElementById('registerModal').style.display='block'}function closeModal(modalId){document.getElementById(modalId).style.display='none'}function switchModal(fromId,toId){document.getElementById(fromId).style.display='none';document.getElementById(toId).style.display='block'}window.onclick=function(event){if(event.target.classList.contains('modal')){event.target.style.display='none'}}document.getElementById('loginForm').addEventListener('submit',async function(e){e.preventDefault();const formData=new FormData(this);const data={email:formData.get('email'),password:formData.get('password')};try{const response=await fetch('/api/auth/login',{method:'POST',headers:{\Content-Type':'application/json'},body:JSON.stringify(data)});const result=await response.json();if(result.success){localStorage.setItem('token',result.token);localStorage.setItem('user',JSON.stringify(result.user));closeModal('loginModal');window.location.href='/editor'}else{alert('Login failed: '+result.error)}}catch(error){alert('Login failed: '+error.message)}});document.getElementById('registerForm').addEventListener('submit',async function(e){e.preventDefault();const formData=new FormData(this);const data={name:formData.get('name'),email:formData.get('email'),password:formData.get('password'),plan:formData.get('plan')};try{const response=await fetch('/api/auth/register',{method:'POST',headers:{\Content-Type':'application/json'},body:JSON.stringify(data)});const result=await response.json();if(result.success){localStorage.setItem('token',result.token);localStorage.setItem('user',JSON.stringify(result.user));closeModal('registerModal');alert('Account created successfully! Welcome to GoCodeMe.com!');window.location.href='/editor'}else{alert('Registration failed: '+result.error)}}catch(error){alert('Registration failed: '+error.message)}});function launchEditor(){const token=localStorage.getItem('token');if(token){window.location.href='/editor'}else{showLogin()}}function showDemo(){alert('🚀 Demo coming soon! Sign up for a free trial to experience GoCodeMe.com now!')}const observerOptions={threshold:.1,rootMargin:'0px 0px -50px 0px'};const observer=new IntersectionObserver((entries)=>{entries.forEach(entry=>{if(entry.isIntersecting){entry.target.style.animationDelay='.1s';entry.target.style.animationPlayState='running'}})});document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right').forEach(el=>{el.style.animationPlayState='paused';observer.observe(el)});document.addEventListener('DOMContentLoaded',function(){createParticles();addTiltEffect();const heroTitle=document.querySelector('.hero-title');const text=heroTitle.innerHTML;heroTitle.innerHTML='\;let i=0;const typeWriter=()=>{if(i<text.length){heroTitle.innerHTML+=text.charAt(i);i++;setTimeout(typeWriter,50)}};setTimeout(typeWriter,1000)})</script></body></html>