 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/.cursor-server/data/User/History/-18a8f41b/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GoCodeMe.com - AI-Powered Code Editor | Coming Soon</title>
<link rel="stylesheet" href="landing-styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<h2>🤖 GoCodeMe.com</h2>
</div>
<div class="nav-links">
<a href="#features">Features</a>
<a href="#pricing">Pricing</a>
<a href="#about">About</a>
<button class="btn-login" onclick="showLogin()">Login</button>
<button class="btn-register" onclick="showRegister()">Get Early Access</button>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-container">
<div class="hero-content">
<div class="hero-badge">
<span>🚀 Coming Soon</span>
</div>
<h1 class="hero-title">
The Future of
<span class="gradient-text">AI-Powered</span>
Coding
</h1>
<p class="hero-subtitle">
Code faster, smarter, and better with Claude AI. The world's first self-hosted,
AI-powered web editor that runs on your own domain.
</p>
<div class="hero-cta">
<button class="btn-primary" onclick="showRegister()">
🎯 Get Early Access
</button>
<button class="btn-secondary" onclick="showDemo()">
🎬 Watch Demo
</button>
</div>
<div class="hero-stats">
<div class="stat">
<span class="stat-number">10x</span>
<span class="stat-label">Faster Coding</span>
</div>
<div class="stat">
<span class="stat-number">100%</span>
<span class="stat-label">Self-Hosted</span>
</div>
<div class="stat">
<span class="stat-number">∞</span>
<span class="stat-label">Possibilities</span>
</div>
</div>
</div>
<div class="hero-visual">
<div class="code-editor-demo">
<div class="editor-header">
<div class="editor-dots">
<span></span>
<span></span>
<span></span>
</div>
<div class="editor-tabs">
<span class="tab active">main.js</span>
<span class="tab">index.html</span>
<span class="tab">styles.css</span>
</div>
</div>
<div class="editor-content">
<div class="line-numbers">
<span>1</span><span>2</span><span>3</span><span>4</span><span>5</span>
<span>6</span><span>7</span><span>8</span><span>9</span><span>10</span>
</div>
<div class="code-content">
<div class="code-line"><span class="keyword">function</span> <span class="function">createApp</span>() {</div>
<div class="code-line"> <span class="keyword">const</span> <span class="variable">app</span> = <span class="string">'GoCodeMe.com'</span>;</div>
<div class="code-line"> <span class="keyword">return</span> {</div>
<div class="code-line"> <span class="property">name</span>: <span class="string">'AI-Powered Editor'</span>,</div>
<div class="code-line"> <span class="property">features</span>: [<span class="string">'Claude AI'</span>, <span class="string">'VS Code'</span>],</div>
<div class="code-line"> <span class="property">hosting</span>: <span class="string">'GoSiteMe.com'</span></div>
<div class="code-line"> };</div>
<div class="code-line">}</div>
<div class="code-line"></div>
<div class="code-line"><span class="comment">// Powered by Claude AI</span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="features">
<div class="container">
<h2 class="section-title">Why GoCodeMe.com?</h2>
<div class="features-grid">
<div class="feature-card">
<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.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💻</div>
<h3>Full VS Code Experience</h3>
<p>Complete VS Code interface in your browser. All the features you love, plus AI superpowers.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🔒</div>
<h3>Self-Hosted & Private</h3>
<p>Run on your own server. Complete control over your data and code. No cloud dependencies.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🌐</div>
<h3>Your Domain, Your Brand</h3>
<p>Host on your own domain with GoSiteMe.com. Custom branding and complete ownership.</p>
</div>
<div class="feature-card">
<div class="feature-icon">⚡</div>
<h3>Lightning Fast</h3>
<p>Optimized for performance. Real-time AI responses and instant file operations.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🚀</div>
<h3>Production Ready</h3>
<p>SSL security, user authentication, and enterprise-grade features out of the box.</p>
</div>
</div>
</div>
</section>
<!-- Partnership Section -->
<section class="partnership">
<div class="container">
<div class="partnership-content">
<h2>In Partnership with <span class="gradient-text">GoSiteMe.com</span></h2>
<p>Professional hosting solutions for your AI-powered coding environment. Deploy GoCodeMe.com on your domain with enterprise-grade hosting.</p>
<div class="partnership-features">
<div class="partnership-feature">
<span class="check">✅</span>
<span>SSL Certificates Included</span>
</div>
<div class="partnership-feature">
<span class="check">✅</span>
<span>24/7 Support</span>
</div>
<div class="partnership-feature">
<span class="check">✅</span>
<span>99.9% Uptime Guarantee</span>
</div>
<div class="partnership-feature">
<span class="check">✅</span>
<span>One-Click Deployment</span>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="pricing">
<div class="container">
<h2 class="section-title">Simple, Transparent Pricing</h2>
<div class="pricing-grid">
<div class="pricing-card">
<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>✅ GoCodeMe.com on your domain</li>
<li>✅ Claude AI integration</li>
<li>✅ Full VS Code experience</li>
<li>✅ SSL certificate</li>
<li>✅ Basic support</li>
</ul>
<button class="btn-pricing" onclick="showRegister()">Get Started</button>
</div>
<div class="pricing-card featured">
<div class="pricing-badge">Most Popular</div>
<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>✅ Everything in Starter</li>
<li>✅ Multiple team members</li>
<li>✅ Advanced AI features</li>
<li>✅ Priority support</li>
<li>✅ Custom branding</li>
<li>✅ API access</li>
</ul>
<button class="btn-pricing featured" onclick="showRegister()">Get Started</button>
</div>
<div class="pricing-card">
<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>✅ Everything in Professional</li>
<li>✅ Unlimited team members</li>
<li>✅ Custom AI models</li>
<li>✅ Dedicated support</li>
<li>✅ White-label solution</li>
<li>✅ On-premise deployment</li>
</ul>
<button class="btn-pricing" onclick="showRegister()">Contact Sales</button>
</div>
</div>
</div>
</section>
<!-- Login Modal -->
<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 class="login-form">
<div class="form-group">
<label>Email</label>
<input type="email" placeholder="your@email.com" required>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" placeholder="••••••••" required>
</div>
<button type="submit" class="btn-primary">Login</button>
</form>
<div class="modal-footer">
<p>Don't have an account? <a href="#" onclick="switchModal('loginModal', 'registerModal')">Sign up</a></p>
</div>
</div>
</div>
<!-- Register Modal -->
<div id="registerModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Get Early Access</h3>
<span class="close" onclick="closeModal('registerModal')">×</span>
</div>
<form class="register-form">
<div class="form-group">
<label>Full Name</label>
<input type="text" placeholder="John Doe" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" placeholder="your@email.com" required>
</div>
<div class="form-group">
<label>Company (Optional)</label>
<input type="text" placeholder="Your Company">
</div>
<div class="form-group">
<label>Domain (Optional)</label>
<input type="text" placeholder="yourdomain.com">
</div>
<button type="submit" class="btn-primary">Join Waitlist</button>
</form>
<div class="modal-footer">
<p>Already have an account? <a href="#" onclick="switchModal('registerModal', 'loginModal')">Login</a></p>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>🤖 GoCodeMe.com</h4>
<p>The future of AI-powered coding is here.</p>
</div>
<div class="footer-section">
<h4>Product</h4>
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#">Documentation</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Company</h4>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Partners</h4>
<ul>
<li><a href="#">GoSiteMe.com</a></li>
<li><a href="#">Claude AI</a></li>
<li><a href="#">VS Code</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 GoCodeMe.com. All rights reserved.</p>
</div>
</div>
</footer>
<script src="landing-script.js"></script>
</body>
</html>