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>
  );
}