feat(site): landing page with dual-pane explorer hero

2026-09-27 22:41:19 -07:00 · 2026-06-08 10:16:00 +02:00
parent a25b17a4e5
commit 5c84a0e88d
4 changed files with 118 additions and 7 deletions
@@ -1,9 +1,34 @@
 ---
-import "../styles/theme.css";
+import Base from "../layouts/Base.astro";
+import Nav from "../components/Nav.astro";
+import Footer from "../components/Footer.astro";
+import ExplorerHero from "../components/ExplorerHero.astro";
+import ProtocolStrip from "../components/ProtocolStrip.astro";
+import FeatureCard from "../components/FeatureCard.astro";
+import { useTranslations } from "../i18n/ui";
+
+const locale = "en" as const;
+const t = useTranslations(locale);
+const features = ["handy", "cross", "custom", "bookmarks", "security", "performance"];
 ---
-<html lang="en" data-theme="frappe">
-  <head><meta charset="utf-8" /><title>termscp</title></head>
-  <body class="bg-base text-text font-mono p-8">
-    <h1 class="text-green text-2xl">termscp<span class="blink"></span></h1>
-  </body>
-</html>
+<Base
+  title="termscp — terminal file transfer & explorer for SCP/SFTP/FTP/S3/Kube/SMB/WebDAV"
+  description="A feature-rich terminal UI file transfer and explorer with support for SCP/SFTP/FTP/Kube/S3/WebDAV/SMB."
+  locale={locale}
+  path="/"
+>
+  <Nav locale={locale} path="/" />
+  <main class="flex-1">
+    <ExplorerHero locale={locale} />
+    <section class="mx-auto max-w-5xl px-4 py-12">
+      <h2 class="mb-6 text-center text-xl text-text">{t("features.heading")}</h2>
+      <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
+        {features.map((f) => (
+          <FeatureCard title={t(`features.${f}.title`)} body={t(`features.${f}.body`)} />
+        ))}
+      </div>
+    </section>
+    <ProtocolStrip locale={locale} />
+  </main>
+  <Footer locale={locale} />
+</Base>