changed landing page and features doc

docs/index.html

@@ -353,7 +353,7 @@
             animation: fadeInScale 0.6s ease-out forwards;
         }
 
-        /* Stagger animation delays for feature cards */
+        /* Stagger animation delays for feature cards (5 rows × 3 cols = 15 cards) */
         .feature.animated:nth-child(1) { animation-delay: 0s; }
         .feature.animated:nth-child(2) { animation-delay: 0.1s; }
         .feature.animated:nth-child(3) { animation-delay: 0.2s; }
@@ -367,6 +367,8 @@
         .feature.animated:nth-child(11) { animation-delay: 0.25s; }
         .feature.animated:nth-child(12) { animation-delay: 0.35s; }
         .feature.animated:nth-child(13) { animation-delay: 0.2s; }
+        .feature.animated:nth-child(14) { animation-delay: 0.3s; }
+        .feature.animated:nth-child(15) { animation-delay: 0.4s; }
 
         .screenshot-section {
             margin: 4rem 0 3rem 0;
@@ -832,12 +834,6 @@
                 <p>No subscriptions, no hidden fees. Free and open source forever.</p>
             </div>
 
-            <div class="feature animate-on-scroll">
-                <div class="feature-icon">🚀</div>
-                <h3>Lightning Fast</h3>
-                <p>Instant search and navigation. Works offline, always responsive.</p>
-            </div>
-
             <div class="feature animate-on-scroll">
                 <div class="feature-icon">🧮</div>
                 <h3>LaTeX Math</h3>
@@ -868,12 +864,6 @@
                 <p>Create from custom templates with dynamic placeholders. Meeting notes, journals, and more.</p>
             </div>
 
-            <div class="feature animate-on-scroll">
-                <div class="feature-icon">🔗</div>
-                <h3>Wikilinks</h3>
-                <p>Link notes with [[double brackets]] Obsidian-style. Jump to sections with [[note#heading]] anchors.</p>
-            </div>
-
             <div class="feature animate-on-scroll">
                 <div class="feature-icon">🕸️</div>
                 <h3>Graph View</h3>
@@ -909,6 +899,18 @@
                 <h3>Extensible</h3>
                 <p>Plugin system lets you add custom features and integrations.</p>
             </div>
+
+            <div class="feature animate-on-scroll">
+                <div class="feature-icon">📲</div>
+                <h3>Install as App</h3>
+                <p>Progressive Web App (PWA) - install on desktop or mobile for a native experience.</p>
+            </div>
+
+            <div class="feature animate-on-scroll">
+                <div class="feature-icon">🌍</div>
+                <h3>Multi-Language</h3>
+                <p>Built-in translations for English, Spanish, German, and French. Easy to add more.</p>
+            </div>
         </div>
 
         <div class="benefits animate-on-scroll">
@@ -946,38 +948,6 @@
                     </div>
                 </div>
 
-                <div class="benefit-item">
-                    <span class="emoji">🌙</span>
-                    <div class="text">
-                        <strong>Dark Mode</strong>
-                        Easy on the eyes
-                    </div>
-                </div>
-
-                <div class="benefit-item">
-                    <span class="emoji">💻</span>
-                    <div class="text">
-                        <strong>Self-Hosted</strong>
-                        You own your data
-                    </div>
-                </div>
-
-                <div class="benefit-item">
-                    <span class="emoji">🔗</span>
-                    <div class="text">
-                        <strong>Wikilinks</strong>
-                        [[Link notes]] Obsidian-style
-                    </div>
-                </div>
-
-                <div class="benefit-item">
-                    <span class="emoji">🕸️</span>
-                    <div class="text">
-                        <strong>Graph View</strong>
-                        Visualize note connections
-                    </div>
-                </div>
-
                 <div class="benefit-item">
                     <span class="emoji">🖼️</span>
                     <div class="text">
@@ -1011,10 +981,10 @@
                 </div>
 
                 <div class="benefit-item">
-                    <span class="emoji">⚙️</span>
+                    <span class="emoji">🔗</span>
                     <div class="text">
-                        <strong>Properties Panel</strong>
+                        <strong>Wikilinks</strong>
-                        View frontmatter metadata at a glance
+                        [[Link notes]] Obsidian-style
                     </div>
                 </div>
             </div>

documentation/FEATURES.md

@@ -318,12 +318,32 @@ Full immersive distraction-free writing experience:
 - **Easy exit** - Press `Esc`, click exit button, or use shortcut again
 - **State preserved** - Returns to your previous view mode on exit
 
+## 📱 Progressive Web App (PWA)
+
+NoteDiscovery can be installed as a standalone app on your device:
+
+- **Install as app** - Add to home screen on mobile, or install via browser on desktop
+- **Standalone mode** - Runs without browser chrome for a native app feel
+
+### How to Install
+- **Desktop (Chrome/Edge)**: Click the install icon in the address bar, or Menu → "Install NoteDiscovery"
+- **Android**: Chrome Menu → "Add to Home Screen"
+- **iOS**: Safari Share → "Add to Home Screen"
+
+## 🌍 Internationalization
+
+- **Multiple languages** - English, Spanish, German, French built-in
+- **Easy to add** - Drop JSON files in `locales/` folder
+- **Instant switch** - Change language in Settings without reload
+- **Community translations** - Contributions welcome!
+
 ## 🚀 Performance
 
 - **Instant loading** - No lag, no loading spinners
 - **Efficient caching** - Smart local storage
 - **Minimal resources** - Runs on modest hardware
 - **No bloat** - Focused on what matters
+- **Lightweight** - No heavy frameworks
 
 ---