Enhance website templates for Invario services and pricing
- Updated dienstleistungen.html to improve layout and content clarity, including new service descriptions and a refined CSS style for better visual appeal. - Revamped inventarsystem.html with a focus on key features and pricing, adding a structured layout and enhancing the user experience with new design elements. - Modified main.html to reflect updated pricing information and improve SEO with enhanced meta descriptions and structured data for better search visibility. - Revised preise.html to clearly present pricing details, including new pricing pills and comparison cards for better user understanding of offerings.
This commit is contained in:
+177
-104
@@ -1,6 +1,8 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Preise{% endblock %}
|
||||
{% 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 head %}
|
||||
{{ super() }}
|
||||
@@ -43,6 +45,31 @@
|
||||
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));
|
||||
@@ -216,6 +243,54 @@
|
||||
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;
|
||||
@@ -231,6 +306,11 @@
|
||||
gap: 1.2rem;
|
||||
}
|
||||
|
||||
.pricing-pills,
|
||||
.pricing-comparison {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.package-card {
|
||||
padding: 1.4rem 1.2rem;
|
||||
border-radius: 18px;
|
||||
@@ -347,121 +427,114 @@
|
||||
{% 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>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>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<section class="packages-grid" aria-label="Buchungspakete">
|
||||
<article class="package-card">
|
||||
<div class="package-card__header">
|
||||
<div>
|
||||
<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__old-price">350 €</span>
|
||||
<span class="package-card__new-price">320 €</span>
|
||||
<small>/ Jahr</small>
|
||||
</div>
|
||||
</div>
|
||||
<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>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>
|
||||
<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="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 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="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 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">
|
||||
<article class="package-card">
|
||||
<div class="package-card__header">
|
||||
<div>
|
||||
<span class="package-card__tag">Modul</span>
|
||||
<span class="package-card__tag">Inventar</span>
|
||||
<h2 class="package-card__name">Inventarsystem</h2>
|
||||
</div>
|
||||
<div class="package-card__price">
|
||||
<span>250 €</span>
|
||||
<span class="package-card__new-price">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>
|
||||
<p class="package-card__description">Der schnelle Einstieg für Schulen, die Inventar, Ausleihe und klare Rollenrechte ohne lokale Installation benötigen.</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>
|
||||
<li>PDF-Berichte für Inventur und Nachweise</li>
|
||||
<li>5-Minuten-Start im Browser</li>
|
||||
<li>Serverstandort Deutschland</li>
|
||||
</ul>
|
||||
<div class="package-card__actions">
|
||||
{% if 'username' in session %}
|
||||
@@ -478,20 +551,20 @@
|
||||
<article class="package-card">
|
||||
<div class="package-card__header">
|
||||
<div>
|
||||
<span class="package-card__tag">Modul</span>
|
||||
<span class="package-card__tag">Bibliothek</span>
|
||||
<h2 class="package-card__name">Bibliothekssystem</h2>
|
||||
</div>
|
||||
<div class="package-card__price">
|
||||
<span>150 €</span>
|
||||
<span class="package-card__new-price">100 €</span>
|
||||
<small>/ Jahr</small>
|
||||
</div>
|
||||
</div>
|
||||
<p class="package-card__description">Ein spezialisiertes Modul für Bibliotheken und Medienzentren mit Ausleihprozessen, Medienbeständen und historischer Transparenz.</p>
|
||||
<p class="package-card__description">Das schlanke Modul für Medienzentren und Schulbibliotheken mit Ausleihe, Rückgabe und transparenter Historie.</p>
|
||||
<ul class="package-card__features">
|
||||
<li>Ausleih- und Rückgabeprozesse</li>
|
||||
<li>Bestandsübersichten für Medien</li>
|
||||
<li>Transparente Historie pro Medium</li>
|
||||
<li>Einfaches Modul-Setup für Schulen</li>
|
||||
<li>Transparente Medienbestände</li>
|
||||
<li>Intuitive Web-App ohne Installation</li>
|
||||
<li>Wartungsarm für Sekretariat und IT</li>
|
||||
</ul>
|
||||
<div class="package-card__actions">
|
||||
{% if 'username' in session %}
|
||||
|
||||
Reference in New Issue
Block a user