SEO changes

docs/index.html

@@ -7,8 +7,8 @@
     <!-- Primary Meta Tags -->
     <title>NoteDiscovery - Your Self-Hosted Knowledge Base</title>
     <meta name="title" content="NoteDiscovery - Your Self-Hosted Knowledge Base">
-    <meta name="description" content="A lightweight, privacy-focused note-taking application. Self-hosted, free, and open source. Write, organize, and discover your notes with markdown support.">
+    <meta name="description" content="A lightweight, privacy-focused Markdown note-taking application with LaTeX math, Mermaid diagrams, and code highlighting. Self-hosted, free, and open source.">
-    <meta name="keywords" content="note taking, markdown editor, self-hosted, knowledge base, open source, privacy, notes app, docker, second brain, obsidian alternative">
+    <meta name="keywords" content="note taking, markdown editor, self-hosted, knowledge base, open source, privacy, notes app, docker, second brain, obsidian alternative, notion, evernote, onenote, latex, mermaid, diagrams, math equations">
     <meta name="author" content="Gamosoft">
     <meta name="robots" content="index, follow">
     <link rel="canonical" href="https://www.notediscovery.com">
@@ -17,7 +17,7 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://www.notediscovery.com">
     <meta property="og:title" content="NoteDiscovery - Your Self-Hosted Knowledge Base">
-    <meta property="og:description" content="A lightweight, privacy-focused note-taking application. Self-hosted, free, and open source.">
+    <meta property="og:description" content="A lightweight, privacy-focused Markdown note-taking application with LaTeX math, Mermaid diagrams, and code highlighting. Self-hosted, free, and open source.">
     <meta property="og:image" content="https://www.notediscovery.com/og-image.png">
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
@@ -28,7 +28,7 @@
     <meta name="twitter:site" content="@gamosoft">
     <meta name="twitter:creator" content="@gamosoft">
     <meta name="twitter:title" content="NoteDiscovery - Your Self-Hosted Knowledge Base">
-    <meta name="twitter:description" content="A lightweight, privacy-focused note-taking application. Self-hosted, free, and open source.">
+    <meta name="twitter:description" content="A lightweight, privacy-focused note-taking application with LaTeX math, Mermaid diagrams, and code highlighting. Self-hosted, free, and open source.">
     <meta name="twitter:image" content="https://www.notediscovery.com/og-image.png">
     <meta name="twitter:image:alt" content="NoteDiscovery - Self-hosted note-taking application interface">
     
@@ -509,7 +509,7 @@
         <div class="hero">
             <div class="hero-content">
                 <h2>Take Control of Your Notes</h2>
-                <p>A lightweight, privacy-focused note-taking application that puts you in complete control of your knowledge base. Write, organize, and discover your notes with a beautiful, modern interface—all running on your own server.</p>
+                <p>A lightweight, privacy-focused note-taking application with powerful features: LaTeX math equations, Mermaid diagrams, code highlighting, and more. Write, organize, and discover your notes with a beautiful, modern interface—all running on your own server.</p>
                 <a href="https://github.com/gamosoft/NoteDiscovery" class="cta-button">Get Started on GitHub →</a>
             </div>
         </div>
@@ -550,6 +550,24 @@
                 <p>Instant search and navigation. Works offline, always responsive.</p>
             </div>
 
+            <div class="feature">
+                <div class="feature-icon">🧮</div>
+                <h3>LaTeX Math</h3>
+                <p>Beautiful equation rendering with MathJax. Perfect for scientific notes.</p>
+            </div>
+
+            <div class="feature">
+                <div class="feature-icon">📊</div>
+                <h3>Diagrams</h3>
+                <p>Create flowcharts, mind maps, and diagrams with Mermaid syntax.</p>
+            </div>
+
+            <div class="feature">
+                <div class="feature-icon">💻</div>
+                <h3>Code Highlighting</h3>
+                <p>Syntax highlighting for popular coding languages. Developer-friendly notes.</p>
+            </div>
+
             <div class="feature">
                 <div class="feature-icon">📂</div>
                 <h3>Simple Storage</h3>
@@ -559,7 +577,7 @@
             <div class="feature">
                 <div class="feature-icon">🎨</div>
                 <h3>Beautiful Themes</h3>
-                <p>Multiple built-in themes with full customization support.</p>
+                <p>8 built-in themes with dark/light modes and full customization.</p>
             </div>
 
             <div class="feature">
@@ -619,6 +637,38 @@
                         You own your data
                     </div>
                 </div>
+
+                <div class="benefit-item">
+                    <span class="emoji">🔗</span>
+                    <div class="text">
+                        <strong>Wiki Links</strong>
+                        Connect notes with internal links
+                    </div>
+                </div>
+
+                <div class="benefit-item">
+                    <span class="emoji">📄</span>
+                    <div class="text">
+                        <strong>HTML Export</strong>
+                        Share standalone HTML files
+                    </div>
+                </div>
+
+                <div class="benefit-item">
+                    <span class="emoji">⌨️</span>
+                    <div class="text">
+                        <strong>Keyboard Shortcuts</strong>
+                        Navigate and create with speed
+                    </div>
+                </div>
+
+                <div class="benefit-item">
+                    <span class="emoji">🔐</span>
+                    <div class="text">
+                        <strong>Optional Auth</strong>
+                        Password protection when needed
+                    </div>
+                </div>
             </div>
         </div>
 
@@ -671,10 +721,11 @@
       "@context": "https://schema.org",
       "@type": "SoftwareApplication",
       "name": "NoteDiscovery",
-      "description": "A lightweight, privacy-focused note-taking application. Self-hosted, free, and open source.",
+      "description": "A lightweight, Obsidian and Evernote alternative, privacy-focused Markdown note-taking application with LaTeX math, Mermaid diagrams, and code highlighting. Self-hosted, free, and open source.",
       "url": "https://www.notediscovery.com",
       "applicationCategory": "ProductivityApplication",
       "operatingSystem": "Linux, Windows, macOS",
+      "featureList": "Markdown editor, LaTeX math equations, Mermaid diagrams, Code syntax highlighting, Dark mode, Plugin system, Internal wiki links, HTML export, Full-text search, Self-hosted, Obsidian, Evernote, Notion, Onenote, Second brain",
       "offers": {
         "@type": "Offer",
         "price": "0",