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:
+33
-21
@@ -9,35 +9,37 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<title>{% block title %}Digitale Inventarverwaltung für Schulen{% endblock %}</title>
|
||||
{# Basic SEO meta tags, can be overridden per-template by setting `meta_description` #}
|
||||
<meta name="description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
|
||||
<meta name="description" content="{{ meta_description|default('Invario: Schul-Inventarverwaltung für 250 €/Jahr oder Bibliothekssystem für 100 €/Jahr – entwickelt mit der Grundschule Albert-Schweitzer-Straße.') }}">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="{{ request.url_root.rstrip('/') }}{{ request.path }}">
|
||||
<!-- OpenGraph / Twitter -->
|
||||
<meta property="og:site_name" content="Invario">
|
||||
<meta property="og:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
|
||||
<meta property="og:description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
|
||||
<meta property="og:description" content="{{ meta_description|default('Invario: Schul-Inventarverwaltung für 250 €/Jahr oder Bibliothekssystem für 100 €/Jahr – entwickelt mit der Grundschule Albert-Schweitzer-Straße.') }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="{{ request.url_root.rstrip('/') }}{{ request.path }}">
|
||||
<meta property="og:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
|
||||
<meta name="twitter:description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
|
||||
<meta name="twitter:description" content="{{ meta_description|default('Invario: Schul-Inventarverwaltung für 250 €/Jahr oder Bibliothekssystem für 100 €/Jahr – entwickelt mit der Grundschule Albert-Schweitzer-Straße.') }}">
|
||||
<meta name="twitter:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
|
||||
{% block head %}
|
||||
<link rel="preconnect" href="https://api.fontshare.com">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Public+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--bg-main: #f3f1ea;
|
||||
--bg-soft: #e4e0d4;
|
||||
--bg-main: #f4f6f4;
|
||||
--bg-soft: #e6ebe6;
|
||||
--surface: #ffffff;
|
||||
--text-main: #1f2e33;
|
||||
--text-soft: #495d63;
|
||||
--line: #d0d7d0;
|
||||
--brand: #1c5a63;
|
||||
--brand-strong: #143f46;
|
||||
--accent: #b3672e;
|
||||
--text-main: #102126;
|
||||
--text-soft: #42565d;
|
||||
--line: #c9d4d0;
|
||||
--brand: #0f5d69;
|
||||
--brand-strong: #0a3d45;
|
||||
--accent: #a85c24;
|
||||
--radius-md: 14px;
|
||||
--shadow-sm: 0 10px 30px rgba(18, 40, 44, 0.08);
|
||||
--shell-gutter: clamp(12px, 2.2vw, 34px);
|
||||
@@ -45,6 +47,11 @@
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
:focus-visible {
|
||||
outline: 3px solid #0f5d69;
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
/* Verhinderung von iOS Auto-Zoom bei Inputs */
|
||||
input, textarea, select, button {
|
||||
font-family: inherit;
|
||||
@@ -59,10 +66,11 @@
|
||||
padding-left: env(safe-area-inset-left);
|
||||
padding-right: env(safe-area-inset-right);
|
||||
min-height: 100%;
|
||||
font-family: "Public Sans", system-ui, sans-serif;
|
||||
font-family: "Inter", system-ui, sans-serif;
|
||||
color: var(--text-main);
|
||||
background: radial-gradient(circle at 88% -8%, #dbe4d9 0%, transparent 34%),
|
||||
radial-gradient(circle at -5% 58%, #ece4d2 0%, transparent 40%),
|
||||
background:
|
||||
radial-gradient(circle at 88% -8%, rgba(15, 93, 105, 0.08) 0%, transparent 34%),
|
||||
radial-gradient(circle at -5% 58%, rgba(168, 92, 36, 0.08) 0%, transparent 40%),
|
||||
var(--bg-main);
|
||||
}
|
||||
|
||||
@@ -74,28 +82,28 @@
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
font-family: "Merriweather", Georgia, serif;
|
||||
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||
line-height: 1.16;
|
||||
font-size: clamp(1.85rem, 4vw, 3.5rem);
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-family: "Merriweather", Georgia, serif;
|
||||
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||
line-height: 1.2;
|
||||
font-size: clamp(1.5rem, 3vw, 2.5rem);
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-family: "Merriweather", Georgia, serif;
|
||||
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||
line-height: 1.24;
|
||||
font-size: clamp(1.2rem, 2vw, 1.8rem);
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-family: "Merriweather", Georgia, serif;
|
||||
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||
line-height: 1.24;
|
||||
font-size: clamp(1rem, 1.8vw, 1.5rem);
|
||||
}
|
||||
@@ -222,12 +230,12 @@
|
||||
font-weight: 700;
|
||||
color: #1b4b52;
|
||||
background: #ffffff;
|
||||
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
||||
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
|
||||
}
|
||||
|
||||
.nav-btn:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 6px 16px rgba(20, 53, 58, 0.12);
|
||||
box-shadow: 0 8px 20px rgba(20, 53, 58, 0.14);
|
||||
}
|
||||
|
||||
.nav-btn.primary {
|
||||
@@ -236,6 +244,10 @@
|
||||
background: linear-gradient(120deg, #286f78 0%, #194f56 100%);
|
||||
}
|
||||
|
||||
.nav-btn.primary:hover {
|
||||
background: linear-gradient(120deg, #2d7882 0%, #1a5660 100%);
|
||||
}
|
||||
|
||||
.nav-dropdown {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -1,39 +1,137 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% set meta_description = "Invario Leistungen für Schulen: Inventarverwaltung, Bibliothekssystem, Support, Sicherheit und Einführung ohne Installation. Klar für Schulen und Schulträger gegliedert." %}
|
||||
|
||||
{% block title %}Leistungen für Schulen | Invario{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.page-hero {
|
||||
padding: 1.4rem 1.5rem;
|
||||
border-radius: 20px;
|
||||
border: 1px solid #d6dfda;
|
||||
background: linear-gradient(135deg, #ffffff 0%, #f5f8f4 100%);
|
||||
box-shadow: 0 16px 34px rgba(25, 45, 41, 0.06);
|
||||
}
|
||||
|
||||
.page-hero h1 {
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.page-hero p {
|
||||
max-width: 72ch;
|
||||
color: #496267;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.service-grid {
|
||||
margin-top: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 0.85rem;
|
||||
}
|
||||
|
||||
.service-card,
|
||||
.highlight {
|
||||
border-radius: 18px;
|
||||
border: 1px solid #d8dfd7;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.service-card {
|
||||
padding: 1rem;
|
||||
box-shadow: 0 10px 26px rgba(25, 45, 41, 0.04);
|
||||
}
|
||||
|
||||
.service-card h2 {
|
||||
color: #235159;
|
||||
margin-bottom: 0.45rem;
|
||||
font-size: clamp(1.05rem, 1.8vw, 1.35rem);
|
||||
}
|
||||
|
||||
.service-card p {
|
||||
color: #496267;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
margin-top: 1rem;
|
||||
padding: 1.2rem;
|
||||
background: linear-gradient(135deg, #f6fbf7 0%, #eef5ef 100%);
|
||||
}
|
||||
|
||||
.highlight h2 {
|
||||
color: #2a4d53;
|
||||
margin-bottom: 0.4rem;
|
||||
font-size: clamp(1.1rem, 2.2vw, 1.55rem);
|
||||
}
|
||||
|
||||
.bento {
|
||||
margin-top: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0.85rem;
|
||||
}
|
||||
|
||||
.bento-item {
|
||||
padding: 1rem;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #d8dfd7;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.bento-item strong {
|
||||
display: block;
|
||||
margin-bottom: 0.25rem;
|
||||
color: #173f46;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.service-grid,
|
||||
.bento {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="page-hero">
|
||||
<h1>Leistungen für Bildungseinrichtungen</h1>
|
||||
<p>Praxisnahe Module für Schulen in Deutschland: verständlich, sicher und ohne unnötige Komplexität.</p>
|
||||
<p>Invario bündelt die Leistungen so, dass Schulen sofort verstehen, was sie bekommen: Inventarverwaltung für 250 € pro Jahr, Bibliothekssystem für 100 € pro Jahr, dazu Support, Schulung und dokumentierte Sicherheit.</p>
|
||||
<div class="bento" aria-label="Kernleistungen">
|
||||
<div class="bento-item"><strong>Schulen</strong>5-Minuten-Start, Zettelwirtschaft vermeiden, intuitive Web-App ohne Installation.</div>
|
||||
<div class="bento-item"><strong>Schulträger</strong>Rechtssicherheit, revisionssichere PDF-Berichte und Serverstandort Deutschland.</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cards">
|
||||
<article class="card">
|
||||
<section class="service-grid">
|
||||
<article class="service-card">
|
||||
<h2>Digitale Inventarverwaltung</h2>
|
||||
<p>Alle Geräte, Räume und Zuständigkeiten an einem Ort. Das verkürzt Suchzeiten und reduziert Rückfragen.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<article class="service-card">
|
||||
<h2>Instanz- und Fristenkontrolle</h2>
|
||||
<p>Instanzzustände und wichtige Wartungsfristen werden transparent angezeigt, inklusive klarer Hinweise für den Betrieb.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<article class="service-card">
|
||||
<h2>Support mit klaren Prioritäten</h2>
|
||||
<p>Störungen werden strukturiert aufgenommen, priorisiert und mit nachvollziehbarem Status bearbeitet.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<article class="service-card">
|
||||
<h2>DSGVO-konforme Dokumentation</h2>
|
||||
<p>Vorgänge und Änderungen bleiben nachvollziehbar dokumentiert, damit Prüfungen und Abstimmungen einfacher werden.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<article class="service-card">
|
||||
<h2>Einrichtung und Schulung</h2>
|
||||
<p>Die Einführung erfolgt in klaren, alltagsnahen Schritten, damit der laufende Betrieb stabil bleibt.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<article class="service-card">
|
||||
<h2>Begleitung im laufenden Betrieb</h2>
|
||||
<p>Feste Ansprechpartner unterstützen bei Fragen, Erweiterungen und organisatorischen Anpassungen.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<article class="service-card">
|
||||
<h2>Technische Sicherheitsbasis</h2>
|
||||
<p>Rollenrechte, sichere Sitzungen, Schutz-Header und protokollierte Änderungen bilden die Grundlage für einen verlässlichen Betrieb.</p>
|
||||
</article>
|
||||
@@ -43,13 +141,4 @@
|
||||
<h2>Besonders geeignet für Teams mit wenig Zeit</h2>
|
||||
<p>Die Oberfläche ist bewusst reduziert aufgebaut: große, klare Bedienelemente, eindeutige Bezeichnungen und kurze Klickwege für tägliche Verwaltungsaufgaben.</p>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.page-hero { margin-bottom: 1.2rem; }
|
||||
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0.9rem; }
|
||||
.card { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1rem; box-shadow: 0 10px 26px rgba(25, 45, 41, 0.04); }
|
||||
.card h2 { color: #24525a; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
|
||||
.highlight { margin-top: 1rem; background: linear-gradient(135deg, #f8f4eb 0%, #eef3eb 100%); border: 1px solid #d4dbd2; border-radius: 14px; padding: 1.1rem; }
|
||||
.highlight h2 { color: #2a4d53; margin-bottom: 0.4rem; font-size: clamp(1.1rem, 2.2vw, 1.55rem); }
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,11 +1,150 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Inventarsystem für Schulen | Übersicht{% endblock %}
|
||||
{% set meta_description = "Invario Inventarsystem für Schulen: 250 € pro Jahr, 5-Minuten-Start, PDF-Berichte, Serverstandort Deutschland und entwickelt mit der Grundschule Albert-Schweitzer-Straße." %}
|
||||
|
||||
{% block title %}Inventarsystem für Schulen | 250 € / Jahr{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.page-hero {
|
||||
padding: 1.4rem 1.5rem;
|
||||
border-radius: 20px;
|
||||
border: 1px solid #d6dfda;
|
||||
background: linear-gradient(135deg, #ffffff 0%, #f4f8f4 100%);
|
||||
box-shadow: 0 16px 34px rgba(25, 45, 41, 0.06);
|
||||
}
|
||||
|
||||
.page-hero h1 {
|
||||
margin-bottom: 0.45rem;
|
||||
}
|
||||
|
||||
.page-hero p {
|
||||
max-width: 72ch;
|
||||
color: #496267;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.hero-pills,
|
||||
.feature-grid {
|
||||
margin-top: 1rem;
|
||||
display: grid;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
.hero-pills {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.pill,
|
||||
.panel {
|
||||
border-radius: 16px;
|
||||
border: 1px solid #d8dfd7;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.pill {
|
||||
padding: 0.9rem 1rem;
|
||||
}
|
||||
|
||||
.pill strong {
|
||||
display: block;
|
||||
color: #153e45;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
.pill span {
|
||||
color: #536c71;
|
||||
}
|
||||
|
||||
.split {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0.9rem;
|
||||
margin-top: 0.9rem;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 1.15rem;
|
||||
box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04);
|
||||
}
|
||||
|
||||
.panel h2 {
|
||||
color: #235159;
|
||||
margin-bottom: 0.45rem;
|
||||
font-size: clamp(1.05rem, 1.8vw, 1.35rem);
|
||||
}
|
||||
|
||||
.panel p,
|
||||
.panel li {
|
||||
color: #496267;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.feature-grid {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
padding: 1rem;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #d8dfd7;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f8faf8 100%);
|
||||
}
|
||||
|
||||
.feature-card h2 {
|
||||
margin-bottom: 0.35rem;
|
||||
color: #235159;
|
||||
font-size: clamp(1.02rem, 1.7vw, 1.25rem);
|
||||
}
|
||||
|
||||
.feature-card p {
|
||||
color: #496267;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.proof {
|
||||
margin-top: 1rem;
|
||||
padding: 1.1rem 1.15rem;
|
||||
border-radius: 18px;
|
||||
border: 1px solid #d6dfda;
|
||||
background: linear-gradient(135deg, #eef6f1 0%, #fbfcfb 100%);
|
||||
}
|
||||
|
||||
.proof strong {
|
||||
color: #173f46;
|
||||
}
|
||||
|
||||
.cta-row {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.7rem;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.hero-pills,
|
||||
.split,
|
||||
.feature-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="page-hero">
|
||||
<h1>Inventarsystem für Schulen</h1>
|
||||
<p>Alle wichtigen Funktionen für den Schulalltag in einer klaren Oberfläche: von Inventar bis zur nachvollziehbaren Historie.</p>
|
||||
<p>Das Inventarsystem kostet 250 € pro Jahr, läuft ohne Installation im Browser und wurde mit der Grundschule Albert-Schweitzer-Straße als Entwicklungspartner für den Schulalltag geformt.</p>
|
||||
<div class="hero-pills" aria-label="Kernfakten">
|
||||
<div class="pill"><strong>250 € / Jahr</strong><span>Planbare Flatrate für Inventarverwaltung</span></div>
|
||||
<div class="pill"><strong>5 Minuten</strong><span>Start ohne lokale Installation</span></div>
|
||||
<div class="pill"><strong>PDF-Export</strong><span>Berichte für Inventur und Nachweise</span></div>
|
||||
</div>
|
||||
<div class="cta-row">
|
||||
<a class="nav-btn primary" href="{{ url_for('preise') }}">Preise ansehen</a>
|
||||
<a class="nav-btn" href="{{ url_for('kontakt') }}">Beratung anfragen</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="split">
|
||||
@@ -30,25 +169,20 @@
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="split" style="margin-top:0.9rem;">
|
||||
<article class="panel">
|
||||
<section class="feature-grid" aria-label="Kernfunktionen">
|
||||
<article class="feature-card">
|
||||
<h2>3. QR-Code Unterstützung</h2>
|
||||
<p>Mit QR-Codes lassen sich Geräte vor Ort direkt identifizieren und aktualisieren.</p>
|
||||
<ul>
|
||||
<li>Labels direkt aus dem System erzeugen</li>
|
||||
<li>Scannen und sofort zur richtigen Akte springen</li>
|
||||
<li>Nutzbar mit Handscanner oder Smartphone-Kamera</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="panel">
|
||||
<article class="feature-card">
|
||||
<h2>4. Historie und Verantwortung</h2>
|
||||
<p>Änderungen bleiben dokumentiert, damit Entscheidungen und Vorgänge transparent bleiben.</p>
|
||||
<ul>
|
||||
<li>Wer hat wann was geändert</li>
|
||||
<li>Leihvorgänge und Rückgaben nachvollziehen</li>
|
||||
<li>Klare Nachweise für interne Abstimmungen</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<h2>5. BFSG-bewusste Nutzung</h2>
|
||||
<p>Klare Kontraste, große Bedienelemente und eine reduzierte Oberfläche unterstützen die tägliche Arbeit im Sekretariat.</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
@@ -64,18 +198,8 @@
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.page-hero { margin-bottom: 1.2rem; }
|
||||
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
|
||||
.panel { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1.15rem; box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04); }
|
||||
.panel h2 { color: #265057; margin-bottom: 0.5rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
|
||||
.panel p { color: #496267; line-height: 1.55; margin-bottom: 0.8rem; font-size: 0.98rem; }
|
||||
.panel ul { margin: 0; padding-left: 1.15rem; color: #496267; display: grid; gap: 0.45rem; }
|
||||
.wide-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
|
||||
<section class="proof">
|
||||
<strong>Leuchtturm:</strong> Die Grundschule Albert-Schweitzer-Straße nutzt Invario als Referenz aus der Praxis. Genau daraus entsteht der Leitsatz: Von Praktikern für Praktiker entwickelt.
|
||||
</section>
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.split { grid-template-columns: 1fr; }
|
||||
.wide-list { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
+169
-32
@@ -1,9 +1,9 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{# SEO: per-page description used in base.html meta tags #}
|
||||
{% set meta_description = "Invario bündelt Lehrmittelverwaltung, Inventar und Ausleihe für Schulen – sicher, transparent und einfach zu bedienen." %}
|
||||
{% set meta_description = "Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Entwickelt mit der Grundschule Albert-Schweitzer-Straße, mit PDF-Berichten, deutschem Serverstandort und 5-Minuten-Start." %}
|
||||
|
||||
{% block title %}Digitale Schulverwaltung mit Sicherheitsfokus{% endblock %}
|
||||
{% block title %}Invario: Inventarsoftware für Schulen | 250 € / 100 €{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
@@ -517,6 +517,85 @@
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.lead-answer {
|
||||
max-width: 64ch;
|
||||
font-size: clamp(1.03rem, 1.25vw, 1.16rem);
|
||||
color: #466067;
|
||||
}
|
||||
|
||||
.definition-box {
|
||||
padding: 1rem 1.1rem;
|
||||
border-radius: 14px;
|
||||
border: 1px solid #d7dfd9;
|
||||
background: linear-gradient(180deg, #fcfdfb 0%, #f4f8f3 100%);
|
||||
}
|
||||
|
||||
.definition-box dt {
|
||||
font-weight: 800;
|
||||
color: #173f46;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.definition-box dd {
|
||||
margin: 0;
|
||||
color: #4f666c;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.path-grid {
|
||||
margin-top: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0.9rem;
|
||||
}
|
||||
|
||||
.path-card {
|
||||
padding: 1rem;
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(27, 74, 82, 0.18);
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.path-card h3 {
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.path-card p {
|
||||
color: #e2efed;
|
||||
}
|
||||
|
||||
.path-card ul {
|
||||
margin: 0.8rem 0 0;
|
||||
padding-left: 1.1rem;
|
||||
color: #eff7f6;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.path-card .btn {
|
||||
margin-top: 0.9rem;
|
||||
}
|
||||
|
||||
.bento-strip {
|
||||
margin-top: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
.bento-note {
|
||||
padding: 0.9rem 1rem;
|
||||
border-radius: 14px;
|
||||
border: 1px solid #d8e0da;
|
||||
background: #f8faf7;
|
||||
}
|
||||
|
||||
.bento-note strong {
|
||||
display: block;
|
||||
margin-bottom: 0.25rem;
|
||||
color: #183f46;
|
||||
}
|
||||
|
||||
#zielgruppen .primary-focus-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
@@ -670,7 +749,47 @@
|
||||
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
|
||||
"author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||
"inLanguage": "de-DE"
|
||||
"inLanguage": "de-DE",
|
||||
"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 PDF-Berichten, Rollenrechten 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 Schulen mit Ausleihe, Rückgabe und transparenten Beständen."
|
||||
},
|
||||
{
|
||||
"@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 dem Sekretariat und 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"
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "WebPage",
|
||||
@@ -686,18 +805,14 @@
|
||||
</script>
|
||||
<header class="hero" id="top" aria-label="Seitenstart">
|
||||
<div>
|
||||
<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
|
||||
<h1>Die Software, die iPads genauso effizient verwaltet wie das Schulbuch.</h1>
|
||||
<p>
|
||||
Radikale Einfachheit für Ihren Schulalltag. Starten Sie in nur 5 Minuten mit der modernen Inventarsoftware für alle Schularten. Hybrid, intuitiv, sofort einsatzbereit.
|
||||
<span class="eyebrow">Inventarsoftware für Schulen</span>
|
||||
<h1>Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem.</h1>
|
||||
<p class="lead-answer">
|
||||
Die Web-App wurde mit der Grundschule Albert-Schweitzer-Straße als Entwicklungspartner aufgebaut. Sie verbindet 5-Minuten-Start, deutsche Server, PDF-Berichte und klare Rollenrechte für Schulträger und Sekretariat.
|
||||
</p>
|
||||
<div class="cta-row">
|
||||
{% if 'username' in session %}
|
||||
<a class="btn btn-primary" href="{{ url_for('preise') }}">In 5 Minuten startklar</a>
|
||||
{% else %}
|
||||
<a class="btn btn-primary" href="{{ url_for('login') }}">Jetzt kostenlos testen</a>
|
||||
{% endif %}
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Kontakt aufnehmen</a>
|
||||
<a class="btn btn-primary" href="#zielgruppen">Zielgruppe wählen</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Preise ansehen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-right">
|
||||
@@ -709,7 +824,7 @@
|
||||
<span class="star">★</span>
|
||||
<span class="star">★</span>
|
||||
</div>
|
||||
<a href="#hilfe"><p class="quote">"Mit Invario haben wir unsere Lehrmittelausleihe um 80% beschleunigt. Die Oberfläche ist intuitiv und unsere Bibliothekare sparen täglich Zeit."</p></a>
|
||||
<a href="#hilfe"><p class="quote">"Mit Invario haben wir unsere Lehrmittelausleihe um 80% beschleunigt. Die Oberfläche ist intuitiv und unser Sekretariat spart täglich Zeit."</p></a>
|
||||
<div class="author">
|
||||
<div class="avatar">SA</div>
|
||||
<div class="info">
|
||||
@@ -732,28 +847,50 @@
|
||||
|
||||
<section class="primary-focus reveal-on-scroll" id="zielgruppen" aria-label="Zielgruppen">
|
||||
<div class="primary-focus-content">
|
||||
<span class="eyebrow">Für wen ist Invario?</span>
|
||||
<h2>Passend für jede Organisationsebene</h2>
|
||||
<div class="section-grid">
|
||||
<article class="card">
|
||||
<h3>Sekretariat</h3>
|
||||
<p>Ende der Zettelwirtschaft & Barcode‑Scan — Inventur und Rückgabe in Sekunden.</p>
|
||||
<span class="eyebrow">Zwei klare Pfade</span>
|
||||
<h2>Eine Plattform, zwei Landingpage-Logiken</h2>
|
||||
<div class="path-grid">
|
||||
<article class="path-card" id="schultraeger-pfad">
|
||||
<h3>Pfad A: Schulträger</h3>
|
||||
<p>Rechtssicherheit, DigitalPakt 2.0, revisionssichere PDF-Berichte und Serverstandort Deutschland stehen hier im Vordergrund.</p>
|
||||
<ul>
|
||||
<li>Förderfähigkeit von Wartung und Support</li>
|
||||
<li>Dokumentation für Prüfungen und Gremien</li>
|
||||
<li>Klare Kostenplanung ohne Überraschungen</li>
|
||||
</ul>
|
||||
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Für Schulträger ansehen</a>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>IT‑Beauftragte</h3>
|
||||
<p>Zero Maintenance & DSGVO‑Sicherheit — Web‑App ohne lokale Server, Daten auf deutschen Servern.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Schulträger & Kämmerer — DigitalPakt 2.0 Software Förderung</h3>
|
||||
<p>DigitalPakt 2.0 Förderfähigkeit & Rechtssicherheit — revisionssichere Berichte und transparente Kostenplanung.</p>
|
||||
<article class="path-card" id="sekretariat-pfad">
|
||||
<h3>Pfad B: Schulen & Sekretariat</h3>
|
||||
<p>Radikale Einfachheit, 5-Minuten-Start und eine Web-App ohne Installation. Genau dafür ist Invario im Alltag gebaut.</p>
|
||||
<ul>
|
||||
<li>Weniger Zettelwirtschaft</li>
|
||||
<li>Intuitive Bedienung ohne Schulungsballast</li>
|
||||
<li>Schnelle Ausleihe und Rücknahme</li>
|
||||
</ul>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Für Schulen ansehen</a>
|
||||
</article>
|
||||
</div>
|
||||
<div class="bento-strip">
|
||||
<div class="bento-note">
|
||||
<strong>Definition</strong>
|
||||
Inventarsoftware für Schulen ist eine Web-Anwendung, die Inventar, Ausleihe und Nachweise zentral, revisionssicher und ohne lokale Installation bündelt.
|
||||
</div>
|
||||
<div class="bento-note">
|
||||
<strong>Leuchtturm</strong>
|
||||
Von Praktikern für Praktiker entwickelt mit der Grundschule Albert-Schweitzer-Straße als Referenz.
|
||||
</div>
|
||||
<div class="bento-note">
|
||||
<strong>Kernaussage</strong>
|
||||
Invario reduziert Verwaltungszeit, macht Bestände sichtbar und hält die Einführung bewusst leicht.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section reveal-on-scroll" id="warum">
|
||||
<h2>Warum Invario?</h2>
|
||||
<p>Alleinstellungsmerkmale auf einen Blick: schnell, transparent und wartungsarm.</p>
|
||||
<p>Die wichtigsten Antworten zuerst: klarer Preis, klare Funktion, klare Zuständigkeit.</p>
|
||||
<div class="section-grid">
|
||||
<article class="card">
|
||||
<h3>Das 5‑Minuten‑Startversprechen</h3>
|
||||
@@ -761,7 +898,7 @@
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Preis‑Transparenz</h3>
|
||||
<p>Echte Flatrate statt versteckter Gebühren: 250 € für das Inventarsystem für alle Schulen — im Vergleich zu Enterprise‑Gebühren von bis zu 1.950 €.</p>
|
||||
<p>Echte Flatrate statt versteckter Gebühren: 250 € für die Inventarverwaltung und 100 € für das Bibliothekssystem statt gestaffelter Enterprise-Zusatzkosten.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Zero Maintenance</h3>
|
||||
@@ -776,8 +913,8 @@
|
||||
<p>Erstellen Sie PDF‑Berichte auf Knopfdruck für Inventur, Prüfungen und Förderanträge.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Einfache Bedienung</h3>
|
||||
<p>Intuitive Oberfläche für Lehrkräfte und Verwaltungspersonal – geringe Schulungszeiten.</p>
|
||||
<h3>BFSG-bewusste Bedienung</h3>
|
||||
<p>Hohe Farbkontraste, klare Hierarchien und bedienbare Flächen unterstützen eine zugängliche Nutzung im Schulalltag.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
@@ -806,7 +943,7 @@
|
||||
</section>
|
||||
|
||||
<section class="testimonials reveal-on-scroll">
|
||||
<h2>Vom Zettelchaos zur digitalen Transparenz in Rekordzeit.</h2>
|
||||
<h2>Von Praktikern für Praktiker entwickelt.</h2>
|
||||
<div class="testimonials-grid" style="grid-template-columns: 1fr;">
|
||||
<article class="testimonial-card">
|
||||
<div>
|
||||
|
||||
+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