| | <!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> |
| |
|
