{% extends "base.html" %}

{% block title %}Über uns{% endblock %}

{% block content %}
<div class="max-w-3xl mx-auto">
    <div class="card p-6 md:p-8">
        <h1 class="text-3xl font-bold mb-6 gradient-text">Über uns</h1>
        
        <section class="mb-8">
            <h2 class="text-xl font-bold mb-4">Unsere Vision</h2>
            <p class="mb-4">
                Systades ist ein innovatives Projekt, das darauf abzielt, das Teilen und Vernetzen von Wissen und Gedanken zu revolutionieren. Unsere Plattform ermöglicht es Nutzern, ihre Ideen in interaktiven Mindmaps zu organisieren und mit anderen zu teilen, wodurch ein kollaboratives Netzwerk des Wissens entsteht.
            </p>
            <p class="mb-4">
                Wir glauben daran, dass Wissen am wertvollsten ist, wenn es geteilt und vernetzt wird. Durch die Verbindung verschiedener Perspektiven und Denkansätze entstehen neue Erkenntnisse und Innovationen.
            </p>
        </section>

        <section class="mb-8">
            <h2 class="text-xl font-bold mb-4">Das Team</h2>
            <p class="mb-4">
                Till Tomczak und Marwin Medczinski arbeiten gemeinsam daran, Systades kontinuierlich zu verbessern und weiterzuentwickeln.
            </p>
            
            <!-- Platz für Team-Mitglieder -->
            <div class="team-members space-y-6">
                <!-- Beispiel für ein Team-Mitglied (kann als Vorlage verwendet werden) -->
                <!--
                <div class="team-member p-4 border border-gray-200 dark:border-gray-700 rounded-lg">
                    <h3 class="text-lg font-bold mb-2">[Name]</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-2">[Position/Rolle]</p>
                    <p class="text-sm">[Kurze Beschreibung oder Verantwortlichkeiten]</p>
                </div>
                -->
            </div>
        </section>

        <section class="mb-8">
            <h2 class="text-xl font-bold mb-4">Unsere Mission</h2>
            <p class="mb-4">
                Wir setzen uns dafür ein, eine Plattform zu schaffen, die:
            </p>
            <ul class="list-disc list-inside space-y-2 mb-4">
                <li>Intuitive Werkzeuge für die Organisation und Visualisierung von Wissen bereitstellt</li>
                <li>Die Zusammenarbeit und den Austausch zwischen Nutzern fördert</li>
                <li>Kreativität und innovative Denkansätze unterstützt</li>
                <li>Einen sicheren und respektvollen Raum für intellektuellen Austausch bietet</li>
            </ul>
        </section>

        <section class="mb-8">
            <h2 class="text-xl font-bold mb-4">Technologie & Innovation</h2>
            <p class="mb-4">
                Systades nutzt modernste Technologien und innovative Ansätze, um eine optimale Nutzererfahrung zu gewährleisten. Unsere Plattform wird kontinuierlich weiterentwickelt, um neue Funktionen und Verbesserungen zu integrieren.
            </p>
            <p>
                Wir legen besonderen Wert auf:
            </p>
            <ul class="list-disc list-inside space-y-2 mt-2">
                <li>Intuitive Benutzeroberfläche</li>
                <li>Hohe Performance und Zuverlässigkeit</li>
                <li>Datensicherheit und Privatsphäre</li>
                <li>Barrierefreiheit und Inklusivität</li>
            </ul>
        </section>

        <section>
            <h2 class="text-xl font-bold mb-4">Kontakt & Feedback</h2>
            <p class="mb-4">
                Wir freuen uns über Ihr Feedback und Ihre Ideen zur Verbesserung von Systades. Gemeinsam können wir die Plattform weiter optimieren und an die Bedürfnisse unserer Nutzer anpassen.
            </p>
            <p>
                Kontaktieren Sie uns gerne für Fragen, Anregungen oder Kooperationsmöglichkeiten.
            </p>
        </section>
    </div>
</div>
{% endblock %}