From 29ae4b65bc99e37e14498eef7686803532f528b2 Mon Sep 17 00:00:00 2001 From: Sharang Parnerkar Date: Wed, 18 Feb 2026 21:52:45 +0100 Subject: [PATCH] feat(ui): add public landing page with impressum and privacy pages Introduce a marketing landing page at `/` with hero section, feature grid, how-it-works steps, CTA banner, and footer. Move the authenticated dashboard to `/dashboard`. Add static Impressum and Privacy Policy pages for EU legal compliance. Update login redirect defaults accordingly. Co-Authored-By: Claude Opus 4.6 --- assets/main.css | 71 +++++++++++++++++++++++++++++++++++++------------ 1 file changed, 54 insertions(+), 17 deletions(-) diff --git a/assets/main.css b/assets/main.css index 5d05441..1268ed2 100644 --- a/assets/main.css +++ b/assets/main.css @@ -7,7 +7,12 @@ body { padding: 0; } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: 'Space Grotesk', sans-serif; } @@ -509,11 +514,9 @@ h1, h2, h3, h4, h5, h6 { margin: 0 auto 80px; padding: 64px 48px; text-align: center; - background: linear-gradient( - 135deg, - rgba(145, 164, 210, 0.08), - rgba(109, 133, 198, 0.04) - ); + background: linear-gradient(135deg, + rgba(145, 164, 210, 0.08), + rgba(109, 133, 198, 0.04)); border: 1px solid rgba(145, 164, 210, 0.15); border-radius: 20px; } @@ -1029,11 +1032,30 @@ h1, h2, h3, h4, h5, h6 { letter-spacing: 0.05em; } -.news-badge--llm { background-color: rgba(99, 102, 241, 0.15); color: #818cf8; } -.news-badge--agents { background-color: rgba(168, 85, 247, 0.15); color: #c084fc; } -.news-badge--privacy { background-color: rgba(34, 197, 94, 0.15); color: #4ade80; } -.news-badge--infrastructure { background-color: rgba(234, 179, 8, 0.15); color: #facc15; } -.news-badge--open-source { background-color: rgba(236, 72, 153, 0.15); color: #f472b6; } +.news-badge--llm { + background-color: rgba(99, 102, 241, 0.15); + color: #818cf8; +} + +.news-badge--agents { + background-color: rgba(168, 85, 247, 0.15); + color: #c084fc; +} + +.news-badge--privacy { + background-color: rgba(34, 197, 94, 0.15); + color: #4ade80; +} + +.news-badge--infrastructure { + background-color: rgba(234, 179, 8, 0.15); + color: #facc15; +} + +.news-badge--open-source { + background-color: rgba(236, 72, 153, 0.15); + color: #f472b6; +} .news-card-source { font-size: 12px; @@ -1367,9 +1389,17 @@ h1, h2, h3, h4, h5, h6 { border-radius: 50%; } -.tool-status--active { background-color: #4ade80; } -.tool-status--inactive { background-color: #5a6478; } -.tool-status--error { background-color: #f87171; } +.tool-status--active { + background-color: #4ade80; +} + +.tool-status--inactive { + background-color: #5a6478; +} + +.tool-status--error { + background-color: #f87171; +} .tool-card-name { font-size: 16px; @@ -1571,8 +1601,13 @@ h1, h2, h3, h4, h5, h6 { font-weight: 500; } -.analytics-stat-change--up { color: #4ade80; } -.analytics-stat-change--down { color: #f87171; } +.analytics-stat-change--up { + color: #4ade80; +} + +.analytics-stat-change--down { + color: #f87171; +} /* ===== Pricing Page ===== */ .pricing-page { @@ -1792,6 +1827,7 @@ h1, h2, h3, h4, h5, h6 { /* ===== Responsive: Dashboard Pages ===== */ @media (max-width: 1024px) { + .news-grid, .tools-grid, .pricing-grid { @@ -1812,6 +1848,7 @@ h1, h2, h3, h4, h5, h6 { } @media (max-width: 768px) { + .news-grid, .tools-grid, .pricing-grid { @@ -1848,4 +1885,4 @@ h1, h2, h3, h4, h5, h6 { min-width: unset; margin: 16px; } -} +} \ No newline at end of file