/** @jsxImportSource https://esm.sh/react */ import React from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; function App() { return (

🏗️ Build Agency 🌳

Connecting NEAR projects with developers

🏢 Ecosystem Contributors

👷 Skilled Developers

🌿 Validator Fee Leverage

Join 🚀 Stake 🔒

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

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

buildagency