| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ORCH AI - Autonomous Code Generation</title> |
| <style> |
| * { |
| margin: 0; |
| padding: 0; |
| box-sizing: border-box; |
| } |
| |
| body { |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; |
| background: linear-gradient(135deg, #1a1512 0%, #0f0d0b 100%); |
| min-height: 100vh; |
| color: #E8DED5; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| padding: 2rem; |
| } |
| |
| .container { |
| max-width: 900px; |
| width: 100%; |
| } |
| |
| .header { |
| text-align: center; |
| padding: 3rem 0; |
| } |
| |
| .logo { |
| width: 120px; |
| height: 120px; |
| border-radius: 24px; |
| margin-bottom: 1.5rem; |
| } |
| |
| h1 { |
| font-size: 3rem; |
| font-weight: 700; |
| background: linear-gradient(135deg, #D4A574 0%, #A67C52 100%); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| background-clip: text; |
| margin-bottom: 0.5rem; |
| } |
| |
| .tagline { |
| color: #9C8B7A; |
| font-size: 1rem; |
| letter-spacing: 2px; |
| text-transform: uppercase; |
| margin-bottom: 0.5rem; |
| } |
| |
| .subtitle { |
| color: #E8DED5; |
| font-size: 1.25rem; |
| margin-bottom: 2rem; |
| } |
| |
| .badges { |
| display: flex; |
| gap: 1rem; |
| justify-content: center; |
| flex-wrap: wrap; |
| margin-bottom: 3rem; |
| } |
| |
| .badge { |
| display: inline-flex; |
| align-items: center; |
| gap: 0.5rem; |
| padding: 0.75rem 1.5rem; |
| border-radius: 12px; |
| text-decoration: none; |
| font-weight: 600; |
| transition: transform 0.2s ease, box-shadow 0.2s ease; |
| } |
| |
| .badge:hover { |
| transform: translateY(-2px); |
| } |
| |
| .badge-primary { |
| background: linear-gradient(135deg, #D4A574 0%, #A67C52 100%); |
| color: #1a1512; |
| box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3); |
| } |
| |
| .badge-secondary { |
| background: #2d2420; |
| color: #D4A574; |
| border: 1px solid #5D4E37; |
| } |
| |
| .section { |
| background: #2d2420; |
| border: 1px solid #5D4E37; |
| border-radius: 16px; |
| padding: 2rem; |
| margin-bottom: 1.5rem; |
| } |
| |
| .section h2 { |
| color: #D4A574; |
| font-size: 1.5rem; |
| margin-bottom: 1rem; |
| } |
| |
| .section p { |
| color: #9C8B7A; |
| line-height: 1.7; |
| } |
| |
| .features { |
| display: grid; |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
| gap: 1rem; |
| } |
| |
| .feature { |
| background: #1a1512; |
| border: 1px solid #5D4E37; |
| border-radius: 12px; |
| padding: 1.5rem; |
| } |
| |
| .feature h3 { |
| color: #D4A574; |
| font-size: 1rem; |
| margin-bottom: 0.5rem; |
| } |
| |
| .feature p { |
| color: #9C8B7A; |
| font-size: 0.9rem; |
| } |
| |
| .footer { |
| text-align: center; |
| padding: 2rem 0; |
| color: #9C8B7A; |
| font-size: 0.9rem; |
| } |
| |
| .footer a { |
| color: #D4A574; |
| text-decoration: none; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <header class="header"> |
| <img src="https://huggingface.co/orch-ai/ORCH-7B/resolve/main/logo.png" alt="ORCH" class="logo"> |
| <h1>ORCH AI</h1> |
| <p class="tagline">Orchestrated Recursive Code Hierarchy</p> |
| <p class="subtitle">Autonomous Code Generation for Everyone</p> |
| |
| <div class="badges"> |
| <a href="https://huggingface.co/spaces/raihan-js/orch-studio" class="badge badge-primary"> |
| Try ORCH Studio |
| </a> |
| <a href="https://huggingface.co/orch-ai/ORCH-7B" class="badge badge-secondary"> |
| ORCH-7B Model |
| </a> |
| </div> |
| </header> |
| |
| <section class="section"> |
| <h2>Our Mission</h2> |
| <p>Make autonomous code generation accessible on consumer hardware. Generate complete, production-ready Next.js applications from natural language prompts - not just code snippets, but entire project structures ready to deploy.</p> |
| </section> |
| |
| <section class="section"> |
| <h2>Key Features</h2> |
| <div class="features"> |
| <div class="feature"> |
| <h3>Full Projects</h3> |
| <p>Complete Next.js 14 applications from a single prompt</p> |
| </div> |
| <div class="feature"> |
| <h3>Production Ready</h3> |
| <p>TypeScript, Tailwind, Prisma, authentication included</p> |
| </div> |
| <div class="feature"> |
| <h3>Consumer Hardware</h3> |
| <p>Runs on RTX 3060 12GB with INT8 quantization</p> |
| </div> |
| <div class="feature"> |
| <h3>Autonomous</h3> |
| <p>Single prompt to deployable app, no iteration needed</p> |
| </div> |
| </div> |
| </section> |
| |
| <footer class="footer"> |
| <p><strong>ORCH</strong> - Building the future of autonomous code generation</p> |
| <p style="margin-top: 0.5rem;"> |
| <a href="https://huggingface.co/orch-ai/ORCH-7B">ORCH-7B</a> · |
| <a href="https://huggingface.co/spaces/raihan-js/orch-studio">Demo</a> |
| </p> |
| </footer> |
| </div> |
| </body> |
| </html> |
|
|
