style: Update meta descriptions and titles for improved clarity and SEO; enhance pricing section layout and content

Website/templates/preise.html

@@ -1,8 +1,6 @@
 {% extends "base.html" %}
 
-{% set meta_description = "Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Keine Installation, Serverstandort Deutschland, Support für Schulen und Schulträger." %}
-
-{% block title %}Preise | Invario 250 € / 100 €{% endblock %}
+{% block title %}Preise{% endblock %}
 
 {% block head %}
 {{ super() }}
@@ -45,31 +43,6 @@
         font-size: clamp(1rem, 1.05vw, 1.1rem);
     }
 
-    .pricing-pills {
-        margin-top: 1.2rem;
-        display: grid;
-        grid-template-columns: repeat(3, minmax(0, 1fr));
-        gap: 0.8rem;
-    }
-
-    .pricing-pill {
-        padding: 0.9rem 1rem;
-        border-radius: 16px;
-        background: rgba(255, 255, 255, 0.75);
-        border: 1px solid rgba(28, 90, 99, 0.12);
-        color: #133d4a;
-    }
-
-    .pricing-pill strong {
-        display: block;
-        margin-bottom: 0.2rem;
-        font-size: 1.05rem;
-    }
-
-    .pricing-pill span {
-        color: #4d6b73;
-    }
-
     .packages-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@@ -243,54 +216,6 @@
         color: #15444c;
     }
 
