UNPKG

treesap

Version:
6 lines 2.27 kB
import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime"; import Layout from "../layouts/Layout.js"; export function Welcome() { return (_jsx(Layout, { title: "Welcome to Treesap", children: _jsxs("div", { class: "h-screen flex flex-col items-center justify-center bg-[#1e1e1e] text-white p-8", children: [_jsx("div", { class: "text-center mb-12", children: _jsxs("div", { class: "flex items-center justify-center mb-4", children: [_jsx("div", { class: "w-12 h-12 bg-gradient-to-br from-green-400 to-green-600 rounded-lg flex items-center justify-center mr-4", children: _jsx("span", { class: "text-2xl", children: "\uD83C\uDF33" }) }), _jsxs("div", { class: "text-left", children: [_jsx("h1", { class: "text-3xl font-semibold text-white", children: "Treesap" }), _jsx("p", { class: "text-gray-400 text-sm", children: "Free \u2022 Development Environment" })] })] }) }), _jsxs("div", { class: "flex gap-8 mb-16", children: [_jsxs("a", { href: "/code", class: "flex flex-col items-center p-6 bg-[#2a2a2a] hover:bg-[#3a3a3a] rounded-lg transition-colors group min-w-[140px]", children: [_jsx("div", { class: "w-8 h-8 mb-3 text-gray-300 group-hover:text-white transition-colors", children: _jsx("iconify-icon", { icon: "tabler:folder-open", width: "32", height: "32" }) }), _jsx("span", { class: "text-gray-300 group-hover:text-white transition-colors", children: "Open project" })] }), _jsxs("button", { class: "flex flex-col items-center p-6 bg-[#2a2a2a] hover:bg-[#3a3a3a] rounded-lg transition-colors group min-w-[140px] opacity-50 cursor-not-allowed", disabled: true, children: [_jsx("div", { class: "w-8 h-8 mb-3 text-gray-500", children: _jsx("iconify-icon", { icon: "tabler:git-branch", width: "32", height: "32" }) }), _jsx("span", { class: "text-gray-500", children: "Clone repo" })] }), _jsxs("button", { class: "flex flex-col items-center p-6 bg-[#2a2a2a] hover:bg-[#3a3a3a] rounded-lg transition-colors group min-w-[140px] opacity-50 cursor-not-allowed", disabled: true, children: [_jsx("div", { class: "w-8 h-8 mb-3 text-gray-500", children: _jsx("iconify-icon", { icon: "tabler:terminal", width: "32", height: "32" }) }), _jsx("span", { class: "text-gray-500", children: "Connect via SSH" })] })] })] }) })); } //# sourceMappingURL=Welcome.js.map