Landing page redesign, dashboard improvements & new settings sections #67

2026-03-22T16:14:46Z

uz1mani commented

2026-03-22 16:14:46 +00:00

(Migrated from github.com)

Summary

Complete landing page redesign with live demo dashboard, interactive mockups, feature sections, FAQ, and showcase backgrounds
Replaced Recharts with visx area chart, added horizontal funnel chart, and refined chart visuals (gradient fills, smooth curves, UTC time labels)
Added Bot & Spam settings with session review UI, Notifications section (Reports & Alerts), and simplified uptime to single auto-managed monitor
Improved public dashboard password flow with session cookie auth and better UX

Changes

Landing Page

Redesigned hero section to match website quality
Ported interactive mockups and mega-menu header from website
Added live demo dashboard with real components and fake data
Added feature sections, comparison cards, CTA, and tabbed FAQ
Dark-only cleanup with glass treatment for cards and navigation

Dashboard & Charts

Replaced Recharts with visx area chart (gradient fill, smooth curves)
Added horizontal funnel chart replacing vertical layout
Fixed date/time formats to European (en-GB) and UTC-based labels
Used real SVG brand logos (Slack, Discord) and Phosphor icons for referrers

Settings

Added Bot & Spam tab with session review card layout
Added Notifications section with Reports and Alerts
Simplified uptime page to single auto-managed monitor with toggle
Persist script feature toggles to backend

Fixes

Session cookie auth for public dashboard password flow
Stopped password keystrokes from triggering API calls
Skipped auth token refresh for public API endpoints
Added legacy-peer-deps to .npmrc for visx React 19 compat

Dependencies

Bumped @ciphera-net/ui to 0.3.1
Added @testing-library/dom, visx libraries
Replaced lucide-react with phosphor-icons in FAQ

## Summary - Complete landing page redesign with live demo dashboard, interactive mockups, feature sections, FAQ, and showcase backgrounds - Replaced Recharts with visx area chart, added horizontal funnel chart, and refined chart visuals (gradient fills, smooth curves, UTC time labels) - Added Bot & Spam settings with session review UI, Notifications section (Reports & Alerts), and simplified uptime to single auto-managed monitor - Improved public dashboard password flow with session cookie auth and better UX ## Changes ### Landing Page - Redesigned hero section to match website quality - Ported interactive mockups and mega-menu header from website - Added live demo dashboard with real components and fake data - Added feature sections, comparison cards, CTA, and tabbed FAQ - Dark-only cleanup with glass treatment for cards and navigation ### Dashboard & Charts - Replaced Recharts with visx area chart (gradient fill, smooth curves) - Added horizontal funnel chart replacing vertical layout - Fixed date/time formats to European (en-GB) and UTC-based labels - Used real SVG brand logos (Slack, Discord) and Phosphor icons for referrers ### Settings - Added Bot & Spam tab with session review card layout - Added Notifications section with Reports and Alerts - Simplified uptime page to single auto-managed monitor with toggle - Persist script feature toggles to backend ### Fixes - Session cookie auth for public dashboard password flow - Stopped password keystrokes from triggering API calls - Skipped auth token refresh for public API endpoints - Added legacy-peer-deps to .npmrc for visx React 19 compat ### Dependencies - Bumped @ciphera-net/ui to 0.3.1 - Added @testing-library/dom, visx libraries - Replaced lucide-react with phosphor-icons in FAQ

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: ciphera-net/pulse#67