From 7990c60ce724810f1ce6109e7271e0640dd65719 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 26 Sep 2025 23:40:05 +0300
Subject: [PATCH] feat(website): clickable header banner

---
 apps/website2/src/components/Header.css | 8 ++++++++
 apps/website2/src/components/Header.tsx | 7 +++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/website2/src/components/Header.css b/apps/website2/src/components/Header.css
index 1f36d09e3..fe1b8fecc 100644
--- a/apps/website2/src/components/Header.css
+++ b/apps/website2/src/components/Header.css
@@ -15,6 +15,14 @@ header .content-wrapper {
     gap: 1em;
 }
 
+header a.banner {
+    display: flex;
+    align-items: center;
+    justify-items: center;
+    text-decoration: none;
+    color: inherit;
+}
+
 header > .content-wrapper,
 section.hero-section > .content-wrapper {
     min-width: 80vw;
diff --git a/apps/website2/src/components/Header.tsx b/apps/website2/src/components/Header.tsx
index 86c364732..1a29d5318 100644
--- a/apps/website2/src/components/Header.tsx
+++ b/apps/website2/src/components/Header.tsx
@@ -8,12 +8,11 @@ export function Header() {
 	return (
 		<header>
             <div class="content-wrapper">
-                <img src="./src/assets/icon-color.svg" width="300" height="300" />&nbsp;<span>Trilium Notes</span>
+                <a class="banner" href="/">
+                    <img src="./src/assets/icon-color.svg" width="300" height="300" />&nbsp;<span>Trilium Notes</span>
+                </a>
 
                 <nav>
-                    <a href="/" class={url == '/' && 'active'}>
-                        Home
-                    </a>
                     <a href="/404" class={url == '/404' && 'active'}>
                         404
                     </a>