Excellent — here’s the **complete Deepsite input package** that includes both the **design prompt** (for layout, aesthetic, and styling) and a full **sitemap + copy draft** so it can auto-generate both structure and content for *The Code Company* website in the Art Deco style you requested.
14efcd0
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>The Code Company | Engineering Intelligence</title> | |
| <meta name="description" content="Boutique consultancy specializing in AI evaluation frameworks, GPU infrastructure, and governance solutions for enterprises and government."> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&display=swap'); | |
| </style> | |
| </head> | |
| <body class="bg-navy-900 text-ivory-100 font-sans"> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <!-- Hero Section --> | |
| <section class="relative h-screen flex items-center justify-center overflow-hidden"> | |
| <div id="vanta-bg" class="absolute inset-0"></div> | |
| <div class="relative z-10 text-center px-6 max-w-4xl mx-auto"> | |
| <h1 class="text-5xl md:text-7xl font-serif font-bold mb-6 text-gold-500 tracking-tight">ENGINEERING INTELLIGENCE.</h1> | |
| <p class="text-xl md:text-2xl mb-10 leading-relaxed max-w-3xl mx-auto"> | |
| The Code Company designs and scales intelligent systems — from AI evaluation frameworks to GPU cloud architectures — bringing precision engineering to the frontier of artificial intelligence. | |
| </p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <a href="/capabilities.html" class="bg-gold-500 hover:bg-gold-600 text-navy-900 font-bold py-3 px-8 rounded-sm transition-all duration-300 transform hover:scale-105">Explore Our Capabilities</a> | |
| <a href="/contact.html" class="border-2 border-gold-500 hover:bg-gold-500/10 text-gold-500 font-bold py-3 px-8 rounded-sm transition-all duration-300 transform hover:scale-105">Contact the Team</a> | |
| </div> | |
| </div> | |
| <div class="absolute bottom-10 left-0 right-0 text-center text-platinum-400 text-sm"> | |
| Trusted by innovators and government agencies to make AI accountable, performant, and real. | |
| </div> | |
| <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-transparent via-gold-500 to-transparent"></div> | |
| </section> | |
| <!-- Clients Section --> | |
| <section class="py-16 bg-navy-800"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-center text-platinum-400 uppercase tracking-widest text-sm mb-12">SELECT PARTNERS</h2> | |
| <div class="flex flex-wrap justify-center items-center gap-12 opacity-80"> | |
| <img src="http://static.photos/black/320x240/1" alt="Client 1" class="h-12 grayscale contrast-0 brightness-200"> | |
| <img src="http://static.photos/black/320x240/2" alt="Client 2" class="h-12 grayscale contrast-0 brightness-200"> | |
| <img src="http://static.photos/black/320x240/3" alt="Client 3" class="h-12 grayscale contrast-0 brightness-200"> | |
| <img src="http://static.photos/black/320x240/4" alt="Client 4" class="h-12 grayscale contrast-0 brightness-200"> | |
| <img src="http://static.photos/black/320x240/5" alt="Client 5" class="h-12 grayscale contrast-0 brightness-200"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Capabilities Preview --> | |
| <section class="py-20 bg-navy-900"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold mb-4 text-gold-500">Our Expertise</h2> | |
| <div class="w-24 h-1 bg-gold-500 mx-auto mb-6"></div> | |
| <p class="text-platinum-400 max-w-2xl mx-auto"> | |
| We bring precision engineering to the frontier of artificial intelligence through four core disciplines. | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <div class="bg-navy-800 p-8 border-l-4 border-gold-500 hover:bg-navy-700 transition-all duration-300"> | |
| <i data-feather="cpu" class="text-gold-500 w-10 h-10 mb-4"></i> | |
| <h3 class="text-xl font-bold mb-3">AI & Data Systems</h3> | |
| <p class="text-platinum-400">Explainable, observable, and secure AI architectures.</p> | |
| </div> | |
| <div class="bg-navy-800 p-8 border-l-4 border-gold-500 hover:bg-navy-700 transition-all duration-300"> | |
| <i data-feather="cloud" class="text-gold-500 w-10 h-10 mb-4"></i> | |
| <h3 class="text-xl font-bold mb-3">Cloud Infrastructure</h3> | |
| <p class="text-platinum-400">GPU clusters and scalable Kubernetes deployments.</p> | |
| </div> | |
| <div class="bg-navy-800 p-8 border-l-4 border-gold-500 hover:bg-navy-700 transition-all duration-300"> | |
| <i data-feather="layers" class="text-gold-500 w-10 h-10 mb-4"></i> | |
| <h3 class="text-xl font-bold mb-3">Technical Strategy</h3> | |
| <p class="text-platinum-400">From vision to executable roadmaps.</p> | |
| </div> | |
| <div class="bg-navy-800 p-8 border-l-4 border-gold-500 hover:bg-navy-700 transition-all duration-300"> | |
| <i data-feather="shield" class="text-gold-500 w-10 h-10 mb-4"></i> | |
| <h3 class="text-xl font-bold mb-3">Government Advisory</h3> | |
| <p class="text-platinum-400">SAM.gov registered, CAGE-certified guidance.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Quote Section --> | |
| <section class="py-20 bg-gradient-to-r from-emerald-900/30 to-navy-900 border-y border-gold-500/20"> | |
| <div class="container mx-auto px-6 max-w-4xl text-center"> | |
| <i data-feather="quote" class="text-gold-500/30 w-12 h-12 mx-auto mb-8"></i> | |
| <p class="text-2xl md:text-3xl font-serif italic mb-6 leading-relaxed"> | |
| "Every intelligent system deserves intelligent design." | |
| </p> | |
| <p class="text-gold-500 font-bold">— Cody Webb</p> | |
| </div> | |
| </section> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| VANTA.NET({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0xc9a44c, | |
| backgroundColor: 0x0a0e1a, | |
| points: 12.00, | |
| maxDistance: 22.00, | |
| spacing: 18.00 | |
| }); | |
| </script> | |
| <script src="https://deepsite.hf.co/deepsite-badge.js"></script> | |
| </body> | |
| </html> |