diff --git a/apps/mana/apps/landing/src/components/navigation/Footer.astro b/apps/mana/apps/landing/src/components/navigation/Footer.astro index 689d92cb7..c5c476018 100644 --- a/apps/mana/apps/landing/src/components/navigation/Footer.astro +++ b/apps/mana/apps/landing/src/components/navigation/Footer.astro @@ -34,6 +34,7 @@ const platformLinks = [ { label: 'Dashboard', href: 'https://mana.how' }, { label: 'Observatory', href: 'https://mana.how/observatory' }, { label: 'Alle Apps', href: '/apps' }, + { label: 'Features', href: '/features' }, { label: 'Preise', href: '/pricing' }, ]; diff --git a/apps/mana/apps/landing/src/content/devlog/2026-04-04-mana-media-cas-effect-depth-fix.md b/apps/mana/apps/landing/src/content/devlog/2026-04-04-mana-media-cas-effect-depth-fix.md index 9ec1fda4d..92e403920 100644 --- a/apps/mana/apps/landing/src/content/devlog/2026-04-04-mana-media-cas-effect-depth-fix.md +++ b/apps/mana/apps/landing/src/content/devlog/2026-04-04-mana-media-cas-effect-depth-fix.md @@ -3,7 +3,7 @@ title: 'mana-media als zentrale Bild-Pipeline + Effect-Depth-Fix' description: 'Kurzer Tag: Bild-Uploads aller 5 Module routen über mana-media (CAS, Thumbnails, EXIF, Photos-Galerie). Dazu der Fix für effect_update_depth_exceeded der seit dem Unified-App-Switch auf 6 Dashboard-Modulen heumkroch.' date: 2026-04-04 author: 'Till Schneider' -category: 'fix' +category: 'bugfix' tags: ['mana-media', 'cas', 'thumbnails', 'photos', 'svelte5', 'reactivity', 'liveQuery', 'guest-mode'] featured: false diff --git a/apps/mana/apps/landing/src/pages/features.astro b/apps/mana/apps/landing/src/pages/features.astro new file mode 100644 index 000000000..8c55d7370 --- /dev/null +++ b/apps/mana/apps/landing/src/pages/features.astro @@ -0,0 +1,1030 @@ +--- +import Layout from '../layouts/Layout.astro'; +import Footer from '../components/navigation/Footer.astro'; + +// USP categories with ratings (1-5 stars for usefulness) +const uspCategories = [ + { + id: 'unified', + title: 'Eine Plattform, 40+ Module', + subtitle: 'Alles an einem Ort', + description: + 'Todo, Kalender, Kontakte, Notizen, Finanzen, Fitness, Musik, KI-Chat, Bildgenerierung und 30+ weitere Module — ein Login, eine Datenbank, null Kontextwechsel.', + icon: 'M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z', + gradient: 'from-blue-500 to-cyan-500', + rating: 5, + details: [ + 'Kein Wechsel zwischen 10 verschiedenen Apps', + 'Gemeinsame Daten: Kontakt direkt zur Aufgabe verknüpfen', + 'Cross-Modul Drag & Drop', + 'Ein Account, ein Abo, alle Features', + ], + }, + { + id: 'local-first', + title: 'Local-First Architektur', + subtitle: 'Deine Daten, dein Gerät', + description: + 'Alle Daten werden zuerst lokal in deinem Browser gespeichert (IndexedDB). Die App funktioniert offline und synchronisiert im Hintergrund — du merkst keinen Unterschied.', + icon: 'M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01', + gradient: 'from-emerald-500 to-teal-500', + rating: 5, + details: [ + 'Sofortige Reaktionszeiten — kein Warten auf Server', + 'Offline-fähig: funktioniert auch ohne Internet', + 'Field-Level Sync mit Last-Write-Wins', + '120+ Tabellen in einer lokalen Datenbank', + ], + }, + { + id: 'encryption', + title: 'Ende-zu-Ende Verschlüsselung', + subtitle: 'AES-GCM-256 at rest', + description: + 'Sensible Inhalte in 27 Tabellen werden mit AES-GCM-256 verschlüsselt, bevor sie IndexedDB erreichen. Optional: Zero-Knowledge-Modus, bei dem selbst wir keinen Zugriff haben.', + icon: 'M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z', + gradient: 'from-violet-500 to-purple-500', + rating: 5, + details: [ + 'Master Key via mana-auth, KEK-wrapped', + 'Zero-Knowledge: Recovery Code lebt nur bei dir', + 'Verschlüsselung vor dem lokalen Speichern', + 'Web Crypto API — keine Drittanbieter-Libs', + ], + }, + { + id: 'local-ai', + title: 'KI direkt im Browser', + subtitle: 'WebGPU-beschleunigt', + description: + 'Gemma 4 E2B (LLM) und Whisper (Spracherkennung) laufen komplett lokal in deinem Browser via WebGPU. Keine Daten verlassen dein Gerät für lokale KI-Features.', + icon: 'M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z', + gradient: 'from-pink-500 to-rose-500', + rating: 4, + details: [ + 'Transformers.js v4 mit WebGPU-Beschleunigung', + 'Voice Memos: Transkription ohne Cloud', + 'LLM Playground für lokale Inferenz', + 'Kein Server-Roundtrip für KI-Grundfunktionen', + ], + }, + { + id: 'credits', + title: 'Faires Credit-System', + subtitle: 'Pay-per-Value statt Abo-Chaos', + description: + '1 Mana = 1 Cent. Credits regenerieren sich täglich und verfallen nie. Keine 10 Abos für 10 Tools — ein System für alles, transparent aufgeschlüsselt.', + icon: 'M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z', + gradient: 'from-amber-500 to-orange-500', + rating: 4, + details: [ + 'Tägliche Regeneration bis zum Speicherlimit', + 'Einmalige Mana-Tränke ohne Abo', + '10% jedes Euro gehen an Klimaschutz', + 'Volle Kostentransparenz in Echtzeit', + ], + }, + { + id: 'sync', + title: 'Echtzeit-Synchronisation', + subtitle: 'Alle Geräte, immer aktuell', + description: + 'Änderungen werden per Field-Level LWW über mana-sync (Go-Backend) in PostgreSQL zusammengeführt und via SSE an alle verbundenen Geräte verteilt.', + icon: 'M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15', + gradient: 'from-cyan-500 to-blue-500', + rating: 4, + details: [ + 'Debounced Sync (1 Sekunde) im Hintergrund', + 'Nur geänderte Felder werden übertragen', + 'Row-Level Security in PostgreSQL', + 'SSE-basierte Push-Updates', + ], + }, + { + id: 'privacy', + title: 'Datenschutz by Design', + subtitle: 'DSGVO-konform, Made in Germany', + description: + 'Umami statt Google Analytics. Eigene Server. Keine Weitergabe an Dritte. Self-Hosted Infrastruktur auf eigenem Mac Mini mit Cloudflare Tunnel.', + icon: 'M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z', + gradient: 'from-green-500 to-emerald-500', + rating: 5, + details: [ + 'Privacy-first Analytics (Umami)', + 'Keine Tracking-Cookies, keine Ads', + 'Self-Hosted Infrastruktur', + 'Transparente Datenschutz-Dokumentation', + ], + }, + { + id: 'modules', + title: 'Modulares Ökosystem', + subtitle: 'Nutze was du brauchst', + description: + 'Jedes Modul ist eigenständig, aber nahtlos integriert. Produktivität, Kreativität, Wellness, Finanzen, KI — aktiviere nur das, was für dich relevant ist.', + icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10', + gradient: 'from-indigo-500 to-blue-500', + rating: 4, + details: [ + '7 Kategorien: Produktivität, KI, Wissen, Tracking, Wellness, Finanzen, Unterhaltung', + 'Jedes Modul: Collections, Queries, Stores', + 'Gemeinsame Datenbank, isolierte Logik', + 'Tier-basierter Zugang (Guest → Founder)', + ], + }, + { + id: 'tiers', + title: 'Offene Zugangsstufen', + subtitle: 'Kein Paywall auf Kernfunktionen', + description: + 'Todo, Kalender, Kontakte und weitere Kernmodule sind frei nutzbar. Beta- und Alpha-Features sind für Early Adopter und Unterstützer zugänglich.', + icon: 'M13 7h8m0 0v8m0-8l-8 8-4-4-6 6', + gradient: 'from-yellow-500 to-amber-500', + rating: 3, + details: [ + 'Guest: Kernmodule kostenlos', + 'Beta/Alpha: Early-Access zu neuen Features', + 'Founder: Alle Features + Priority Support', + 'Upgrade jederzeit, Downgrade jederzeit', + ], + }, + { + id: 'i18n', + title: 'Mehrsprachig', + subtitle: 'Deutsch, Englisch, Italienisch & mehr', + description: + 'Die Plattform und Landing Page sind mehrsprachig angelegt. Deutsch ist die Hauptsprache, Englisch und Italienisch sind verfügbar, weitere folgen.', + icon: 'M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129', + gradient: 'from-teal-500 to-cyan-500', + rating: 3, + details: [ + 'i18n-Config mit automatischer Spracherkennung', + 'Alle UI-Strings über Translation Keys', + 'URL-basiertes Routing (/de/, /en/, /it/)', + 'Content Collections mit Übersetzungen', + ], + }, + { + id: 'crossmodule', + title: 'Cross-Modul Verknüpfungen', + subtitle: 'Alles verbunden', + description: + 'Ziehe einen Kontakt auf eine Aufgabe, verknüpfe ein Event mit einem Rezept, oder erstelle aus einer Sprachnotiz automatisch Aufgaben. Module sprechen miteinander.', + icon: 'M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1', + gradient: 'from-rose-500 to-pink-500', + rating: 4, + details: [ + 'Drag & Drop zwischen Modulen', + 'Entity-Referenzen über gemeinsame IDs', + 'Dashboard-Widgets aus allen Modulen', + 'Einheitliche Suche über alle Daten', + ], + }, + { + id: 'opensource', + title: 'Transparente Entwicklung', + subtitle: 'Devlog, Blueprints, Release Plan', + description: + 'Wir entwickeln offen: Der Devlog dokumentiert jede Änderung, Blueprints zeigen die Architektur, und der Release Plan zeigt, was kommt.', + icon: 'M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4', + gradient: 'from-gray-400 to-slate-500', + rating: 3, + details: [ + 'Öffentlicher Devlog mit Commit-Statistiken', + 'Architektur-Blueprints einsehbar', + 'Release-Plan mit Roadmap', + 'Community-Feedback fließt direkt ein', + ], + }, +]; + +// Rating breakdown summary +const ratingGroups = [ + { + stars: 5, + label: 'Herausragend', + color: 'text-emerald-400', + bg: 'bg-emerald-500/20', + items: uspCategories.filter((u) => u.rating === 5), + }, + { + stars: 4, + label: 'Sehr nützlich', + color: 'text-blue-400', + bg: 'bg-blue-500/20', + items: uspCategories.filter((u) => u.rating === 4), + }, + { + stars: 3, + label: 'Nützlich', + color: 'text-amber-400', + bg: 'bg-amber-500/20', + items: uspCategories.filter((u) => u.rating === 3), + }, +]; +--- + + +
+
+
+
+
12 USPs, die den Unterschied machen
+

