update website

README.md

@@ -30,6 +30,8 @@ This project provides a web UI for Caddy Server, eliminating the need to manuall
 <img width="49%" alt="Proxy Hosts" src="site/assets/screenshots/proxy-hosts.png" /> <img width="49%" alt="Certificates" src="site/assets/screenshots/certificates.png" />
 <img width="49%" alt="Proxy Editor" src="site/assets/screenshots/proxy-editor.png" /> <img width="49%" alt="Audit Log" src="site/assets/screenshots/audit-log.png" />
 
+<img width="100%" alt="Analytics" src="site/assets/screenshots/analytics.png" />
+
 ---
 
 ## Installation
@@ -51,6 +53,7 @@ Data persists in Docker volumes (caddy-manager-data, caddy-data, caddy-config, c
 ## Features
 
 - **Proxy Hosts** - Reverse proxies with custom headers, multiple upstreams, load balancing, and enable/disable toggle
+- **Analytics** - Live traffic charts, country map, top user agents, and blocked request log with configurable time ranges
 - **Search & Pagination** - Server-side search and pagination on all data tables (proxy hosts, access lists, audit log, certificates)
 - **Geo Blocking** - Block or allow traffic by country, continent, ASN, CIDR range, or exact IP per proxy host
 - **Access Lists** - Multi-account HTTP basic auth protection assignable per proxy host

site/index.html

@@ -64,7 +64,7 @@
 
       <div class="showcase">
         <div class="screenshot-main">
-          <img src="assets/screenshots/dashboard-main.png" alt="Caddy Proxy Manager Dashboard" loading="lazy" />
+          <img src="assets/screenshots/analytics.png" alt="Caddy Proxy Manager Analytics" loading="lazy" />
         </div>
       </div>
     </section>
@@ -78,13 +78,15 @@
       <div class="grid">
         <div class="card">
           <h3>Reverse Proxy</h3>
-          <p>Easily configure upstream pools, custom headers, and routing rules with a type-safe editor.</p>
+          <p>Configure upstream pools, load balancing, custom headers, and per-host enable/disable with a clean editor.</p>
         </div>
         <div class="card">
           <h3>Auto HTTPS</h3>
-          <p>Zero-configuration TLS certificates via Let's Encrypt. Supports Cloudflare DNS-01 and HTTP-01 challenges
-            out of the
-            box.</p>
+          <p>Automatic TLS certificates for every proxy host via Caddy ACME. Supports Let's Encrypt, ZeroSSL, and Cloudflare DNS-01.</p>
+        </div>
+        <div class="card">
+          <h3>Traffic Analytics</h3>
+          <p>Live request charts, country-level traffic map, top user agents, and blocked request log — across any time range.</p>
         </div>
         <div class="card">
           <h3>Geo Blocking</h3>
@@ -92,19 +94,19 @@
         </div>
         <div class="card">
           <h3>Access Control</h3>
-          <p>Secure your endpoints with basic auth, IP access lists, or valid OAuth2/OIDC sessions.</p>
+          <p>Protect endpoints with HTTP basic auth lists or full OAuth2/OIDC SSO via any OIDC-compliant provider.</p>
         </div>
         <div class="card">
           <h3>Audit Log</h3>
-          <p>Every change is tracked. See who modified what and when, with full configuration diffs.</p>
+          <p>Every change is tracked and searchable. See who modified what and when, with full event history.</p>
         </div>
         <div class="card">
-          <h3>Modern Stack</h3>
-          <p>Built with Next.js 16, React Server Components, and Drizzle ORM for maximum performance.</p>
+          <h3>Certificate Visibility</h3>
+          <p>See issuer, expiry status, and health for every ACME-managed certificate — no more guessing what Caddy obtained.</p>
         </div>
         <div class="card">
           <h3>Docker Ready</h3>
-          <p>Deploys in seconds with a single docker-compose file. Stateless application logic with persistent data.</p>
+          <p>Deploys in seconds with a single docker-compose file. Persistent data via volumes, stateless app logic.</p>
         </div>
       </div>
     </section>
@@ -115,8 +117,10 @@
       </div>
       <div class="tech-grid">
         <div class="secondary-screenshots">
-          <img src="assets/screenshots/audit-log.png" alt="Audit Log" loading="lazy" />
+          <img src="assets/screenshots/proxy-hosts.png" alt="Proxy Hosts" loading="lazy" />
+          <img src="assets/screenshots/certificates.png" alt="Certificates" loading="lazy" />
           <img src="assets/screenshots/proxy-editor.png" alt="Proxy Editor" loading="lazy" />
+          <img src="assets/screenshots/audit-log.png" alt="Audit Log" loading="lazy" />
         </div>
         <div>
           <ul class="tech-list">