aboutsummaryrefslogtreecommitdiff
path: root/downloads/shiftplanner-sales.html
diff options
context:
space:
mode:
Diffstat (limited to 'downloads/shiftplanner-sales.html')
-rw-r--r--downloads/shiftplanner-sales.html1162
1 files changed, 1162 insertions, 0 deletions
diff --git a/downloads/shiftplanner-sales.html b/downloads/shiftplanner-sales.html
new file mode 100644
index 0000000..e2d4a5b
--- /dev/null
+++ b/downloads/shiftplanner-sales.html
@@ -0,0 +1,1162 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
+
+ <!-- Primary Meta Tags -->
+ <title>ShiftAI Pro — KI-gestützte Schichtplanung | Zeit sparen & Effizienz steigern</title>
+ <meta name="title" content="ShiftAI Pro — KI-gestützte Schichtplanung">
+ <meta name="description" content="Spare über 10 Stunden pro Woche mit intelligenter Schichtplanung. Für Krankenhäuser, Hotels, Fabriken und Teams. 14 Tage kostenlos testen.">
+ <meta name="keywords" content="Schichtplanung, Dienstplan, Personalplanung, KI, Automatisierung, Krankenhaus, Hotel, Restaurant, Team Management">
+ <meta name="author" content="ShiftAI Pro">
+ <meta name="robots" content="index, follow">
+ <meta name="language" content="German">
+ <meta name="revisit-after" content="7 days">
+
+ <!-- Canonical URL -->
+ <link rel="canonical" href="https://shiftai-pro.com/schichtplanung">
+
+ <!-- Favicon -->
+ <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📅</text></svg>">
+ <meta name="theme-color" content="#6366f1">
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="default">
+ <meta name="apple-mobile-web-app-title" content="ShiftAI Pro">
+
+ <!-- Open Graph / Facebook -->
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://shiftai-pro.com/schichtplanung">
+ <meta property="og:title" content="ShiftAI Pro — KI-gestützte Schichtplanung">
+ <meta property="og:description" content="Spare über 10 Stunden pro Woche mit intelligenter Schichtplanung. Für Krankenhäuser, Hotels, Fabriken.">
+ <meta property="og:image" content="https://shiftai-pro.com/og-shiftplanner.jpg">
+ <meta property="og:locale" content="de_DE">
+ <meta property="og:site_name" content="ShiftAI Pro">
+
+ <!-- Twitter -->
+ <meta property="twitter:card" content="summary_large_image">
+ <meta property="twitter:url" content="https://shiftai-pro.com/schichtplanung">
+ <meta property="twitter:title" content="ShiftAI Pro — KI-gestützte Schichtplanung">
+ <meta property="twitter:description" content="Spare über 10 Stunden pro Woche mit intelligenter Schichtplanung.">
+ <meta property="twitter:image" content="https://shiftai-pro.com/og-shiftplanner.jpg">
+ <meta property="twitter:creator" content="@shiftaipro">
+
+ <!-- Structured Data -->
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@type": "SoftwareApplication",
+ "name": "ShiftAI Pro",
+ "description": "KI-gestützte Schichtplanung für Unternehmen",
+ "applicationCategory": "BusinessApplication",
+ "operatingSystem": "Web",
+ "offers": {
+ "@type": "AggregateOffer",
+ "lowPrice": "4.99",
+ "highPrice": "19.99",
+ "priceCurrency": "EUR"
+ }
+ }
+ </script>
+
+ <style>
+ :root {
+ --primary: #6366f1;
+ --primary-dark: #4f46e5;
+ --secondary: #0ea5e9;
+ --success: #10b981;
+ --dark: #0f172a;
+ --gray: #64748b;
+ --light: #f1f5f9;
+ --white: #ffffff;
+ --orange: #FF6B35;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ -webkit-tap-highlight-color: transparent;
+ }
+
+ html {
+ scroll-behavior: smooth;
+ }
+
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ color: var(--dark);
+ line-height: 1.6;
+ background: var(--white);
+ font-size: 16px;
+ padding-bottom: 80px;
+ }
+
+ /* Mobile Nav */
+ .nav {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ background: rgba(255,255,255,0.98);
+ backdrop-filter: blur(10px);
+ -webkit-backdrop-filter: blur(10px);
+ z-index: 1000;
+ padding: 0.75rem 1.25rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+ }
+
+ .nav-logo {
+ font-size: 1.25rem;
+ font-weight: 800;
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-decoration: none;
+ }
+
+ .nav-toggle {
+ width: 44px;
+ height: 44px;
+ border: none;
+ background: var(--light);
+ border-radius: 10px;
+ font-size: 1.25rem;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: background 0.2s;
+ }
+
+ .nav-toggle:active {
+ background: #e2e8f0;
+ }
+
+ /* Hamburger animation */
+ .hamburger {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ width: 20px;
+ }
+
+ .hamburger span {
+ display: block;
+ width: 100%;
+ height: 2px;
+ background: var(--dark);
+ border-radius: 2px;
+ transition: all 0.3s;
+ }
+
+ .nav-toggle.active .hamburger span:nth-child(1) {
+ transform: rotate(45deg) translate(5px, 5px);
+ }
+
+ .nav-toggle.active .hamburger span:nth-child(2) {
+ opacity: 0;
+ }
+
+ .nav-toggle.active .hamburger span:nth-child(3) {
+ transform: rotate(-45deg) translate(5px, -5px);
+ }
+
+ .nav-menu {
+ position: fixed;
+ top: 65px;
+ left: 0;
+ right: 0;
+ background: white;
+ padding: 1rem;
+ display: none;
+ flex-direction: column;
+ gap: 0.5rem;
+ box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+ border-radius: 0 0 16px 16px;
+ }
+
+ .nav-menu.active {
+ display: flex;
+ }
+
+ .nav-menu a {
+ display: block;
+ padding: 0.875rem 1rem;
+ color: var(--dark);
+ text-decoration: none;
+ font-weight: 500;
+ border-radius: 8px;
+ min-height: 44px;
+ display: flex;
+ align-items: center;
+ transition: background 0.2s;
+ }
+
+ .nav-menu a:hover,
+ .nav-menu a:active {
+ background: var(--light);
+ }
+
+ .nav-menu .nav-cta {
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ color: white;
+ margin-top: 0.5rem;
+ }
+
+ .nav-menu .nav-cta:hover {
+ background: linear-gradient(135deg, var(--primary-dark), var(--primary));
+ }
+
+ /* Main Content */
+ main {
+ padding-top: 65px;
+ }
+
+ /* Hero */
+ .hero {
+ padding: 3rem 1.25rem;
+ text-align: center;
+ background: linear-gradient(180deg, #f8fafc 0%, white 100%);
+ }
+
+ .hero-badge {
+ display: inline-block;
+ background: linear-gradient(135deg, #e0e7ff, #dbeafe);
+ color: var(--primary);
+ padding: 0.5rem 1rem;
+ border-radius: 50px;
+ font-weight: 600;
+ font-size: 0.8125rem;
+ margin-bottom: 1rem;
+ }
+
+ .hero h1 {
+ font-size: clamp(1.75rem, 6vw, 2.5rem);
+ font-weight: 800;
+ line-height: 1.15;
+ margin-bottom: 1rem;
+ color: var(--dark);
+ }
+
+ .hero p {
+ color: var(--gray);
+ font-size: 1.0625rem;
+ max-width: 500px;
+ margin: 0 auto 1.5rem;
+ }
+
+ /* Lifetime Deal Banner */
+ .lifetime-banner {
+ background: linear-gradient(135deg, #10b981, #059669);
+ color: white;
+ padding: 20px;
+ margin: 0 1.25rem 2rem;
+ border-radius: 16px;
+ text-align: center;
+ }
+
+ .lifetime-banner h3 {
+ font-size: 1.25rem;
+ margin-bottom: 8px;
+ }
+
+ .lifetime-banner p {
+ opacity: 0.9;
+ font-size: 0.9rem;
+ margin-bottom: 12px;
+ }
+
+ .lifetime-prices {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ flex-wrap: wrap;
+ }
+
+ .lifetime-price {
+ background: rgba(255,255,255,0.2);
+ padding: 12px 20px;
+ border-radius: 12px;
+ }
+
+ .lifetime-price .amount {
+ font-size: 1.5rem;
+ font-weight: 800;
+ }
+
+ .lifetime-price .label {
+ font-size: 0.8rem;
+ opacity: 0.9;
+ }
+
+ .lifetime-price .savings {
+ font-size: 0.75rem;
+ color: #fef08a;
+ }
+
+ /* CTA Button */
+ .cta-primary {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ padding: 1rem 2rem;
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ color: white;
+ border: none;
+ border-radius: 12px;
+ font-size: 1rem;
+ font-weight: 600;
+ cursor: pointer;
+ text-decoration: none;
+ box-shadow: 0 4px 15px rgba(99,102,241,0.3);
+ transition: transform 0.2s, box-shadow 0.2s;
+ }
+
+ .cta-primary:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 6px 20px rgba(99,102,241,0.4);
+ }
+
+ .cta-secondary {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ padding: 1rem 2rem;
+ background: white;
+ color: var(--dark);
+ border: 2px solid #e2e8f0;
+ border-radius: 12px;
+ font-size: 1rem;
+ font-weight: 600;
+ cursor: pointer;
+ text-decoration: none;
+ transition: border-color 0.2s;
+ }
+
+ .cta-secondary:hover {
+ border-color: var(--primary);
+ }
+
+ .cta-group {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ align-items: center;
+ }
+
+ /* Stats */
+ .stats {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 1rem;
+ padding: 0 1.25rem;
+ margin-bottom: 3rem;
+ }
+
+ .stat-card {
+ background: var(--light);
+ padding: 1.25rem;
+ border-radius: 12px;
+ text-align: center;
+ }
+
+ .stat-value {
+ font-size: 1.75rem;
+ font-weight: 800;
+ color: var(--primary);
+ line-height: 1.2;
+ }
+
+ .stat-label {
+ font-size: 0.75rem;
+ color: var(--gray);
+ margin-top: 4px;
+ }
+
+ /* Sections */
+ .section {
+ padding: 3rem 1.25rem;
+ }
+
+ .section-alt {
+ background: var(--light);
+ }
+
+ .section h2 {
+ font-size: 1.5rem;
+ text-align: center;
+ margin-bottom: 2rem;
+ }
+
+ /* Problem Cards */
+ .problem-grid {
+ display: grid;
+ gap: 1rem;
+ }
+
+ .problem-card {
+ display: flex;
+ gap: 1rem;
+ padding: 1.25rem;
+ background: white;
+ border-radius: 16px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+ }
+
+ .problem-icon {
+ width: 48px;
+ height: 48px;
+ background: #fee2e2;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.5rem;
+ flex-shrink: 0;
+ }
+
+ .problem-content h3 {
+ font-size: 1rem;
+ margin-bottom: 4px;
+ }
+
+ .problem-content p {
+ font-size: 0.9rem;
+ color: var(--gray);
+ }
+
+ /* Solution Cards */
+ .solution-grid {
+ display: grid;
+ gap: 1rem;
+ }
+
+ .solution-card {
+ display: flex;
+ gap: 1rem;
+ padding: 1.25rem;
+ background: white;
+ border-radius: 16px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+ }
+
+ .solution-icon {
+ width: 48px;
+ height: 48px;
+ background: #d1fae5;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.5rem;
+ flex-shrink: 0;
+ }
+
+ .solution-content h3 {
+ font-size: 1rem;
+ margin-bottom: 4px;
+ color: #065f46;
+ }
+
+ .solution-content p {
+ font-size: 0.9rem;
+ color: var(--gray);
+ }
+
+ /* Features Grid */
+ .features-grid {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 1rem;
+ }
+
+ .feature-card {
+ background: var(--light);
+ padding: 1.5rem;
+ border-radius: 16px;
+ text-align: center;
+ }
+
+ .feature-icon {
+ font-size: 2rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .feature-card h3 {
+ font-size: 0.9375rem;
+ margin-bottom: 4px;
+ }
+
+ .feature-card p {
+ font-size: 0.8125rem;
+ color: var(--gray);
+ }
+
+ /* Pricing */
+ .pricing-card {
+ background: white;
+ border-radius: 20px;
+ padding: 2rem;
+ margin: 0 1.25rem 2rem;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.08);
+ max-width: 400px;
+ }
+
+ .pricing-header {
+ text-align: center;
+ margin-bottom: 1.5rem;
+ }
+
+ .pricing-badge {
+ display: inline-block;
+ background: linear-gradient(135deg, var(--orange), #ff8c5a);
+ color: white;
+ padding: 6px 16px;
+ border-radius: 50px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ }
+
+ .pricing-header h3 {
+ font-size: 1.5rem;
+ margin-bottom: 4px;
+ }
+
+ .pricing-header .users {
+ color: var(--gray);
+ font-size: 0.9rem;
+ }
+
+ .pricing-price {
+ text-align: center;
+ margin-bottom: 1.5rem;
+ }
+
+ .pricing-price .monthly {
+ font-size: 2.5rem;
+ font-weight: 800;
+ color: var(--primary);
+ }
+
+ .pricing-price .period {
+ color: var(--gray);
+ }
+
+ .lifetime-box {
+ background: linear-gradient(135deg, #d1fae5, #a7f3d0);
+ border-radius: 12px;
+ padding: 16px;
+ text-align: center;
+ margin-bottom: 1.5rem;
+ }
+
+ .lifetime-box .title {
+ font-weight: 700;
+ color: #065f46;
+ margin-bottom: 4px;
+ }
+
+ .lifetime-box .price {
+ font-size: 1.75rem;
+ font-weight: 800;
+ color: #047857;
+ }
+
+ .lifetime-box .savings {
+ font-size: 0.85rem;
+ color: #065f46;
+ margin-top: 4px;
+ }
+
+ .pricing-features {
+ list-style: none;
+ margin-bottom: 1.5rem;
+ }
+
+ .pricing-features li {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 10px 0;
+ font-size: 0.9375rem;
+ border-bottom: 1px solid var(--light);
+ }
+
+ .pricing-features li:last-child {
+ border-bottom: none;
+ }
+
+ .check-icon {
+ width: 20px;
+ height: 20px;
+ background: #d1fae5;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #059669;
+ font-size: 12px;
+ flex-shrink: 0;
+ }
+
+ .pricing-cta {
+ display: block;
+ width: 100%;
+ padding: 14px;
+ background: linear-gradient(135deg, #10b981, #059669);
+ color: white;
+ border: none;
+ border-radius: 12px;
+ font-size: 1rem;
+ font-weight: 600;
+ cursor: pointer;
+ text-align: center;
+ text-decoration: none;
+ transition: transform 0.2s;
+ }
+
+ .pricing-cta:hover {
+ transform: scale(1.02);
+ }
+
+ .pricing-note {
+ text-align: center;
+ margin-top: 12px;
+ font-size: 0.8rem;
+ color: var(--gray);
+ }
+
+ /* Setup Fee */
+ .setup-fee {
+ background: #fef3c7;
+ border-radius: 8px;
+ padding: 12px;
+ margin-top: 16px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 0.9rem;
+ }
+
+ .setup-fee .label {
+ color: #92400e;
+ }
+
+ .setup-fee .amount {
+ font-weight: 700;
+ color: #78350f;
+ }
+
+ /* Open Source */
+ .opensource-card {
+ background: linear-gradient(135deg, #f5f3ff, #ede9fe);
+ border-radius: 16px;
+ padding: 1.5rem;
+ margin: 0 1.25rem 2rem;
+ max-width: 400px;
+ }
+
+ .opensource-card h3 {
+ font-size: 1.25rem;
+ margin-bottom: 8px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .opensource-card p {
+ color: var(--gray);
+ font-size: 0.9rem;
+ margin-bottom: 16px;
+ }
+
+ .os-options {
+ display: grid;
+ gap: 12px;
+ }
+
+ .os-option {
+ background: white;
+ border-radius: 12px;
+ padding: 16px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .os-option-info h4 {
+ font-size: 0.9rem;
+ margin-bottom: 2px;
+ }
+
+ .os-option-info p {
+ font-size: 0.8rem;
+ margin-bottom: 0;
+ }
+
+ .os-option-price {
+ font-weight: 700;
+ color: var(--primary);
+ }
+
+ /* Testimonial */
+ .testimonial {
+ background: white;
+ border-radius: 16px;
+ padding: 2rem;
+ margin: 0 1.25rem 2rem;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.05);
+ }
+
+ .testimonial-text {
+ font-size: 1.0625rem;
+ line-height: 1.7;
+ margin-bottom: 1.5rem;
+ color: var(--dark);
+ }
+
+ .testimonial-author {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ }
+
+ .testimonial-avatar {
+ width: 48px;
+ height: 48px;
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: white;
+ font-weight: 700;
+ font-size: 1.25rem;
+ }
+
+ .testimonial-info h4 {
+ font-size: 0.9375rem;
+ }
+
+ .testimonial-info p {
+ font-size: 0.8125rem;
+ color: var(--gray);
+ }
+
+ /* CTA Section */
+ .cta-section {
+ background: linear-gradient(135deg, var(--dark) 0%, #1e293b 100%);
+ color: white;
+ padding: 3rem 1.25rem;
+ text-align: center;
+ }
+
+ .cta-section h2 {
+ font-size: 1.5rem;
+ margin-bottom: 12px;
+ }
+
+ .cta-section p {
+ color: rgba(255,255,255,0.7);
+ margin-bottom: 1.5rem;
+ }
+
+ /* Footer Nav */
+ .footer-nav {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: white;
+ border-top: 1px solid #e2e8f0;
+ display: flex;
+ z-index: 999;
+ }
+
+ .footer-nav a {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 12px;
+ color: var(--gray);
+ text-decoration: none;
+ font-size: 0.6875rem;
+ gap: 4px;
+ transition: color 0.2s;
+ }
+
+ .footer-nav a:hover,
+ .footer-nav a.active {
+ color: var(--primary);
+ }
+
+ .footer-nav .nav-icon {
+ font-size: 1.25rem;
+ }
+
+ .footer-nav .nav-cta {
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ color: white !important;
+ }
+
+ /* Responsive */
+ @media (min-width: 768px) {
+ .hero {
+ padding: 5rem 2rem;
+ }
+
+ .section {
+ padding: 4rem 2rem;
+ }
+
+ .stats {
+ grid-template-columns: repeat(3, 1fr);
+ max-width: 600px;
+ margin: 0 auto 3rem;
+ }
+
+ .problem-grid,
+ .solution-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+
+ .features-grid {
+ grid-template-columns: repeat(4, 1fr);
+ }
+
+ .pricing-card,
+ .opensource-card {
+ max-width: 100%;
+ margin: 0 2rem 2rem;
+ }
+
+ .cta-group {
+ flex-direction: row;
+ }
+ }
+ </style>
+</head>
+<body>
+
+ <!-- Navigation -->
+ <nav class="nav">
+ <a href="/" class="nav-logo">ShiftAI Pro</a>
+ <button class="nav-toggle" onclick="toggleMenu()" aria-label="Menu">
+ <div class="hamburger">
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+ </button>
+ </nav>
+
+ <div class="nav-menu" id="navMenu">
+ <a href="#features">Features</a>
+ <a href="#pricing">Preise</a>
+ <a href="#opensource">Open Source</a>
+ <a href="/demo" class="nav-cta">🚀 Kostenlos testen</a>
+ </div>
+
+ <main>
+
+ <!-- Hero -->
+ <section class="hero">
+ <div class="hero-badge">✨ KI-gestützte Schichtplanung</div>
+ <h1>Schichtplanung?<br>Endlich. Smart.</h1>
+ <p>Erstelle Dienstpläne in Minuten statt Stunden. Unsere KI berücksichtigt alle Regeln automatisch.</p>
+
+ <div class="cta-group">
+ <a href="/register" class="cta-primary">14 Tage kostenlos testen →</a>
+ <a href="/demo" class="cta-secondary">Demo ansehen</a>
+ </div>
+ </section>
+
+ <!-- Lifetime Deal Banner -->
+ <div class="lifetime-banner">
+ <h3>🎉 Sonderangebot: Lifetime Deals!</h3>
+ <p>Zahlen Sie einmal – nutzen Sie für immer! Sparen Sie bis zu 60€ gegenüber monatlicher Zahlung.</p>
+ <div class="lifetime-prices">
+ <div class="lifetime-price">
+ <div class="amount">€149</div>
+ <div class="label">Starter Lifetime</div>
+ <div class="savings">Sparen Sie €30</div>
+ </div>
+ <div class="lifetime-price">
+ <div class="amount">€300</div>
+ <div class="label">Professional Lifetime</div>
+ <div class="savings">Sparen Sie €60!</div>
+ </div>
+ <div class="lifetime-price">
+ <div class="amount">€499</div>
+ <div class="label">Business Lifetime</div>
+ <div class="savings">Sparen Sie €220</div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Stats -->
+ <div class="stats">
+ <div class="stat-card">
+ <div class="stat-value">10+</div>
+ <div class="stat-label">Stunden/Woche gespart</div>
+ </div>
+ <div class="stat-card">
+ <div class="stat-value">98%</div>
+ <div class="stat-label">Mitarbeiterzufriedenheit</div>
+ </div>
+ <div class="stat-card">
+ <div class="stat-value">100%</div>
+ <div class="stat-label">GDPR-konform (DE)</div>
+ </div>
+ </div>
+
+ <!-- Problem Section -->
+ <section class="section section-alt" id="problems">
+ <h2>Klingt bekannt?</h2>
+ <div class="problem-grid">
+ <div class="problem-card">
+ <div class="problem-icon">😰</div>
+ <div class="problem-content">
+ <h3>Stundenlanges Planen</h3>
+ <p>Manuelles Erstellen von Dienstplänen frisst wertvolle Zeit, die du für wichtigere Aufgaben nutzen könntest.</p>
+ </div>
+ </div>
+ <div class="problem-card">
+ <div class="problem-icon">😤</div>
+ <div class="problem-content">
+ <h3>Unzufriedene Mitarbeiter</h3>
+ <p>Schichtwünsche werden ignoriert, weil du den Überblick verlierst. Fluktuation und Krankheitsquote steigen.</p>
+ </div>
+ </div>
+ <div class="problem-card">
+ <div class="problem-icon">💸</div>
+ <div class="problem-content">
+ <h3>Teure Überstunden</h3>
+ <p>Ohne optimale Auslastung entstehen unnötige Überstunden oder teure Vertretungen – dein Budget leidet.</p>
+ </div>
+ </div>
+ <div class="problem-card">
+ <div class="problem-icon">📱</div>
+ <div class="problem-content">
+ <h3>Keine Übersicht</h3>
+ <p>Excel, WhatsApp, E-Mail – alles quer verteilt. Eine zentrale Lösung für dein Team fehlt.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- Solution Section -->
+ <section class="section" id="solution">
+ <h2>Die Lösung: ShiftAI Pro</h2>
+ <div class="solution-grid">
+ <div class="solution-card">
+ <div class="solution-icon">🤖</div>
+ <div class="solution-content">
+ <h3>KI-Optimierung</h3>
+ <p>Unsere KI erstellt automatisch optimale Schichtpläne basierend auf Verfügbarkeit, Skills und Fairness.</p>
+ </div>
+ </div>
+ <div class="solution-card">
+ <div class="solution-icon">📅</div>
+ <div class="solution-content">
+ <h3>Mitarbeiter-Selbstbuchung</h3>
+ <p>Dein Team kann Schichten tauschen und Wünsche einreichen – ganz ohne Administrator-Aufwand.</p>
+ </div>
+ </div>
+ <div class="solution-card">
+ <div class="solution-icon">⚡</div>
+ <div class="solution-content">
+ <h3>5-Minuten-Einrichtung</h3>
+ <p>Kein kompliziertes Onboarding. In wenigen Minuten bist du startklar mit deinem ersten Plan.</p>
+ </div>
+ </div>
+ <div class="solution-card">
+ <div class="solution-icon">🔒</div>
+ <div class="solution-content">
+ <h3>Deutsche Rechtssicherheit</h3>
+ <p>DSGVO-konform, EU-Mehrwertsteuer-Automatik und Hosting auf deutschen Servern.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- Features -->
+ <section class="section section-alt" id="features">
+ <h2>Features, die überzeugen</h2>
+ <div class="features-grid">
+ <div class="feature-card">
+ <div class="feature-icon">📱</div>
+ <h3>Mobile App</h3>
+ <p>iOS & Android</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">🔔</div>
+ <h3>Push-Benachrichtigungen</h3>
+ <p>Sofort informiert</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">📊</div>
+ <h3>Analytics</h3>
+ <p>Einblicke & Reports</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">🔗</div>
+ <h3>API-Zugang</h3>
+ <p>Integrationen</p>
+ </div>
+ </div>
+ </section>
+
+ <!-- Pricing -->
+ <section class="section" id="pricing">
+ <h2>Transparent & fair</h2>
+
+ <div class="pricing-card">
+ <div class="pricing-header">
+ <div class="pricing-badge">⭐ Beliebt</div>
+ <h3>Professional</h3>
+ <div class="users">6–20 Benutzer</div>
+ </div>
+
+ <div class="pricing-price">
+ <span class="monthly">€9,99</span>
+ <span class="period">/Monat</span>
+ </div>
+
+ <div class="lifetime-box">
+ <div class="title">💎 Lifetime Deal</div>
+ <div class="price">€300</div>
+ <div class="savings">📢 Sparen Sie €60 gegenüber 3 Jahren Monatszahlung!</div>
+ </div>
+
+ <ul class="pricing-features">
+ <li><span class="check-icon">✓</span> KI-gestützte Schichtplanung</li>
+ <li><span class="check-icon">✓</span> Buchungssystem integriert</li>
+ <li><span class="check-icon">✓</span> Erweiterte Analysen</li>
+ <li><span class="check-icon">✓</span> Website-Widget</li>
+ <li><span class="check-icon">✓</span> Priority Support</li>
+ <li><span class="check-icon">✓</span> EU VAT-Automatik</li>
+ </ul>
+
+ <a href="/register?plan=professional" class="pricing-cta">Lifetime sichern – €300</a>
+ <p class="pricing-note">oder €9,99/Monat · 14 Tage kostenlos</p>
+
+ <div class="setup-fee">
+ <span class="label">⚙️ Einrichtungsgebühr (einmalig)</span>
+ <span class="amount">€99</span>
+ </div>
+ </div>
+ </section>
+
+ <!-- Open Source -->
+ <section class="section section-alt" id="opensource">
+ <h2>🐳 Open Source</h2>
+
+ <div class="opensource-card">
+ <h3>🛠️ Self-Hosted Solution</h3>
+ <p>Betreibe ShiftAI Pro auf deinem eigenen Server. Volle Kontrolle über deine Daten.</p>
+
+ <div class="os-options">
+ <div class="os-option">
+ <div class="os-option-info">
+ <h4>Open Source Code</h4>
+ <p>Komplett kostenlos</p>
+ </div>
+ <span class="os-option-price">Kostenlos</span>
+ </div>
+ <div class="os-option">
+ <div class="os-option-info">
+ <h4>Access License</h4>
+ <p>Updates & Patches (12 Monate)</p>
+ </div>
+ <span class="os-option-price">€9,99/Monat</span>
+ </div>
+ <div class="os-option">
+ <div class="os-option-info">
+ <h4>Enterprise Support</h4>
+ <p>SLA, Telefon, Custom Features</p>
+ </div>
+ <span class="os-option-price">€99/Monat</span>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- Testimonial -->
+ <div class="testimonial">
+ <p class="testimonial-text">"Seit wir ShiftAI Pro nutzen, sparen wir mindestens 8 Stunden pro Woche bei der Dienstplanung. Die Mitarbeiter sind zufriedener, weil ihre Wünsche berücksichtigt werden. Für uns als Krankenhaus mit über 50 Mitarbeitern ist das unverzichtbar geworden."</p>
+ <div class="testimonial-author">
+ <div class="testimonial-avatar">MK</div>
+ <div class="testimonial-info">
+ <h4>Marina Krüger</h4>
+ <p>Pflegedienstleitung, St. Marien Krankenhaus</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- CTA Section -->
+ <section class="cta-section">
+ <h2>Bereit, Zeit zu sparen?</h2>
+ <p>Teste ShiftAI Pro jetzt 14 Tage kostenlos – keine Kreditkarte nötig.</p>
+ <a href="/register" class="cta-primary">🚀 Jetzt starten</a>
+ </section>
+
+ </main>
+
+ <!-- Footer Navigation -->
+ <nav class="footer-nav">
+ <a href="#features">
+ <span class="nav-icon">✨</span>
+ Features
+ </a>
+ <a href="#pricing" class="active">
+ <span class="nav-icon">💰</span>
+ Preise
+ </a>
+ <a href="#opensource">
+ <span class="nav-icon">🛠️</span>
+ Open Source
+ </a>
+ <a href="/register" class="nav-cta">
+ <span class="nav-icon">🚀</span>
+ Starten
+ </a>
+ </nav>
+
+ <script>
+ function toggleMenu() {
+ const menu = document.getElementById('navMenu');
+ const toggle = document.querySelector('.nav-toggle');
+ menu.classList.toggle('active');
+ toggle.classList.toggle('active');
+ }
+
+ // Close menu when clicking a link
+ document.querySelectorAll('.nav-menu a').forEach(link => {
+ link.addEventListener('click', () => {
+ document.getElementById('navMenu').classList.remove('active');
+ document.querySelector('.nav-toggle').classList.remove('active');
+ });
+ });
+
+ // Smooth scroll for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function(e) {
+ e.preventDefault();
+ const target = document.querySelector(this.getAttribute('href'));
+ if (target) {
+ target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ }
+ });
+ });
+ </script>
+
+</body>
+</html>