Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Roadmap | GlowUp Premium</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <style> | |
| .timeline-item::before { | |
| content: ''; | |
| position: absolute; | |
| left: -30px; | |
| top: 0; | |
| width: 16px; | |
| height: 16px; | |
| border-radius: 50%; | |
| background: #6366F1; | |
| border: 4px solid #E0E7FF; | |
| } | |
| .timeline { | |
| border-left: 2px solid #E0E7FF; | |
| } | |
| .completed { | |
| opacity: 0.7; | |
| } | |
| .completed .timeline-item::before { | |
| background: #10B981; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 min-h-screen flex flex-col"> | |
| <custom-navbar></custom-navbar> | |
| <main class="flex-grow container mx-auto px-4 py-12"> | |
| <div class="max-w-3xl mx-auto"> | |
| <h1 class="text-4xl font-bold text-gray-900 mb-2">Produkt-Roadmap</h1> | |
| <p class="text-xl text-gray-600 mb-8">Sehen Sie, was wir entwickeln und was als Nächstes kommt</p> | |
| <div class="timeline pl-8 relative"> | |
| <!-- Q4 2023 --> | |
| <div class="mb-12 relative timeline-item completed"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <div class="flex justify-between items-start mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Q4 2023</h3> | |
| <span class="inline-block bg-emerald-100 text-emerald-800 text-sm px-3 py-1 rounded-full">Erledigt</span> | |
| </div> | |
| <ul class="list-disc pl-5 text-gray-600 space-y-2"> | |
| <li>Performance-Optimierung Version 2.0</li> | |
| <li>Mobile App Beta-Release</li> | |
| <li>Integration mit Slack & Teams</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Q1 2024 --> | |
| <div class="mb-12 relative timeline-item completed"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <div class="flex justify-between items-start mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Q1 2024</h3> | |
| <span class="inline-block bg-emerald-100 text-emerald-800 text-sm px-3 py-1 rounded-full">Erledigt</span> | |
| </div> | |
| <ul class="list-disc pl-5 text-gray-600 space-y-2"> | |
| <li>AI-basierte Empfehlungen</li> | |
| <li>Erweiterte Analytics-Dashboard</li> | |
| <li>Mobile App öffentliche Version</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Q2 2024 --> | |
| <div class="mb-12 relative timeline-item"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <div class="flex justify-between items-start mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Q2 2024</h3> | |
| <span class="inline-block bg-primary/10 text-primary text-sm px-3 py-1 rounded-full">In Arbeit</span> | |
| </div> | |
| <ul class="list-disc pl-5 text-gray-600 space-y-2"> | |
| <li>Browser-Erweiterung</li> | |
| <li>Challenges & Gamification</li> | |
| <li>API für Entwickler</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Q3 2024 --> | |
| <div class="mb-12 relative timeline-item"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <div class="flex justify-between items-start mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Q3 2024</h3> | |
| <span class="inline-block bg-gray-100 text-gray-800 text-sm px-3 py-1 rounded-full">Geplant</span> | |
| </div> | |
| <ul class="list-disc pl-5 text-gray-600 space-y-2"> | |
| <li>Team-Funktionen</li> | |
| <li>Zielsetzungs-Tools</li> | |
| <li>Erweiterte Integrationen</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Q4 2024 --> | |
| <div class="relative timeline-item"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <div class="flex justify-between items-start mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Q4 2024</h3> | |
| <span class="inline-block bg-gray-100 text-gray-800 text-sm px-3 py-1 rounded-full">In Planung</span> | |
| </div> | |
| <ul class="list-disc pl-5 text-gray-600 space-y-2"> | |
| <li>KI-Coach-Funktion</li> | |
| <li>Automatisierte Reports</li> | |
| <li>Enterprise-Features</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| </body> | |
| </html> |