From 6c2a228267c69a7d638c4e87d9608a802fb39daa Mon Sep 17 00:00:00 2001
From: FliegendeWurst <arne.keller@posteo.de>
Date: Tue, 17 Jun 2025 17:01:13 +0200
Subject: [PATCH] fix(website): feature block descriptions

---
 apps/website/src/routes/+page.svelte          | 23 ++++++++++---------
 apps/website/src/routes/download/+page.svelte |  2 ++
 .../technical-features/grafana-metrics.png    |  1 +
 3 files changed, 15 insertions(+), 11 deletions(-)
 create mode 120000 apps/website/static/technical-features/grafana-metrics.png

diff --git a/apps/website/src/routes/+page.svelte b/apps/website/src/routes/+page.svelte
index f1669fed1..a438901b5 100644
--- a/apps/website/src/routes/+page.svelte
+++ b/apps/website/src/routes/+page.svelte
@@ -27,6 +27,7 @@
                 <p class="text-lg mb-6 text-gray-700 dark:text-gray-300">
                     Trilium Notes helps you build and organize complex personal knowledge bases effortlessly.  
                     Its unique tree structure, rich editing tools, and powerful search features make managing your information intuitive and flexible.
+                    <!-- TODO: remove the squiggly autocorrect lines in the screenshot!! -->
                     <!-- TODO: dark mode screenshot -->
                 </p>
                 <div class="flex items-center gap-6">
@@ -82,31 +83,31 @@
 
     <div class="grid md:grid-cols-2 gap-10">
         <FeatureBlock
-            imgSrc="/note-types/canvas.png"
-            imgAlt="Canvas Note Screenshot"
+            imgSrc="/technical-features/sync-server.png"
+            imgAlt="TODO"
             title="Synchronization Server"
-            text="TODO"
+            text="Seamless mirroring of changes acroll all devices."
             />
 
         <FeatureBlock
-            imgSrc="/note-types/mermaid.png"
-            imgAlt="Mermaid Diagram Screenshot"
+            imgSrc="/technical-features/cross-platform.png"
+            imgAlt="TODO, maybe some icons"
             title="Cross-platform App + Web UI"
-            text="Use Trilium Notes as Electron application or in your browser."
+            text="Use as Electron application or in your browser."
             />
 
         <FeatureBlock
-            imgSrc="/note-types/geo-map.png"
-            imgAlt="Geo Map Screenshot"
+            imgSrc="/technical-features/scripting.png"
+            imgAlt="TODO"
             title="Scripting"
-            text="TODO and REST API for automation."
+            text="Custom UI widgets and a REST API for automation."
             />
 
         <FeatureBlock
-            imgSrc="/note-types/mind-map.png"
+            imgSrc="/technical-features/grafana-metrics.png"
             imgAlt="Mind Map Screenshot"
             title="Grafana Metrics"
-            text="TODO"
+            text="Measure database metrics over time."
             />
     </div>
 </section>
diff --git a/apps/website/src/routes/download/+page.svelte b/apps/website/src/routes/download/+page.svelte
index 44ae25f7a..b09c684f9 100644
--- a/apps/website/src/routes/download/+page.svelte
+++ b/apps/website/src/routes/download/+page.svelte
@@ -60,4 +60,6 @@
         </div>
     </section>
 
+    <!-- TODO: mention mobile support here? (alpha Android app / mobile web view) -->
+
 </div>
diff --git a/apps/website/static/technical-features/grafana-metrics.png b/apps/website/static/technical-features/grafana-metrics.png
new file mode 120000
index 000000000..1dd11db67
--- /dev/null
+++ b/apps/website/static/technical-features/grafana-metrics.png
@@ -0,0 +1 @@
+../../../../docs/User Guide/User Guide/Advanced Usage/1_Metrics_image.png
\ No newline at end of file