diff options
Diffstat (limited to 'downloads/shiftplanner-sales.html')
| -rw-r--r-- | downloads/shiftplanner-sales.html | 1162 |
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> |