diff --git a/apps/website/src/pages/Home/index.css b/apps/website/src/pages/Home/index.css index 6fe6089de..f9d56bd07 100644 --- a/apps/website/src/pages/Home/index.css +++ b/apps/website/src/pages/Home/index.css @@ -141,6 +141,10 @@ section.accented { background: linear-gradient(135deg, rgba(228, 123, 25, 0.08), rgba(79, 165, 43, 0.08)); } +section:not(.accented) + section:not(.accented) { + box-shadow: 0 0 6px black inset; +} + .benefits-container .card { padding: 1em; } diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx index 9eca5b503..4dfb32ad2 100644 --- a/apps/website/src/pages/Home/index.tsx +++ b/apps/website/src/pages/Home/index.tsx @@ -29,8 +29,10 @@ export function Home() { return ( <> - + + + @@ -78,7 +80,7 @@ function HeroSection() { ) } -function BenefitsSection() { +function OrganizationBenefitsSection() { return ( <>
@@ -88,7 +90,13 @@ function BenefitsSection() { Easily separate your personal and work notes by grouping them under a workspace, which focuses your note tree to only show a specific set of notes.
+ + ); +} +function ProductivityBenefitsSection() { + return ( + <>
Notes are periodically saved in the background and revisions can be used for review or to undo accidental changes. Revisions can also be created on-demand. @@ -99,22 +107,13 @@ function BenefitsSection() { Grab web pages (or screenshots) and place them directly into Trilium using the web clipper browser extension.
- -
-
- Easily interact with other applications using Markdown, ENEX, OML formats. - If you have a server, it can be used to share a subset of your notes with other people. - Build your own integrations within Trilium with custom widgets, or server-side logic. - Interact with Trilium programatically using its builtin REST API. -
-
); } function NoteTypesSection() { return ( -
+
+
+
+ Easily interact with other applications using Markdown, ENEX, OML formats. + If you have a server, it can be used to share a subset of your notes with other people. + Build your own integrations within Trilium with custom widgets, or server-side logic. + Interact with Trilium programatically using its builtin REST API. +
+
+ + ); +} + function CollectionsSection() { return (