-    .pricing-comparison {
-        margin: 1rem 0 1.8rem;
-        display: grid;
-        grid-template-columns: repeat(3, minmax(0, 1fr));
-        gap: 0.8rem;
-    }
-
-    .comparison-card {
-        padding: 1rem 1.05rem;
-        border-radius: 16px;
-        border: 1px solid #d9e2df;
-        background: #ffffff;
-        box-shadow: 0 10px 24px rgba(23, 44, 57, 0.04);
-    }
-
-    .comparison-card strong {
-        display: block;
-        color: #133d4a;
-        margin-bottom: 0.25rem;
-    }
-
-    .comparison-card p {
-        color: #4b6a72;
-        line-height: 1.6;
-        margin: 0;
-    }
-
-    .proof-card {
-        margin-bottom: 1.8rem;
-        padding: 1.25rem 1.35rem;
-        border-radius: 18px;
-        border: 1px solid #d9e4e0;
-        background: linear-gradient(135deg, #ffffff 0%, #f3f8f5 100%);
-        box-shadow: 0 12px 24px rgba(23, 44, 57, 0.05);
-    }
-
-    .proof-card h2 {
-        margin-bottom: 0.5rem;
-        color: #133d4a;
-        font-size: clamp(1.35rem, 2.5vw, 1.9rem);
-    }
-
-    .proof-card p {
-        margin: 0;
-        color: #4b6a72;
-        line-height: 1.7;
-    }
-
     @media (max-width: 760px) {
         .booking-hero {
             padding: 1.5rem 1.2rem;
@@ -306,11 +231,6 @@
             gap: 1.2rem;
         }
 
-        .pricing-pills,
-        .pricing-comparison {
-            grid-template-columns: 1fr;
-        }
-
         .package-card {
             padding: 1.4rem 1.2rem;
             border-radius: 18px;
@@ -427,114 +347,121 @@
 {% endblock %}
 
 {% block content %}
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@graph": [
-    {
-      "@type": "SoftwareApplication",
-      "@id": "{{ request.url_root.rstrip('/') }}#software",
-      "name": "Invario",
-      "url": "{{ request.url_root.rstrip('/') }}",
-      "description": "{{ meta_description }}",
-      "operatingSystem": "Web",
-      "applicationCategory": "EducationApplication",
-      "softwareVersion": "1.0",
-      "image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
-      "publisher": { "@type": "Organization", "name": "Invario", "url": "{{ request.url_root.rstrip('/') }}" },
-      "offers": [
-        { "@id": "{{ request.url_root.rstrip('/') }}#offer-inventar" },
-        { "@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek" }
-      ]
-    },
-    {
-      "@type": "Offer",
-      "@id": "{{ request.url_root.rstrip('/') }}#offer-inventar",
-      "name": "Inventarverwaltung",
-      "price": "250",
-      "priceCurrency": "EUR",
-      "url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
-      "itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
-      "description": "Schulweite Inventarverwaltung mit Rollenrechten, PDF-Berichten und 5-Minuten-Start."
-    },
-    {
-      "@type": "Offer",
-      "@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek",
-      "name": "Bibliothekssystem",
-      "price": "100",
-      "priceCurrency": "EUR",
-      "url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
-      "itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
-      "description": "Bibliothekssystem für Ausleihe, Rückgabe und transparente Bestände."
-    },
-    {
-      "@type": "Review",
-      "@id": "{{ request.url_root.rstrip('/') }}#review-albert-schweitzer-strasse",
-      "itemReviewed": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
-      "author": {
-        "@type": "Organization",
-        "name": "Grundschule Albert-Schweitzer-Straße",
-        "url": "https://www.grundschule-albert-schweitzer-strasse.de"
-      },
-      "reviewBody": "Invario wurde gemeinsam mit der Schulpraxis entwickelt. Die Einführung verlief schnell, die Bedienung ist intuitiv und die Inventur wurde deutlich effizienter.",
-      "reviewRating": {
-        "@type": "Rating",
-        "ratingValue": "5",
-        "bestRating": "5"
-      }
-    }
-  ]
-}
-</script>
-
 <section class="booking-hero">
-    <h1>Was kostet Invario?</h1>
-    <p>Invario kostet 250 € pro Jahr für die Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Beide Angebote sind Web-Apps ohne Installation, mit Serverstandort Deutschland und direktem Support für Schulen und Schulträger.</p>
-    <div class="pricing-pills" aria-label="Kernpreise">
-        <div class="pricing-pill"><strong>250 € / Jahr</strong><span>Inventarverwaltung</span></div>
-        <div class="pricing-pill"><strong>100 € / Jahr</strong><span>Bibliothekssystem</span></div>
-        <div class="pricing-pill"><strong>Von Praktikern</strong><span>mit der Grundschule Albert-Schweitzer-Straße entwickelt</span></div>
-    </div>
+    <h1>Preise</h1>
+    <p>Unsere Pakete sind klar strukturiert und transparent. Wählen Sie die passende Lösung für Ihre Schule und senden Sie die Anfrage direkt an unser Admin-Team.</p>
+    <p>Nach der Anfrage wird sich ein Administrator innerhalb von ca. 48 Stunden über das Portal mit Ihnen in Verbindung setzen, um die Buchung persönlich vor Ort zu besprechen oder einen direkten Start zu vereinbaren.</p>
+    <p>Unsere Server sind in Deutschland lokalisiert und garantieren eine hohe Verfügbarkeit und Sicherheit Ihrer Daten.</p>
 </section>
 
-<section class="pricing-comparison" aria-label="Kostenvergleich">
-    <article class="comparison-card">
-        <strong>Flatrate statt Zusatzkosten</strong>
-        <p>Invario hält die Jahreskosten klar und planbar, statt später teure Module, Schnittstellen oder Supportpakete nachzuschieben.</p>
-    </article>
-    <article class="comparison-card">
-        <strong>Vergleich mit Enterprise-Modellen</strong>
-        <p>Bei anderen Anbietern entstehen oft zusätzliche Gebühren, zum Beispiel bis zu 1.950 € für App-Schnittstellen oder ähnliche Erweiterungen.</p>
-    </article>
-    <article class="comparison-card">
-        <strong>Für Förderlogik vorbereitet</strong>
-        <p>Revisionssichere PDF-Berichte, deutscher Serverstandort und dokumentierte Prozesse erleichtern Schulträgern die Prüfung.</p>
-    </article>
-</section>
-
-<section class="proof-card">
-    <h2>Bewährt im Schulalltag</h2>
-    <p><strong>Grundschule Albert-Schweitzer-Straße:</strong> Als Entwicklungspartner prägt die Schule die Praxisnähe von Invario. Genau daraus entsteht der Leitsatz: Von Praktikern für Praktiker entwickelt.</p>
-</section>
-
-<section class="packages-grid" aria-label="Angebote">
+<section class="packages-grid" aria-label="Buchungspakete">
     <article class="package-card">
         <div class="package-card__header">
             <div>
-                <span class="package-card__tag">Inventar</span>
-                <h2 class="package-card__name">Inventarsystem</h2>
+                <span class="package-card__tag">Best Seller</span>
+                <h2 class="package-card__name">Starter Paket</h2>
             </div>
             <div class="package-card__price">
-                <span class="package-card__new-price">250 €</span>
+                <span class="package-card__old-price">350 €</span>
+                <span class="package-card__new-price">320 €</span>
                 <small>/ Jahr</small>
             </div>
         </div>
-        <p class="package-card__description">Der schnelle Einstieg für Schulen, die Inventar, Ausleihe und klare Rollenrechte ohne lokale Installation benötigen.</p>
+        <p class="package-card__description">Das Starter-Paket ist die perfekte Einstiegslösung für Schulen, die eine umfassende digitale Verwaltung benötigen um sich für den DigitalPakt 2.0 sicheraufzustellen, bestehend aus Inventarverwaltung und Bibliothekssystem.</p>
         <ul class="package-card__features">
             <li>Inventarverwaltung mit Rollenrechten</li>
-            <li>PDF-Berichte für Inventur und Nachweise</li>
-            <li>5-Minuten-Start im Browser</li>
-            <li>Serverstandort Deutschland</li>
+            <li>Basis-Support und Ticketing</li>
+            <li>Schulweite Übersichten und Berichte</li>
+            <li>Bibliothekssystem mit Ausleihprozessen</li>
+        </ul>
+        <div class="package-card__actions">
+            {% if 'username' in session %}
+                <form method="POST" action="{{ url_for('book_option_package') }}" class="booking-form">
+                    <input type="hidden" name="package" value="starter_package">
+                    <button class="btn" type="button" onclick="openBookingModal(this.form)">Jetzt buchen</button>
+                </form>
+            {% else %}
+                <a class="btn secondary" href="{{ url_for('login') }}">Mit Konto buchen</a>
+            {% endif %}
+        </div>
+    </article>
+
+    <article class="package-card">
+        <div class="package-card__header">
+            <div>
+                <span class="package-card__tag">Premium</span>
+                <h2 class="package-card__name">Schulträger</h2>
+            </div>
+            <div class="package-card__price">
+                <span>Auf Anfrage</span>
+            </div>
+        </div>
+        <p class="package-card__description">Individuelles Angebot für Schulträger mit mehreren Schulen und speziellen Anforderungen an die Verwaltung.</p>
+        <ul class="package-card__features">
+            <li>Mandantenfähige Verwaltung</li>
+            <li>Zentrale Übersicht aller Schulen</li>
+            <li>Individuelle Anpassungen</li>
+            <li>Persönlicher Ansprechpartner</li>
+        </ul>
+        <div class="package-card__actions">
+            {% if 'username' in session %}
+                <form method="POST" action="{{ url_for('book_option_package') }}" class="booking-form">
+                    <input type="hidden" name="package" value="schultraeger">
+                    <button class="btn" type="button" onclick="openBookingModal(this.form)">Jetzt anfragen</button>
+                </form>
+            {% else %}
+                <a class="btn secondary" href="{{ url_for('login') }}">Mit Konto anfragen</a>
+            {% endif %}
+        </div>
+    </article>
+
+    <article class="package-card">
+        <div class="package-card__header">
+            <div>
+                <span class="package-card__tag">Support</span>
+                <h2 class="package-card__name">Telefonsupport</h2>
+            </div>
+            <div class="package-card__price">
+                <span>20 €</span>
+                <small>/ Monat</small>
+            </div>
+        </div>
+        <p class="package-card__description">Direkter telefonischer Support für schnelle Hilfe bei akuten Problemen und Fragen rund um das System.</p>
+        <ul class="package-card__features">
+            <li>Schnelle telefonische Erreichbarkeit</li>
+            <li>Direkte Hilfe bei Problemen</li>
+            <li>Bevorzugte Ticketbearbeitung</li>
+            <li>Persönliche Beratung</li>
+        </ul>
+        <div class="package-card__actions">
+            {% if 'username' in session %}
+                <form method="POST" action="{{ url_for('book_option_package') }}" class="booking-form">
+                    <input type="hidden" name="package" value="telefonsupport">
+                    <button class="btn" type="button" onclick="openBookingModal(this.form)">Jetzt buchen</button>
+                </form>
+            {% else %}
+                <a class="btn secondary" href="{{ url_for('login') }}">Mit Konto buchen</a>
+            {% endif %}
+        </div>
+    </article>
+
+    <article class="package-card">
+        <div class="package-card__header">
+            <div>
+                <span class="package-card__tag">Modul</span>
+                <h2 class="package-card__name">Inventarsystem</h2>
+            </div>
+            <div class="package-card__price">
+                <span>250 €</span>
+                <small>/ Jahr</small>
+            </div>
+        </div>
+        <p class="package-card__description">Der stabile Einstieg in die Schulverwaltung mit Inventarverwaltung, Benutzerrechten und Berichten für den gesamten Schulbetrieb.</p>
+        <ul class="package-card__features">
+            <li>Inventarverwaltung mit Rollenrechten</li>
+            <li>Basis-Support und Ticketing</li>
+            <li>Schulweite Übersichten und Berichte</li>
+            <li>Erweiterte Instanzverwaltung</li>
         </ul>
         <div class="package-card__actions">
             {% if 'username' in session %}
@@ -551,20 +478,20 @@
     <article class="package-card">
         <div class="package-card__header">
             <div>
-                <span class="package-card__tag">Bibliothek</span>
+                <span class="package-card__tag">Modul</span>
                 <h2 class="package-card__name">Bibliothekssystem</h2>
             </div>
             <div class="package-card__price">
-                <span class="package-card__new-price">100 €</span>
+                <span>150 €</span>
                 <small>/ Jahr</small>
             </div>
         </div>
-        <p class="package-card__description">Das schlanke Modul für Medienzentren und Schulbibliotheken mit Ausleihe, Rückgabe und transparenter Historie.</p>
+        <p class="package-card__description">Ein spezialisiertes Modul für Bibliotheken und Medienzentren mit Ausleihprozessen, Medienbeständen und historischer Transparenz.</p>
         <ul class="package-card__features">
             <li>Ausleih- und Rückgabeprozesse</li>
-            <li>Transparente Medienbestände</li>
-            <li>Intuitive Web-App ohne Installation</li>
-            <li>Wartungsarm für Sekretariat und IT</li>
+            <li>Bestandsübersichten für Medien</li>
+            <li>Transparente Historie pro Medium</li>
+            <li>Einfaches Modul-Setup für Schulen</li>
         </ul>
         <div class="package-card__actions">
             {% if 'username' in session %}