AICertification/app/flask-postgres/app/templates/preise.html

{% extends "base.html" %}

{% block content %}

<section class="hero-box">
  <h1>Klare Preise für Ihre KI-Compliance</h1>
  <p>Wählen Sie zwischen sofort buchbaren Modulen und individueller Unternehmenslösung.</p>
</section>

<section class="pricing-section">
  <h2>Leistungen und Preise</h2>

  <div class="pricing-grid">
    <article class="price-card">
      <h3>Modul A – Essential</h3>
      <p class="price-subline">Für alle Mitarbeitenden – gesetzliche Mindestanforderung</p>
      <div class="price-value">€ 9,90 <span>/ jährlich pro Nutzer</span></div>

      <ul>
        <li>Erfüllt die gesetzliche Schulungspflicht (EU AI Act)</li>
        <li>5 Pflichtmodule</li>
        <li>AI Governance Basics</li>
        <li>Ethical AI & Non-Discrimination</li>
        <li>AI Risk Awareness</li>
        <li>Transparency & Disclosure</li>
        <li>Documentation & Prozesse (Basic)</li>
      </ul>

      <a href="#" class="btn-primary">Jetzt buchen</a>
    </article>

    <article class="price-card featured">
      <h3>Modul B – Compliance</h3>
      <p class="price-subline">Für Fachbereiche – rechtssichere KI-Nutzung im Unternehmen</p>
      <div class="price-value">€ 19,90 <span>/ jährlich pro Nutzer</span></div>

      <ul>
        <li>Alle Module aus A</li>
        <li>10 Module insgesamt</li>
        <li>Data & Privacy Compliance</li>
        <li>AI Use Policies & Unternehmensrichtlinien</li>
        <li>Copyright & AI (Basic)</li>
        <li>Dokumentation & Audit Readiness</li>
        <li>Organisation & Verantwortlichkeiten</li>
      </ul>

      <a href="#" class="btn-primary">Jetzt buchen</a>
    </article>

    <article class="price-card">
      <h3>Modul C – Governance</h3>
      <p class="price-subline">Für Unternehmen – vollständige Steuerung, Kontrolle und Absicherung</p>
      <div class="price-value">€ 29,90 <span>/ jährlich pro Nutzer</span></div>

      <ul>
        <li>Alle Module aus A & B</li>
        <li>15 Module insgesamt</li>
        <li>Advanced Copyright & IP Strategy</li>
        <li>Security & Misuse Prevention</li>
        <li>Vendor & Tool Governance</li>
        <li>Risk Mapping & Governance Framework</li>
        <li>Umsetzung & individuelle Beratung</li>
      </ul>

      <a href="#" class="btn-primary">Jetzt buchen</a>
    </article>
  </div>

  <p class="price-note">
    Alle Preise verstehen sich inklusive Mehrwertsteuer.
  </p>
</section>

<section class="overview-section">
  <h2>Welches Paket ist das richtige für Ihr Unternehmen?</h2>
  <div class="image-panel">
    <img src="/images/TabelleUebersicht.png" alt="Paketübersicht">
  </div>
  <p>
    Die meisten Unternehmen starten mit Modul A und erweitern anschließend auf Modul B oder C – je nach Einsatz von KI und Risikoprofil.
  </p>
</section>

<section class="company-section">
  <div class="two-col">
    <div>
      <h2>Für ganze Unternehmen</h2>
      <p>Sie möchten nicht nur einzelne Mitarbeitende schulen, sondern Ihre gesamte Organisation rechtssicher aufstellen?</p>
      <ul class="check-list">
        <li>individuelle Risikoanalyse</li>
        <li>unternehmensweite Umsetzung</li>
        <li>rechtssichere Dokumentation</li>
        <li>kontinuierliche Begleitung</li>
      </ul>
      <a href="#" class="btn-secondary">Individuelles Angebot anfragen</a>
    </div>
    <div class="image-panel">
      <img src="/images/Schulung.png" alt="Schulung">
    </div>
  </div>
</section>

<section class="modules-section">
  <h2>Module / geprüfte Bereiche</h2>
  <div class="module-blocks">
    <div class="module-block">
      <h3>Basis-Level</h3>
      <p class="module-result">AI-Safe Workforce</p>
      <ul>
        <li>AI Governance Basics</li>
        <li>Ethical AI & Non-Discrimination</li>
        <li>AI Risk & Impact Awareness</li>
        <li>Transparency & Customer Disclosure</li>
        <li>Documentation & Internal Processes</li>
      </ul>
    </div>

    <div class="module-block">
      <h3>Compliance-Level</h3>
      <p class="module-result">AI Compliance Ready</p>
      <ul>
        <li>Datenschutz & KI</li>
        <li>KI-Nutzung & HR-Policies</li>
        <li>Urheberrecht & Trainingsdaten</li>
        <li>Erweiterte Dokumentation & Transparenz</li>
      </ul>
    </div>

    <div class="module-block">
      <h3>Governance-Level</h3>
      <p class="module-result">Full AI Governance</p>
      <ul>
        <li>Copyright Deep Dive</li>
        <li>Security & Missbrauchsprävention</li>
        <li>Vendor & Tool-Prüfung</li>
        <li>Individuelle Risikoanalyse & Beratung</li>
      </ul>
    </div>
  </div>
</section>

<section class="steps-section">
  <h2>So funktioniert Compliance Verification</h2>
  <div class="steps-grid">
    <div class="step-card">
      <h3>Schritt 1</h3>
      <p>Sie wählen Module und starten sofort.</p>
    </div>
    <div class="step-card">
      <h3>Schritt 2</h3>
      <p>Ihre Mitarbeitenden absolvieren Schulung und Prüfung.</p>
    </div>
    <div class="step-card">
      <h3>Schritt 3</h3>
      <p>Sie erhalten ein belastbares Compliance-Zertifikat.</p>
    </div>
  </div>
</section>

{% endblock %}