add new website for the app

2026-09-29 00:47:52 +02:00
parent 4e79f4bf82
commit 98febaa1de
14 changed files with 1985 additions and 0 deletions
@@ -0,0 +1,110 @@
+:root {
+  --bg: #f5f5f7;
+  --fg: #1d1d1f;
+  --muted: #6e6e73;
+  --card: #ffffff;
+  --border: #d2d2d7;
+  --accent: #0071e3;
+  --accent-fg: #ffffff;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg: #000000;
+    --fg: #f5f5f7;
+    --muted: #a1a1a6;
+    --card: #1c1c1e;
+    --border: #38383a;
+    --accent: #2997ff;
+  }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--fg);
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
+  line-height: 1.5;
+}
+
+main {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 72px 16px 48px;
+}
+
+.hero {
+  text-align: center;
+}
+
+.hero h1 {
+  font-size: clamp(2.5rem, 7vw, 4rem);
+  letter-spacing: -0.02em;
+  margin: 16px 0 8px;
+}
+
+.tagline {
+  font-size: 1.25rem;
+  color: var(--muted);
+  max-width: 36ch;
+  margin: 0 auto;
+}
+
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 12px;
+  margin-top: 32px;
+}
+
+.button {
+  padding: 10px 22px;
+  border-radius: 999px;
+  border: 1px solid var(--border);
+  color: var(--fg);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.button.primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--accent-fg);
+}
+
+.features {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+  gap: 16px;
+  margin-top: 80px;
+}
+
+.features article {
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 20px;
+}
+
+.features h2 {
+  font-size: 1.05rem;
+  margin: 0 0 6px;
+}
+
+.features p {
+  margin: 0;
+  color: var(--muted);
+  font-size: 0.95rem;
+}
+
+footer {
+  margin-top: 64px;
+  text-align: center;
+  color: var(--muted);
+  font-size: 0.85rem;
+}
@@ -0,0 +1,16 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Proxy Studio",
+  description:
+    "A native macOS app for managing Nginx Proxy Manager hosts and UniFi DNS records.",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
@@ -0,0 +1,57 @@
+const RELEASES_URL = "https://git.nhaiden.io/niklas/proxy-studio/releases";
+const SOURCE_URL = "https://git.nhaiden.io/niklas/proxy-studio";
+
+const features = [
+  {
+    title: "Proxy hosts",
+    body: "Browse, search and sort every host on your Nginx Proxy Manager. Create, edit, enable or disable them in a native editor.",
+  },
+  {
+    title: "Certificates",
+    body: "See your SSL certificates at a glance and attach them to hosts, with Force HTTPS, HTTP/2 and exploit blocking a toggle away.",
+  },
+  {
+    title: "UniFi DNS",
+    body: "Manage local DNS records on your UniFi Network controller: A, AAAA, CNAME, MX, TXT, SRV and forward domains.",
+  },
+  {
+    title: "Keychain storage",
+    body: "Server credentials and API keys are kept in your macOS login keychain, never in plain text.",
+  },
+];
+
+export default function Home() {
+  return (
+    <main>
+      <header className="hero">
+        <img src="/app-icon.png" alt="" width={128} height={128} />
+        <h1>Proxy Studio</h1>
+        <p className="tagline">
+          A native macOS app for your homelab&rsquo;s Nginx Proxy Manager and UniFi DNS.
+        </p>
+        <div className="actions">
+          <a className="button primary" href={RELEASES_URL}>
+            Download for macOS
+          </a>
+          <a className="button" href={SOURCE_URL}>
+            View source
+          </a>
+        </div>
+      </header>
+
+      <section className="features">
+        {features.map((f) => (
+          <article key={f.title}>
+            <h2>{f.title}</h2>
+            <p>{f.body}</p>
+          </article>
+        ))}
+      </section>
+
+      <footer>
+        Not affiliated with Nginx Proxy Manager or Ubiquiti. Try it without a server using the
+        built-in demo mode.
+      </footer>
+    </main>
+  );
+}