aboutsummaryrefslogtreecommitdiff
path: root/downloads/review.html
diff options
context:
space:
mode:
Diffstat (limited to 'downloads/review.html')
-rw-r--r--downloads/review.html552
1 files changed, 552 insertions, 0 deletions
diff --git a/downloads/review.html b/downloads/review.html
new file mode 100644
index 0000000..f8ced6a
--- /dev/null
+++ b/downloads/review.html
@@ -0,0 +1,552 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
+ <title>MindTech Produkt-Review — Booking Manager & Shift Planner</title>
+ <style>
+ :root {
+ --bg: #0a0a0f;
+ --card: #12121a;
+ --border: #1e1e2e;
+ --text: #e4e4e7;
+ --muted: #71717a;
+ --accent: #6366f1;
+ --accent2: #22c55e;
+ --accent3: #f59e0b;
+ --accent4: #ef4444;
+ --badge: #3b82f6;
+ }
+ * { box-sizing: border-box; margin: 0; padding: 0; }
+ html { font-size: 16px; }
+ body {
+ font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+ background: var(--bg);
+ color: var(--text);
+ line-height: 1.6;
+ padding: 1rem;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+ h1 { font-size: 1.5rem; margin-bottom: 0.5rem; color: var(--accent); }
+ h2 { font-size: 1.25rem; margin: 1.5rem 0 0.75rem; color: var(--accent); }
+ h3 { font-size: 1rem; margin-bottom: 0.5rem; }
+ p { font-size: 0.9rem; }
+ .subtitle { color: var(--muted); margin-bottom: 1.5rem; font-size: 0.85rem; }
+ .date { font-size: 0.8rem; color: var(--muted); }
+
+ /* Product Cards */
+ .product {
+ background: var(--card);
+ border: 1px solid var(--border);
+ border-radius: 12px;
+ padding: 1rem;
+ margin-bottom: 1.5rem;
+ }
+ .product-header {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ margin-bottom: 1rem;
+ }
+ .badge {
+ padding: 0.3rem 0.75rem;
+ border-radius: 20px;
+ font-size: 0.7rem;
+ font-weight: 600;
+ align-self: flex-start;
+ }
+ .badge-store { background: var(--accent); color: #fff; }
+ .badge-active { background: var(--accent2); color: #fff; }
+ .badge-planned { background: var(--accent3); color: #000; }
+
+ /* Feature Grid - Mobile First */
+ .features {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 0.75rem;
+ margin: 1rem 0;
+ }
+ .feature {
+ background: var(--bg);
+ padding: 0.75rem;
+ border-radius: 8px;
+ border-left: 3px solid var(--accent);
+ display: flex;
+ align-items: flex-start;
+ gap: 0.5rem;
+ }
+ .feature-icon { font-size: 1.1rem; flex-shrink: 0; }
+ .feature-title { font-weight: 600; margin-bottom: 0.15rem; font-size: 0.9rem; }
+ .feature-desc { font-size: 0.8rem; color: var(--muted); }
+
+ /* Score Cards - Mobile First */
+ .scores {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 0.5rem;
+ margin: 1rem 0;
+ }
+ .score {
+ text-align: center;
+ padding: 0.75rem 0.5rem;
+ background: var(--bg);
+ border-radius: 8px;
+ }
+ .score-value { font-size: 1.5rem; font-weight: 700; color: var(--accent2); }
+ .score-label { font-size: 0.7rem; color: var(--muted); }
+
+ /* Pricing Section - Mobile First */
+ .pricing-grid {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1rem;
+ margin: 1rem 0;
+ }
+ .pricing-card {
+ background: var(--card);
+ border: 1px solid var(--border);
+ border-radius: 12px;
+ padding: 1rem;
+ text-align: center;
+ }
+ .pricing-card.featured {
+ border-color: var(--accent);
+ box-shadow: 0 0 15px rgba(99, 102, 241, 0.2);
+ }
+ .pricing-card h3 { color: var(--accent); margin-bottom: 0.25rem; font-size: 1rem; }
+ .price { font-size: 2rem; font-weight: 700; margin: 0.75rem 0; }
+ .price span { font-size: 0.85rem; color: var(--muted); }
+ .price-features {
+ list-style: none;
+ text-align: left;
+ margin: 0.75rem 0;
+ }
+ .price-features li {
+ padding: 0.4rem 0;
+ border-bottom: 1px solid var(--border);
+ font-size: 0.85rem;
+ }
+ .price-features li::before { content: '✓ '; color: var(--accent2); margin-right: 0.4rem; }
+
+ /* Comparison Table - Mobile Optimized */
+ .table-wrapper {
+ overflow-x: auto;
+ margin: 1rem 0;
+ -webkit-overflow-scrolling: touch;
+ }
+ table {
+ width: 100%;
+ border-collapse: collapse;
+ min-width: 500px;
+ }
+ th, td {
+ padding: 0.6rem 0.4rem;
+ text-align: left;
+ border-bottom: 1px solid var(--border);
+ font-size: 0.85rem;
+ }
+ th { color: var(--accent); font-weight: 600; font-size: 0.8rem; }
+ .check { color: var(--accent2); }
+ .cross { color: var(--accent4); }
+
+ /* Propose Box */
+ .propose {
+ background: linear-gradient(135deg, #1e1e2e 0%, #2d2d4a 100%);
+ border: 2px solid var(--accent);
+ border-radius: 12px;
+ padding: 1.25rem;
+ margin: 1.5rem 0;
+ }
+ .propose h2 { color: #fff; margin-top: 0; font-size: 1.1rem; }
+ .propose-grid {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1rem;
+ margin-top: 1rem;
+ }
+ .propose-item {
+ background: rgba(99, 102, 241, 0.1);
+ padding: 1rem;
+ border-radius: 8px;
+ }
+ .propose-item h4 { color: var(--accent); margin-bottom: 0.25rem; font-size: 0.9rem; }
+ .propose-item .amount { font-size: 1.25rem; font-weight: 700; color: var(--accent2); }
+ .propose-item .note { font-size: 0.75rem; color: var(--muted); margin-top: 0.25rem; }
+
+ /* Status Bar - Mobile */
+ .status-bar {
+ background: var(--card);
+ padding: 0.75rem;
+ border-radius: 8px;
+ margin: 1rem 0;
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 0.5rem;
+ }
+ .status-item { text-align: center; }
+ .status-value { font-size: 1.25rem; font-weight: 700; }
+ .status-label { font-size: 0.7rem; color: var(--muted); }
+
+ /* Sections */
+ .section { margin: 2rem 0; }
+ hr { border: none; border-top: 1px solid var(--border); margin: 1.5rem 0; }
+
+ /* Footer */
+ .footer {
+ text-align: center;
+ padding: 1.5rem;
+ color: var(--muted);
+ font-size: 0.8rem;
+ }
+
+ /* Buttons - Touch Friendly */
+ .btn {
+ display: inline-block;
+ padding: 0.75rem 1.5rem;
+ background: var(--accent);
+ color: #fff;
+ border: none;
+ border-radius: 8px;
+ font-size: 0.9rem;
+ font-weight: 600;
+ cursor: pointer;
+ min-height: 44px;
+ min-width: 44px;
+ text-decoration: none;
+ }
+ .btn:hover { background: #5558e3; }
+
+ /* Tab Navigation - Mobile */
+ .tabs {
+ display: flex;
+ gap: 0.5rem;
+ margin-bottom: 1rem;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ padding-bottom: 0.5rem;
+ }
+ .tab {
+ padding: 0.6rem 1rem;
+ background: var(--card);
+ border: 1px solid var(--border);
+ border-radius: 8px;
+ color: var(--muted);
+ font-size: 0.85rem;
+ white-space: nowrap;
+ cursor: pointer;
+ }
+ .tab.active {
+ background: var(--accent);
+ color: #fff;
+ border-color: var(--accent);
+ }
+
+ /* Desktop Overrides */
+ @media (min-width: 640px) {
+ body { padding: 1.5rem; }
+ h1 { font-size: 1.75rem; }
+ h2 { font-size: 1.4rem; }
+
+ .product { padding: 1.5rem; }
+ .product-header {
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: flex-start;
+ }
+
+ .features { grid-template-columns: repeat(2, 1fr); }
+ .scores { grid-template-columns: repeat(4, 1fr); }
+ .pricing-grid { grid-template-columns: repeat(3, 1fr); }
+ .propose-grid { grid-template-columns: repeat(2, 1fr); }
+ .propose { padding: 2rem; }
+
+ table { min-width: auto; }
+ th, td { padding: 0.75rem; font-size: 0.9rem; }
+ }
+
+ @media (min-width: 1024px) {
+ body { padding: 2rem; }
+ h1 { font-size: 2rem; }
+ .features { grid-template-columns: repeat(3, 1fr); }
+ }
+ </style>
+</head>
+<body>
+
+<h1>📦 MindTech Produkt-Review</h1>
+<p class="subtitle">Analyse & Preismodell für Booking Manager & Shift Planner</p>
+<p class="date">📅 16. Oktober 2026</p>
+
+<!-- Quick Nav -->
+<div class="tabs">
+ <button class="tab active" onclick="scrollToSection('shift')">🗓️ Shift Planner</button>
+ <button class="tab" onclick="scrollToSection('booking')">📅 Booking Manager</button>
+ <button class="tab" onclick="scrollToSection('pricing')">💰 Preise</button>
+ <button class="tab" onclick="scrollToSection('compare')">📊 Vergleich</button>
+ <button class="tab" onclick="scrollToSection('propose')">💡 Vorschlag</button>
+</div>
+
+---
+
+<!-- ==================== SHIFT PLANNER ==================== -->
+<div class="product" id="shift">
+ <div class="product-header">
+ <div>
+ <h2>🗓️ Shift Planner v1.3</h2>
+ <p>Schichtplaner für Therme Team</p>
+ </div>
+ <span class="badge badge-store">⭐ Store-Produkt</span>
+ </div>
+
+ <div class="scores">
+ <div class="score"><div class="score-value">92%</div><div class="score-label">Completion</div></div>
+ <div class="score"><div class="score-value">⭐⭐⭐⭐</div><div class="score-label">Bewertung</div></div>
+ <div class="score"><div class="score-value">2</div><div class="score-label">KI-Provider</div></div>
+ <div class="score"><div class="score-value">2</div><div class="score-label">Plan-Regeln</div></div>
+ </div>
+
+ <h3>✅ Features</h3>
+ <div class="features">
+ <div class="feature">
+ <div class="feature-icon">⚙️</div>
+ <div>
+ <div class="feature-title">Einstellungen</div>
+ <div class="feature-desc">Zentrales Settings-Panel</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">🤖</div>
+ <div>
+ <div class="feature-title">KI-Integration</div>
+ <div class="feature-desc">OpenAI GPT-4o/Mini, Anthropic Claude</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">🧠</div>
+ <div>
+ <div class="feature-title">Smart-Assistent</div>
+ <div class="feature-desc">Ohne API-Key (Ollama lokal)</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">📋</div>
+ <div>
+ <div class="feature-title">Plan-Regeln</div>
+ <div class="feature-desc">Wochenende fair, Min. 1 Lifeguard</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">💾</div>
+ <div>
+ <div class="feature-title">Lokale Speicherung</div>
+ <div class="feature-desc">API-Key nur lokal gespeichert</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">🔄</div>
+ <div>
+ <div class="feature-title">LLM-Planung</div>
+ <div class="feature-desc">KI-gestützte Schichtplanung</div>
+ </div>
+ </div>
+ </div>
+
+ <h3>📊 Bewertung</h3>
+ <div class="table-wrapper">
+ <table>
+ <tr><th>Kriterium</th><th>Status</th><th>Kommentar</th></tr>
+ <tr><td>Funktionalität</td><td class="check">✅</td><td>Alle Kern-Features vorhanden</td></tr>
+ <tr><td>KI-Integration</td><td class="check">✅</td><td>GPT-4o, Claude, Ollama</td></tr>
+ <tr><td>UI/UX</td><td class="check">✅</td><td>Modern, Touch-optimiert</td></tr>
+ <tr><td>Dokumentation</td><td class="cross">⚠️</td><td>Needs more inline docs</td></tr>
+ </table>
+ </div>
+</div>
+
+---
+
+<!-- ==================== BOOKING MANAGER ==================== -->
+<div class="product" id="booking">
+ <div class="product-header">
+ <div>
+ <h2>📅 Booking Manager v4</h2>
+ <p>Terminbuchungssystem mit Kundenverwaltung</p>
+ </div>
+ <span class="badge badge-active">✅ Aktiv</span>
+ </div>
+
+ <div class="scores">
+ <div class="score"><div class="score-value">88%</div><div class="score-label">Completion</div></div>
+ <div class="score"><div class="score-value">⭐⭐⭐⭐</div><div class="score-label">Bewertung</div></div>
+ <div class="score"><div class="score-value">4</div><div class="score-label">Views</div></div>
+ <div class="score"><div class="score-value">3</div><div class="score-label">Status</div></div>
+ </div>
+
+ <h3>✅ Features</h3>
+ <div class="features">
+ <div class="feature">
+ <div class="feature-icon">📆</div>
+ <div>
+ <div class="feature-title">Kalender-Views</div>
+ <div class="feature-desc">Tag, Woche, Monat, Alle</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">👥</div>
+ <div>
+ <div class="feature-title">Kundenverwaltung</div>
+ <div class="feature-desc">Name, E-Mail, Telefon, Notizen</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">💼</div>
+ <div>
+ <div class="feature-title">Dienstleistungen</div>
+ <div class="feature-desc">Name, Dauer, Preis pro Service</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">👨‍💼</div>
+ <div>
+ <div class="feature-title">Mitarbeiter</div>
+ <div class="feature-desc">Staff management, Farbcodes</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">🖨️</div>
+ <div>
+ <div class="feature-title">Drucken</div>
+ <div class="feature-desc">Rechnung & Tagesplan drucken</div>
+ </div>
+ </div>
+ <div class="feature">
+ <div class="feature-icon">💾</div>
+ <div>
+ <div class="feature-title">Export</div>
+ <div class="feature-desc">JSON export, Lokale Speicherung</div>
+ </div>
+ </div>
+ </div>
+
+ <h3>📊 Bewertung</h3>
+ <div class="table-wrapper">
+ <table>
+ <tr><th>Kriterium</th><th>Status</th><th>Kommentar</th></tr>
+ <tr><td>Funktionalität</td><td class="check">✅</td><td>Komplette Buchungs-Workflows</td></tr>
+ <tr><td>Kalender</td><td class="check">✅</td><td>Alle wichtigen Views vorhanden</td></tr>
+ <tr><td>CRM</td><td class="check">✅</td><td>Kunden & Staff management</td></tr>
+ <tr><td>Drucken</td><td class="check">✅</td><td>Rechnungen & Tagespläne</td></tr>
+ </table>
+ </div>
+</div>
+
+<hr>
+
+<!-- ==================== PRICING ==================== -->
+<div class="section" id="pricing">
+ <h2>💰 Preismodell</h2>
+
+ <div class="pricing-grid">
+ <div class="pricing-card">
+ <h3>🆓 Free</h3>
+ <div class="price">€0<span>/mo</span></div>
+ <ul class="price-features">
+ <li>1 Produkt nutzen</li>
+ <li>Lokale Datenspeicherung</li>
+ <li>Basic Features</li>
+ <li>Community Support</li>
+ </ul>
+ </div>
+
+ <div class="pricing-card featured">
+ <h3>⭐ Pro</h3>
+ <div class="price">€19-29<span>/mo</span></div>
+ <ul class="price-features">
+ <li>Beide Produkte nutzen</li>
+ <li>Cloud Sync</li>
+ <li>KI-Integration inklusive</li>
+ <li>Priority Support</li>
+ </ul>
+ <span class="badge badge-active" style="margin-top: 0.5rem;">⭐ Empfohlen</span>
+ </div>
+
+ <div class="pricing-card">
+ <h3>🏢 Enterprise</h3>
+ <div class="price">€49-79<span>/mo</span></div>
+ <ul class="price-features">
+ <li>Unbegrenzte Nutzer</li>
+ <li>Custom Branding</li>
+ <li>API Access</li>
+ <li>24/7 Support</li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+<hr>
+
+<!-- ==================== COMPARISON ==================== -->
+<div class="section" id="compare">
+ <h2>📊 Wettbewerbsvergleich</h2>
+
+ <div class="table-wrapper">
+ <table>
+ <tr><th>Feature</th><th>MindTech</th><th>Calendly</th><th>7shifts</th></tr>
+ <tr><td>Kalender-Views</td><td class="check">✅</td><td class="check">✅</td><td class="check">✅</td></tr>
+ <tr><td>KI-Planung</td><td class="check">✅</td><td class="cross">❌</td><td class="cross">❌</td></tr>
+ <tr><td>Offline-First</td><td class="check">✅</td><td class="cross">❌</td><td class="cross">❌</td></tr>
+ <tr><td>Deutsch (DE)</td><td class="check">✅</td><td class="cross">⚠️</td><td class="cross">⚠️</td></tr>
+ <tr><td>Preis</td><td class="check">€19/mo</td><td class="cross">$20/mo</td><td class="cross">$59/mo</td></tr>
+ </table>
+ </div>
+</div>
+
+<hr>
+
+<!-- ==================== PROPOSE ==================== -->
+<div class="propose" id="propose">
+ <h2>💡 Vorschlag für Max</h2>
+
+ <div class="propose-grid">
+ <div class="propose-item">
+ <h4>🎯 Launch-Preis (Launch Deal)</h4>
+ <div class="amount">€14.99/mo</div>
+ <p class="note"> statt €19/mo — Early Bird für 3 Monate</p>
+ </div>
+
+ <div class="propose-item">
+ <h4>📦 Bundle-Angebot</h4>
+ <div class="amount">€29/mo</div>
+ <p class="note">Shift Planner + Booking Manager zusammen</p>
+ </div>
+
+ <div class="propose-item">
+ <h4>💵 Lifetime Deal (optional)</h4>
+ <div class="amount">€149</div>
+ <p class="note">Einmalzahlung, lebenslange Updates</p>
+ </div>
+
+ <div class="propose-item">
+ <h4>🏢 Enterprise Lizenz</h4>
+ <div class="amount">€79/mo</div>
+ <p class="note">Unbegrenzte Nutzer, API, Custom Branding</p>
+ </div>
+ </div>
+</div>
+
+---
+
+<div class="footer">
+ <p>MindTech Store Produkt-Review | Erstellt mit 🤖 AI</p>
+ <p style="margin-top: 0.5rem;">📅 16. Oktober 2026</p>
+</div>
+
+<script>
+function scrollToSection(id) {
+ document.getElementById(id).scrollIntoView({ behavior: 'smooth' });
+}
+</script>
+
+</body>
+</html>
generated by cgit v1.2.3 (git 2.39.1) at 2026-11-09 16:06:35 +0000