+ Was Mana besonders macht +

+

+ Eine ehrliche Übersicht aller Alleinstellungsmerkmale — mit Bewertung, wie nützlich jedes + Feature im Alltag wirklich ist. +

+
+
+ +
+
+

Bewertungsübersicht

+
+ { + ratingGroups.map((group) => ( +
+
+ {Array.from({ length: 5 }).map((_, i) => ( + + + + ))} +
+ {group.label} +
+ {group.items.map((item) => ( + + {item.title.split(',')[0]} + + ))} +
+
+ )) + } +
+
+
+ +
+
+ { + uspCategories.map((usp, index) => ( +
+
+
+ {String(index + 1).padStart(2, '0')} +
+ + + +
+
+
+
+
+ {usp.subtitle} +

{usp.title}

+
+
+ {Array.from({ length: 5 }).map((_, i) => ( + + + + ))} + + {usp.rating === 5 + ? 'Herausragend' + : usp.rating === 4 + ? 'Sehr nützlich' + : 'Nützlich'} + +
+
+ +

{usp.description}

+ +
    + {usp.details.map((detail) => ( +
  • + + + + {detail} +
    • + ))} +
+
+
+
+ )) + } +
+
+ +
+
+

+ Der Vergleich: Mana vs. Einzeltools +

+

