Skip to content

Commit 4a09d0a

Browse files
thegreatalxxthegreatalxx
committed
feat(website): multi-page site with favicon, no paid plans, no testimonials
- Split into 5 pages: home, features, platforms, agents, install - Added favicon from VS Code extension icon - Removed paid plans and testimonials sections - Dark theme with Claude Code-inspired design - Platform tabs (Terminal, VS Code, Desktop, Web, Slack) - Agent showcase with 8 categories and 139 agents - Comparison table vs cloud assistants - Responsive design for mobile
1 parent 1945a48 commit 4a09d0a

File tree

8 files changed

+1200
-1201
lines changed

8 files changed

+1200
-1201
lines changed

‎website/agents.html‎

Lines changed: 167 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
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>Agents — Localcode</title>
7+
<meta name="description" content="139 specialized agents with auto-dispatch and multi-agent orchestration."/>
8+
<link rel="icon" type="image/png" href="assets/favicon.png"/>
9+
<link rel="preconnect" href="https://fonts.googleapis.com"/>
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
11+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"/>
12+
<link rel="stylesheet" href="css/style.css"/>
13+
</head>
14+
<body>
15+
<div class="hero-bg"></div>
16+
<div class="hero-glow"></div>
17+
18+
<nav id="nav">
19+
<div class="nav-inner">
20+
<a class="nav-logo" href="index.html">
21+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
22+
<path d="M12 2L2 7l10 5 10-5-10-5z"/>
23+
<path d="M2 17l10 5 10-5"/>
24+
<path d="M2 12l10 5 10-5"/>
25+
</svg>
26+
<span>Localcode</span>
27+
<span class="nav-ver">v4.0.0</span>
28+
</a>
29+
<ul class="nav-links">
30+
<li><a href="index.html">Home</a></li>
31+
<li><a href="features.html">Features</a></li>
32+
<li><a href="platforms.html">Platforms</a></li>
33+
<li><a href="agents.html" class="active">Agents</a></li>
34+
<li><a href="https://github.com/thealxlabs/localcode" target="_blank">GitHub</a></li>
35+
<li><a href="https://github.com/thealxlabs/localcode#readme" target="_blank">Docs</a></li>
36+
<li><a href="install.html" class="nav-cta">Install →</a></li>
37+
</ul>
38+
</div>
39+
</nav>
40+
41+
<div class="page-header">
42+
<div class="container">
43+
<div class="section-label">Agents</div>
44+
<h1>139 specialized agents</h1>
45+
<p class="page-sub">Each agent brings deep domain expertise. Auto-dispatched based on your task context — no manual switching required.</p>
46+
</div>
47+
</div>
48+
49+
<section class="agents-detail">
50+
<div class="container">
51+
<div class="agent-categories">
52+
<div class="agent-category">
53+
<h3>💻 Engineering</h3>
54+
<div class="agent-tags">
55+
<span class="agent-tag">AI Engineer</span><span class="agent-tag">Senior Developer</span><span class="agent-tag">Software Architect</span><span class="agent-tag">Backend Architect</span><span class="agent-tag">Frontend Developer</span><span class="agent-tag">Database Optimizer</span><span class="agent-tag">API Designer</span><span class="agent-tag">Code Reviewer</span><span class="agent-tag">Git Workflow Master</span><span class="agent-tag">Mobile App Builder</span><span class="agent-tag">Full-Stack Developer</span><span class="agent-tag">Performance Engineer</span><span class="agent-tag">+ 18 more</span>
56+
</div>
57+
</div>
58+
<div class="agent-category">
59+
<h3>🧪 Testing</h3>
60+
<div class="agent-tags">
61+
<span class="agent-tag">API Tester</span><span class="agent-tag">Test Results Analyzer</span><span class="agent-tag">Reality Checker</span><span class="agent-tag">Test-Driven Developer</span><span class="agent-tag">Integration Tester</span><span class="agent-tag">E2E Test Engineer</span><span class="agent-tag">+ 4 more</span>
62+
</div>
63+
</div>
64+
<div class="agent-category">
65+
<h3>🔒 Security</h3>
66+
<div class="agent-tags">
67+
<span class="agent-tag">Security Engineer</span><span class="agent-tag">Threat Detection</span><span class="agent-tag">Compliance Auditor</span><span class="agent-tag">Blockchain Security</span><span class="agent-tag">Penetration Tester</span><span class="agent-tag">+ 3 more</span>
68+
</div>
69+
</div>
70+
<div class="agent-category">
71+
<h3>⚙️ DevOps</h3>
72+
<div class="agent-tags">
73+
<span class="agent-tag">DevOps Automator</span><span class="agent-tag">SRE</span><span class="agent-tag">Infrastructure Maintainer</span><span class="agent-tag">Cloud Architect</span><span class="agent-tag">CI/CD Engineer</span><span class="agent-tag">+ 5 more</span>
74+
</div>
75+
</div>
76+
<div class="agent-category">
77+
<h3>🎨 Design</h3>
78+
<div class="agent-tags">
79+
<span class="agent-tag">UI Designer</span><span class="agent-tag">UX Researcher</span><span class="agent-tag">UX Architect</span><span class="agent-tag">Brand Guardian</span><span class="agent-tag">+ 2 more</span>
80+
</div>
81+
</div>
82+
<div class="agent-category">
83+
<h3>📈 Marketing</h3>
84+
<div class="agent-tags">
85+
<span class="agent-tag">Growth Hacker</span><span class="agent-tag">Content Creator</span><span class="agent-tag">SEO Specialist</span><span class="agent-tag">Social Media Strategist</span><span class="agent-tag">+ 2 more</span>
86+
</div>
87+
</div>
88+
<div class="agent-category">
89+
<h3>📦 Product</h3>
90+
<div class="agent-tags">
91+
<span class="agent-tag">Product Trend Researcher</span><span class="agent-tag">Sprint Prioritizer</span><span class="agent-tag">Feedback Synthesizer</span><span class="agent-tag">+ 1 more</span>
92+
</div>
93+
</div>
94+
<div class="agent-category">
95+
<h3>🎯 Strategy</h3>
96+
<div class="agent-tags">
97+
<span class="agent-tag">NEXUS Orchestrator</span><span class="agent-tag">Project Manager</span><span class="agent-tag">Technical Lead</span><span class="agent-tag">+ 1 more</span>
98+
</div>
99+
</div>
100+
</div>
101+
102+
<div class="agent-how">
103+
<h2>How agents work</h2>
104+
<div class="agent-how-grid">
105+
<div class="agent-how-step">
106+
<div class="ah-num">1</div>
107+
<h3>Describe your task</h3>
108+
<p>Just tell Localcode what you need. No agent selection required.</p>
109+
</div>
110+
<div class="agent-how-step">
111+
<div class="ah-num">2</div>
112+
<h3>Auto-dispatch</h3>
113+
<p>Localcode analyzes your task and automatically activates the right agents based on keywords and context.</p>
114+
</div>
115+
<div class="agent-how-step">
116+
<div class="ah-num">3</div>
117+
<h3>Orchestrate</h3>
118+
<p>Multiple agents work in parallel through the NEXUS pipeline with quality gates between each phase.</p>
119+
</div>
120+
<div class="agent-how-step">
121+
<div class="ah-num">4</div>
122+
<h3>Synthesize</h3>
123+
<p>All agent outputs are synthesized into a coherent result. Failed tasks are automatically retried.</p>
124+
</div>
125+
</div>
126+
</div>
127+
</div>
128+
</section>
129+
130+
<div id="install">
131+
<div class="inner reveal">
132+
<div class="section-label" style="justify-content:center">Get started</div>
133+
<h2 style="font-size:clamp(2rem,5vw,3.2rem)">Ready to try it?</h2>
134+
<div class="install-methods">
135+
<div class="imethod">
136+
<div class="imethod-label">Global install</div>
137+
<div class="ibox">
138+
<span class="icmd">npm install -g @localcode/cli</span>
139+
<button class="cpbtn" onclick="cp(this,'npm install -g @localcode/cli')">copy</button>
140+
</div>
141+
</div>
142+
<div class="imethod">
143+
<div class="imethod-label">No install</div>
144+
<div class="ibox">
145+
<span class="icmd">npx @localcode/cli</span>
146+
<button class="cpbtn" onclick="cp(this,'npx @localcode/cli')">copy</button>
147+
</div>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
153+
<footer>
154+
<div class="footer-links">
155+
<span><a href="index.html" style="color:var(--text-secondary)">Localcode</a> v4.0.0</span>
156+
<a href="features.html">Features</a>
157+
<a href="platforms.html">Platforms</a>
158+
<a href="agents.html">Agents</a>
159+
<a href="https://github.com/thealxlabs/localcode" target="_blank">⎇ GitHub</a>
160+
<a href="https://npmjs.com/package/@localcode/cli" target="_blank">npm</a>
161+
</div>
162+
<span>Built by <a href="https://github.com/thealxlabs" target="_blank">TheAlxLabs</a> · MIT License</span>
163+
</footer>
164+
165+
<script src="js/main.js"></script>
166+
</body>
167+
</html>

‎website/assets/favicon.png‎

6.31 KB
Loading

0 commit comments

Comments
 (0)