From 4bcac595addc825ebe96807b6b0df4ecf7b331b9 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sat, 31 Jan 2026 13:22:38 -0600
Subject: [PATCH] about wording

---
 lib/towerops_web/live/help_live/index.ex | 89 +++++++++++++++++++++++-
 1 file changed, 88 insertions(+), 1 deletion(-)

diff --git a/lib/towerops_web/live/help_live/index.ex b/lib/towerops_web/live/help_live/index.ex
index 9b78eef8..f3304e71 100644
--- a/lib/towerops_web/live/help_live/index.ex
+++ b/lib/towerops_web/live/help_live/index.ex
@@ -42,7 +42,7 @@ defmodule ToweropsWeb.HelpLive.Index do
 
   @impl true
   def handle_params(params, _url, socket) do
-    section = Map.get(params, "section", "getting-started")
+    section = Map.get(params, "section", "about")
     {:noreply, assign(socket, active_section: section)}
   end
 
@@ -88,6 +88,21 @@ defmodule ToweropsWeb.HelpLive.Index do
               Sections
             </h3>
             <ul class="space-y-1">
+              <li>
+                <.link
+                  patch={~p"/help?section=about"}
+                  class={[
+                    "block px-3 py-2 rounded-md text-sm font-medium transition-colors",
+                    if @active_section == "about" do
+                      "bg-blue-50 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300"
+                    else
+                      "text-gray-700 hover:bg-gray-50 dark:text-gray-300 dark:hover:bg-gray-800"
+                    end
+                  ]}
+                >
+                  About Towerops
+                </.link>
+              </li>
               <li>
                 <.link
                   patch={~p"/help?section=getting-started"}
@@ -140,6 +155,78 @@ defmodule ToweropsWeb.HelpLive.Index do
         <div class="lg:col-span-3">
           <div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10">
             <%= case @active_section do %>
+              <% "about" -> %>
+                <div class="p-6">
+                  <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">
+                    About Towerops
+                  </h2>
+
+                  <div class="prose prose-sm dark:prose-invert max-w-none">
+                    <p class="text-gray-600 dark:text-gray-400">
+                      Towerops is a modern network monitoring and management platform designed to provide
+                      comprehensive visibility into your network infrastructure. It came out of a need to simplify
+                      network monitoring and alerting while running a wireless ISP.
+                    </p>
+
+                    <p class="text-gray-600 dark:text-gray-400 mt-4">
+                      Think of Towerops as combining the best of LibreNMS, Icinga2/Nagios, and PagerDuty into
+                      a single, unified platform. You get deep network device monitoring with SNMP auto-discovery,
+                      flexible health checks and alerting, and intelligent incident management—all with a modern
+                      interface that makes complex monitoring workflows simple and accessible.
+                    </p>
+
+                    <div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
+                      <div class="p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-white/10 rounded-lg">
+                        <h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">
+                          Network Monitoring
+                        </h4>
+                        <p class="text-sm text-gray-600 dark:text-gray-400">
+                          Like LibreNMS, discover and monitor network devices via SNMP with support for
+                          multi-vendor equipment, interface statistics, and topology mapping.
+                        </p>
+                      </div>
+                      <div class="p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-white/10 rounded-lg">
+                        <h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">
+                          Health Checks & Alerting
+                        </h4>
+                        <p class="text-sm text-gray-600 dark:text-gray-400">
+                          Like Icinga2/Nagios, configure flexible monitoring checks with customizable thresholds
+                          and alert conditions for any metric or device state.
+                        </p>
+                      </div>
+                      <div class="p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-white/10 rounded-lg">
+                        <h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">
+                          Incident Management
+                        </h4>
+                        <p class="text-sm text-gray-600 dark:text-gray-400">
+                          Like PagerDuty, manage incidents with intelligent alerting, escalation policies,
+                          and notification routing to keep your team informed.
+                        </p>
+                      </div>
+                    </div>
+
+                    <div class="mt-6 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg">
+                      <div class="flex gap-3">
+                        <.icon
+                          name="hero-information-circle"
+                          class="h-5 w-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5"
+                        />
+                        <div>
+                          <p class="text-sm text-blue-800 dark:text-blue-300">
+                            Ready to get started? Check out the
+                            <.link
+                              patch={~p"/help?section=getting-started"}
+                              class="underline hover:text-blue-900 dark:hover:text-blue-200"
+                            >
+                              Getting Started
+                            </.link>
+                            guide to begin monitoring your network infrastructure.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               <% "getting-started" -> %>
                 <div class="p-6">
                   <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">