Was du bräuchtest, um Mana mit Einzeltools nachzubauen

+ +
+
+

Ohne Mana

+
+
+ Todoist + ~5€/mo +
+
+ Google Calendar + kostenlos* +
+
+ Notion + ~10€/mo +
+
+ ChatGPT Plus + ~20€/mo +
+
+ Otter.ai + ~10€/mo +
+
+ YNAB (Finanzen) + ~10€/mo +
+
+ 1Password + ~4€/mo +
+
+ Anki (Flashcards) + kostenlos* +
+
+
+ Gesamt + ~59€+ /Monat +
+

*kostenlos = Bezahlung mit deinen Daten

+
+ +
vs.
+ +
+

Mit Mana

+
+
40+ Module inklusive
+
Ende-zu-Ende verschlüsselt
+
Lokale KI ohne Cloud
+
Offline-fähig
+
Cross-Modul Verknüpfungen
+
Keine Datenweitergabe
+
DSGVO-konform
+
Tägliche Credit-Regeneration
+
+
+ Ab + 0€ /Monat +
+

Kostenlos starten, nur zahlen was du nutzt

+
+
+
+
+ +
+
+

Bereit, alles an einem Ort zu haben?

+

+ Starte kostenlos und entdecke, wie sich 40+ Module in einer verschlüsselten, lokalen + Plattform anfühlen. +

+
+ Jetzt starten + Preise ansehen +
+
+
+ +
+ + +