🏗️ Build Agency 🌳

Connecting NEAR projects with developers

🏢 Ecosystem Contributors

👷 Skilled Developers

🌿 Validator Fee Leverage

\n Join 🚀\n \n Stake 🔒\n \n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Build Agency - NEAR Ecosystem\n \n \n \n \n \n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\n:root {\n --purple: #4a22a5;\n --orange: #eca228;\n}\n\nbody, html {\n margin: 0;\n padding: 0;\n font-family: 'Poppins', sans-serif;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.gradient-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, var(--orange) 0%, var(--purple) 100%);\n z-index: -1;\n}\n\n.container {\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n max-width: 600px;\n width: 100%;\n}\n\nh1 {\n font-size: 2.5rem;\n color: #333;\n margin-bottom: 0.5rem;\n}\n\n.tagline {\n font-size: 1rem;\n color: #666;\n margin-bottom: 1.5rem;\n}\n\n.features {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-left: 3rem;\n margin-bottom: 1.5rem;\n text-align: left;\n max-width: 400px\n}\n\n.features div {\n font-size: 1.1rem;\n color: #444;\n}\n\n.button-container {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.cta {\n display: inline-block;\n background-color: var(--purple);\n color: white;\n padding: 0.7rem 1.5rem;\n text-decoration: none;\n border-radius: 5px;\n font-weight: bold;\n transition: background-color 0.3s ease;\n flex: 0 1 auto;\n}\n\n.cta:hover {\n background-color: #3a1a84;\n}\n\n.spinner {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255,255,255,.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 1s ease-in-out infinite;\n margin-right: 10px;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n.content {\n min-width: 400px;\n}\n\nfooter {\n margin-top: 1.5rem;\n font-size: 0.8rem;\n color: #888;\n}\n\nfooter a {\n color: var(--purple);\n text-decoration: none;\n}\n\nfooter a:hover {\n text-decoration: underline;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/elliotbraem/buildagency/code/main.tsx","extension","actionData","errors"]