568 lines
31 KiB
HTML
568 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<!-- Cookiebot -->
|
||
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d6499c25-b3c2-41ac-8edf-60a4209f74c9" data-blockingmode="auto" type="text/javascript"></script>
|
||
<script>
|
||
window.addEventListener('CookiebotOnDialogDisplay', function() {
|
||
var dialog = document.getElementById('CybotCookiebotDialog');
|
||
if (dialog) {
|
||
dialog.style.setProperty('position', 'fixed', 'important');
|
||
dialog.style.setProperty('bottom', '0', 'important');
|
||
dialog.style.setProperty('top', 'auto', 'important');
|
||
dialog.style.setProperty('left', '0', 'important');
|
||
dialog.style.setProperty('right', '0', 'important');
|
||
dialog.style.setProperty('width', '100%', 'important');
|
||
dialog.style.setProperty('transform', 'none', 'important');
|
||
dialog.style.setProperty('margin', '0', 'important');
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<!-- Google Tag Manager -->
|
||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||
})(window,document,'script','dataLayer','GTM-PNJK5FN7');</script>
|
||
<!-- End Google Tag Manager -->
|
||
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Profice - Intelligente Prozesse für nachhaltiges Wachstum KI-Telefonassistenten, Chatbots und interne KI-Systeme.">
|
||
<meta name="keywords" content="KI Telefonassistent, Chatbot, digitale Mitarbeiter, Automatisierung, KI Systeme">
|
||
<meta name="author" content="Profice">
|
||
<meta property="og:title" content="Profice - Digitale Mitarbeiter">
|
||
<meta property="og:description" content="Wir bauen funktionierende KI-Systeme für Unternehmen">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:image" content="https://profice.de/images/logo/logo-01-complete.png">
|
||
<meta name="robots" content="index, follow">
|
||
<title>Profice - Digitale Mitarbeiter</title>
|
||
|
||
<!-- Favicon with multiple sizes for better visibility -->
|
||
<link rel="icon" type="image/png" sizes="32x32" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="icon" type="image/png" sizes="192x192" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="icon" type="image/png" sizes="512x512" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/Appicon 1024X1024-01.png">
|
||
<link rel="shortcut icon" href="images/logo/Appicon 1024X1024-01.png">
|
||
|
||
|
||
<!-- Preload critical resources -->
|
||
<link rel="preload" href="style/design.css?v=20260304" as="style">
|
||
<link rel="preload" href="style/tech-onepager.css?v=20260304" as="style">
|
||
<link rel="preload" href="style/cursor.css?v=20260304" as="style">
|
||
|
||
<!-- Stylesheets -->
|
||
<link rel="stylesheet" href="style/fonts.css?v=20260304">
|
||
<link rel="stylesheet" href="style/design.css?v=20260304">
|
||
<link rel="stylesheet" href="style/tech-onepager.css?v=20260304">
|
||
<link rel="stylesheet" href="style/cursor.css?v=20260304">
|
||
|
||
<!-- DNS prefetch for external resources -->
|
||
<link rel="dns-prefetch" href="//www.googletagmanager.com">
|
||
<link rel="dns-prefetch" href="//connect.facebook.net">
|
||
<link rel="dns-prefetch" href="//www.google-analytics.com">
|
||
</head>
|
||
<body>
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNJK5FN7"
|
||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||
<!-- End Google Tag Manager (noscript) -->
|
||
|
||
<!-- Hexagonal Background Canvas -->
|
||
<canvas id="hexCanvas"></canvas>
|
||
|
||
<!-- Top Banner -->
|
||
<header class="top-banner dark-theme">
|
||
<div class="top-banner-left">
|
||
<div class="banner-left">
|
||
<a href="index.html" class="logo-link">
|
||
<img src="images/logo/logo-01-complete.png" alt="Profice Logo" class="logo" >
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="top-banner-center">
|
||
<nav class="main-nav">
|
||
<a href="#hero" class="nav-link active">Start</a>
|
||
<a href="#problems" class="nav-link">Systeme</a>
|
||
<a href="#fit" class="nav-link">Für wen?</a>
|
||
<a href="#process" class="nav-link">Prozess</a>
|
||
<a href="#demo-section" class="nav-link">Kontakt</a>
|
||
<div class="nav-dropdown">
|
||
<a href="#" class="nav-link" onclick="return false;">Services <span class="dropdown-arrow"></span></a>
|
||
<div class="dropdown-menu">
|
||
<a href="sites/feed.html" class="dropdown-item">Google Feed</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="top-banner-right">
|
||
<button id="cursorToggle" >
|
||
<img src="images/icons/spider.png?v=20260303" alt="Spider" class="cursor-icon" style="width: 46px; height: 46px;">
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
<div class="overlay" id="overlay"></div>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero-section" id="hero">
|
||
<div class="hero-container">
|
||
<div class="hero-left">
|
||
<div class="hero-text">
|
||
<h1 class="hero-headline">
|
||
Ihr Telefon klingelt. Keiner geht ran. Das kostet Sie Aufträge.
|
||
</h1>
|
||
<p class="hero-subline">
|
||
KI-Telefonassistenten, Chatbots und interne KI-Systeme. Integriert in eure bestehenden Tools.
|
||
</p>
|
||
<p class="hero-proof">
|
||
Für Unternehmen, die wachsen wollen - ohne mehr Personal einzustellen.
|
||
</p>
|
||
<div class="hero-buttons">
|
||
<button class="cta-btn primary" id="kiPhoneBtn">Mit KI sprechen</button>
|
||
<button class="cta-btn secondary" id="chatBtn">Im Chat starten</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-right">
|
||
<div class="system-graphic" id="systemGraphic">
|
||
<!-- Connection Lines (behind nodes) -->
|
||
<svg class="connections" id="connections">
|
||
<!-- Lines will be drawn by JavaScript -->
|
||
</svg>
|
||
|
||
<!-- Central KI Node -->
|
||
<div class="node central-node" data-node="ki-assistent" data-tooltip="Der zentrale KI-Assistent verarbeitet alle Anfragen und koordiniert die Kommunikation zwischen den verschiedenen Systemen. Er ist das Herzstück Ihrer digitalen Mitarbeiter.">
|
||
<div class="node-content">
|
||
<img src="images/icons/KI.png" alt="KI" class="node-icon" style="width: 56px; height: 56px;">
|
||
<div class="node-label">KI ASSISTENT</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Connected Nodes in circular pattern -->
|
||
<div class="node phone-node" data-node="telefon" data-tooltip="Automatisierte Telefonannahme mit KI-Spracherkennung. Der KI-Assistent nimmt Anrufe entgegen, versteht Kundenanfragen und leitet sie an die richtige Abteilung weiter.">
|
||
<div class="node-content">
|
||
<img src="images/icons/phone_icon.png" alt="Phone" class="node-icon" style="width: 56px; height: 56px;">
|
||
<div class="node-label">Telefon</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="node chat-node" data-node="chat" data-tooltip="Intelligenter Website-Chat der nächsten Generation. Versteht natürliche Sprache, kategorisiert Anfragen und strukturiert Daten für die Übergabe an menschliche Mitarbeiter.">
|
||
<div class="node-content">
|
||
<img src="images/icons/chat.png" alt="Chat" class="node-icon" style="width: 56px; height: 56px;">
|
||
<div class="node-label">KI Chat</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="node crm-node" data-node="crm" data-tooltip="Nahtlose CRM-Integration. Alle Kundendaten und Interaktionen werden automatisch erfasst und in Ihrem CRM-System synchronisiert für eine 360°-Kundensicht.">
|
||
<div class="node-content">
|
||
<img src="images/icons/CRM.png" alt="CRM" class="node-icon" style="width: 56px; height: 56px;">
|
||
<div class="node-label">CRM</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="node ticket-node" data-node="tickets" data-tooltip="Automatisiertes Ticketsystem. KI erstellt, kategorisiert und priorisiert Support-Tickets und sorgt für eine schnelle und effiziente Bearbeitung aller Anfragen.">
|
||
<div class="node-content">
|
||
<img src="images/icons/ticket.png" alt="Ticket" class="node-icon" style="width: 56px; height: 56px;">
|
||
<div class="node-label">Ticketsystem</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="node team-node" data-node="team" data-tooltip="Intelligente Team-Koordination. Der KI-Assistent verteilt Aufgaben an die richtigen Teammitglieder und sorgt für optimale Auslastung und schnelle Reaktionszeiten.">
|
||
<div class="node-content">
|
||
<img src="images/icons/team.png" alt="Team" class="node-icon" style="width: 56px; height: 56px;">
|
||
<div class="node-label">Team</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- KI Demo Widgets Section -->
|
||
<section class="ki-demo-section" id="demo-section">
|
||
<div class="container">
|
||
<span class="section-label">LIVE DEMO</span>
|
||
<h2 class="demo-section-title">Testen Sie es selbst. Jetzt.</h2>
|
||
<p class="demo-section-subtitle">Kein Mockup. Das ist das System, das bei unseren Kunden läuft.</p>
|
||
|
||
<div class="demo-widgets-grid">
|
||
<!-- KI Telefon Widget -->
|
||
<div class="demo-widget phone-demo">
|
||
<div class="demo-icon-circle">
|
||
<img src="images/icons/phone_icon.png" alt="Phone" style="width: 56px; height: 56px;">
|
||
</div>
|
||
<h3>KI-Telefonassistent</h3>
|
||
<p>Rufen Sie jetzt an und erleben Sie, wie unsere KI Ihr Anliegen aufnimmt und verarbeitet.</p>
|
||
<a href="#" class="demo-btn" id="demoPhoneBtn" onclick="event.preventDefault(); var m=document.createElement('div'); m.style.cssText='position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;font-family:system-ui,sans-serif;'; m.innerHTML='<div style="background:white;padding:2rem;border-radius:12px;max-width:400px;margin:1rem;text-align:center;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)"><h3 style="margin:0 0 1rem 0;color:#333">Bald verfügbar</h3><p style="margin:0 0 1.5rem 0;color:#666;line-height:1.6">Bald verfügbar</p><button style="background:#10b981;color:white;border:none;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem">OK</button></div>'; document.body.appendChild(m); m.addEventListener('click',function(e){if(e.target===m||e.target.tagName==='BUTTON'){document.body.removeChild(m)}}); setTimeout(function(){if(document.body.contains(m))document.body.removeChild(m)},5000);">Jetzt anrufen</a>
|
||
<span class="demo-note">Kostenlos · Keine Wartezeit · 24/7</span>
|
||
|
||
<!-- Sound Visualization Animation -->
|
||
<div class="sound-visualization" id="soundVisualization">
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
<div class="sound-bar"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- KI Chat Widget -->
|
||
<div class="demo-widget chat-demo">
|
||
<div class="demo-icon-circle chat-icon">
|
||
<img src="images/icons/chat.png" alt="Chat" style="width: 56px; height: 56px;">
|
||
</div>
|
||
<h3>KI-Chat</h3>
|
||
<p>Stellen Sie eine Frage – die KI antwortet sofort und qualifiziert Ihr Anliegen.</p>
|
||
<div class="chat-preview">
|
||
<div class="chat-header">
|
||
<span class="online-dot"></span>
|
||
Profice KI · Online
|
||
</div>
|
||
<div class="chat-messages">
|
||
<div class="chat-bubble">
|
||
<span>Hallo! Ich bin der Profice KI-Assistent. Stellen Sie mir eine Frage – ich zeige Ihnen, wie das System funktioniert.</span>
|
||
</div>
|
||
</div>
|
||
<div class="chat-input-area">
|
||
<input type="text" class="chat-input-field" placeholder="Ihre Nachricht...">
|
||
<button class="chat-send-btn">Senden</button>
|
||
</div>
|
||
<p style="font-size: 0.75rem; color: #999999; margin: 4px 8px 0; line-height: 1.3;">Dies ist ein KI-System. Bitte geben Sie keine sensiblen personenbezogenen Daten ein.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Was wir lösen Section -->
|
||
<section class="problems-section" id="problems">
|
||
<div class="container">
|
||
<span class="section-label">WAS WIR LÖSEN</span>
|
||
<h2 class="problems-headline">Drei Probleme, die Unternehmen täglich Geld kosten.</h2>
|
||
|
||
<div class="problems-grid">
|
||
<!-- Problem 1 -->
|
||
<div class="problem-card">
|
||
<span class="problem-number">01</span>
|
||
<h3>Verpasste Anrufe = verlorene Aufträge</h3>
|
||
<p>Ihre Mitarbeiter sind im Einsatz, in Meetings oder im Feierabend. Jeder Anruf, der ins Leere läuft, ist ein potenzieller Kunde, der woanders kauft.</p>
|
||
</div>
|
||
|
||
<div class="solution-card">
|
||
<span class="solution-label">— KI Telefonassistent</span>
|
||
<h3>Jeder Anruf wird angenommen</h3>
|
||
<p>Versteht das Anliegen, erfasst Kontaktdaten, vereinbart Rückrufe und dokumentiert alles im CRM. Rund um die Uhr.</p>
|
||
<div class="solution-badge">24/7 erreichbar · 0 verpasste Anrufe</div>
|
||
</div>
|
||
|
||
<!-- Problem 2 -->
|
||
<div class="problem-card">
|
||
<span class="problem-number">02</span>
|
||
<h3>Anfragen bleiben stunden- oder tagelang liegen</h3>
|
||
<p>Kontaktformulare, E-Mails, Chat-Nachrichten – alles landet in einem Postfach und wird irgendwann manuell bearbeitet. Bis dahin hat der Interessent woanders gekauft.</p>
|
||
</div>
|
||
|
||
<div class="solution-card">
|
||
<span class="solution-label">— KI Chat · Automatisierung</span>
|
||
<h3>Sofortige Reaktion auf jede Anfrage</h3>
|
||
<p>Chatbot qualifiziert Besucher in Echtzeit. Automatische Follow-up-Mails innerhalb von 5 Minuten. Integration in Ihr CRM.</p>
|
||
<div class="solution-badge">5 Min. Reaktionszeit statt 48 Stunden</div>
|
||
</div>
|
||
|
||
<!-- Problem 3 -->
|
||
<div class="problem-card">
|
||
<span class="problem-number">03</span>
|
||
<h3>Wissen steckt in Köpfen, nicht im System</h3>
|
||
<p>Wenn ein Mitarbeiter krank wird oder kündigt, geht Wissen verloren. Neue Mitarbeiter brauchen Monate, bis sie produktiv sind.</p>
|
||
</div>
|
||
|
||
<div class="solution-card">
|
||
<span class="solution-label">— Interne Wissens-KI</span>
|
||
<h3>Firmenwissen auf Knopfdruck</h3>
|
||
<p>KI-System, das auf Ihre Dokumente, SOPs und Handbücher zugreift. Mitarbeiter fragen per Chat und bekommen sofort die richtige Antwort.</p>
|
||
<div class="solution-badge">Onboarding in Tagen statt Monaten</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Passt das für Sie Section -->
|
||
<section class="fit-section" id="fit">
|
||
<div class="container">
|
||
<span class="section-label">PASST DAS FÜR SIE?</span>
|
||
<h2 class="fit-headline">Ehrliche Einschätzung.</h2>
|
||
|
||
<div class="fit-grid">
|
||
<div class="fit-card negative">
|
||
<h3 class="fit-card-title negative-title">Wahrscheinlich nicht passend, wenn ...</h3>
|
||
<ul class="fit-list">
|
||
<li class="fit-item negative-item">
|
||
<span class="fit-icon negative-icon">✕</span>
|
||
<span>Weniger als 20 Kundenanfragen pro Woche</span>
|
||
</li>
|
||
<li class="fit-item negative-item">
|
||
<span class="fit-icon negative-icon">✕</span>
|
||
<span>Einmaliges Projekt gesucht, kein laufender Service</span>
|
||
</li>
|
||
<li class="fit-item negative-item">
|
||
<span class="fit-icon negative-icon">✕</span>
|
||
<span>Team nutzt grundsätzlich keine digitalen Tools</span>
|
||
</li>
|
||
<li class="fit-item negative-item">
|
||
<span class="fit-icon negative-icon">✕</span>
|
||
<span>Nur eine neue Website benötigt</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="fit-card positive">
|
||
<h3 class="fit-card-title positive-title">Sehr gut passend, wenn ...</h3>
|
||
<ul class="fit-list">
|
||
<li class="fit-item positive-item">
|
||
<span class="fit-icon positive-icon">✓</span>
|
||
<span>Regelmäßig Anrufe und Anfragen verpasst werden</span>
|
||
</li>
|
||
<li class="fit-item positive-item">
|
||
<span class="fit-icon positive-icon">✓</span>
|
||
<span>Support-Team an der Belastungsgrenze arbeitet</span>
|
||
</li>
|
||
<li class="fit-item positive-item">
|
||
<span class="fit-icon positive-icon">✓</span>
|
||
<span>Mindestens 5 Mitarbeiter und ein CRM vorhanden</span>
|
||
</li>
|
||
<li class="fit-item positive-item">
|
||
<span class="fit-icon positive-icon">✓</span>
|
||
<span>Wachstum gewünscht ohne proportional mehr Personal</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investition Section -->
|
||
<section class="pricing-section" id="pricing">
|
||
<div class="container">
|
||
<span class="section-label">INVESTITION</span>
|
||
<h2 class="pricing-headline">Klare Preise. Keine Überraschungen.</h2>
|
||
|
||
<div class="pricing-box">
|
||
<div class="pricing-cards">
|
||
<div class="pricing-card">
|
||
<div class="pricing-amount">
|
||
<span class="pricing-prefix">ab</span>
|
||
<span class="pricing-value">3.000 €</span>
|
||
</div>
|
||
<div class="pricing-label">Einmalig Setup</div>
|
||
<div class="pricing-detail">je nach Umfang & Integrationen</div>
|
||
</div>
|
||
|
||
<div class="pricing-card">
|
||
<div class="pricing-amount">
|
||
<span class="pricing-prefix">ab</span>
|
||
<span class="pricing-value">990 €</span>
|
||
<span class="pricing-suffix">/Monat</span>
|
||
</div>
|
||
<div class="pricing-label">Laufender Betrieb</div>
|
||
<div class="pricing-detail">inkl. Monitoring, Support & Optimierung</div>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="pricing-note">Der genaue Preis hängt davon ab, welche Module Sie brauchen und welche Systeme angebunden werden. In einem 15-Minuten-Gespräch können wir das klären.</p>
|
||
|
||
<div class="pricing-cta">
|
||
<a href="sites/offers.html" class="pricing-btn">Unverbindlich anfragen</a>
|
||
</div>
|
||
|
||
<div class="pricing-benefits">
|
||
<span class="pricing-benefit">✓ Keine Mindestlaufzeit über 3 Monate</span>
|
||
<span class="pricing-benefit">✓ Danach monatlich kündbar</span>
|
||
<span class="pricing-benefit">✓ Keine versteckten Kosten</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3 Schritte Section -->
|
||
<section class="process-section" id="process">
|
||
<div class="container">
|
||
<span class="section-label">PROZESS</span>
|
||
<h2 class="section-headline">In 3 Schritten zum digitalen Mitarbeiter.</h2>
|
||
|
||
<div class="process-line" id="processLine">
|
||
<div class="process-step active" data-step="1">
|
||
<div class="step-circle">1</div>
|
||
<div class="step-label">Analyse</div>
|
||
</div>
|
||
<div class="process-connector" id="connector1"></div>
|
||
<div class="process-step" data-step="2">
|
||
<div class="step-circle">2</div>
|
||
<div class="step-label">Bau</div>
|
||
</div>
|
||
<div class="process-connector" id="connector2"></div>
|
||
<div class="process-step" data-step="3">
|
||
<div class="step-circle">3</div>
|
||
<div class="step-label">Betrieb</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="process-details">
|
||
<div class="step-detail" data-step-detail="1">
|
||
<h3>1. Analyse</h3>
|
||
<p>Wir verstehen eure aktuellen Prozesse, identifizieren Automatisierungspotenziale und definieren klare Ziele.</p>
|
||
</div>
|
||
<div class="step-detail" data-step-detail="2">
|
||
<h3>2. Bau</h3>
|
||
<p>Entwicklung der KI-Systeme, Integration in bestehende Tools und umfangreiche Tests.</p>
|
||
</div>
|
||
<div class="step-detail" data-step-detail="3">
|
||
<h3>3. Betrieb</h3>
|
||
<p>Go-live, Monitoring, kontinuierliche Optimierung und Schulung eures Teams.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Ergebnisse Section -->
|
||
<section class="results-section" id="results">
|
||
<div class="container">
|
||
<span class="section-label">ERGEBNISSE</span>
|
||
<h2 class="section-headline">Messbare Ergebnisse</h2>
|
||
|
||
<div class="results-grid">
|
||
<div class="data-card glass-morphism">
|
||
<div class="card-metric">-52%</div>
|
||
<div class="card-label">Unnötige Anrufe</div>
|
||
<div class="card-detail">Durch KI-Vorfilterung</div>
|
||
</div>
|
||
|
||
<div class="data-card glass-morphism">
|
||
<div class="card-metric">24/7</div>
|
||
<div class="card-label">Automatisierte Antworten</div>
|
||
<div class="card-detail">Ohne Ausfallzeiten</div>
|
||
</div>
|
||
|
||
<div class="data-card glass-morphism">
|
||
<div class="card-metric">+38%</div>
|
||
<div class="card-label">Konversionsrate</div>
|
||
<div class="card-detail">Durch sofortige Reaktion</div>
|
||
</div>
|
||
|
||
<div class="data-card glass-morphism">
|
||
<div class="card-metric">-67%</div>
|
||
<div class="card-label">Suchzeit intern</div>
|
||
<div class="card-detail">Durch Wissens-KI</div>
|
||
</div>
|
||
|
||
<div class="data-card glass-morphism">
|
||
<div class="card-metric">0</div>
|
||
<div class="card-label">Wartezeit</div>
|
||
<div class="card-detail">Sofortige Verfügbarkeit</div>
|
||
</div>
|
||
|
||
<div class="data-card glass-morphism">
|
||
<div class="card-metric">100%</div>
|
||
<div class="card-label">Wissensverfügbarkeit</div>
|
||
<div class="card-detail">Im gesamten Team</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer Banner -->
|
||
<footer class="footer-banner" style="background: #4F4747 !important; color: white !important;">
|
||
<style>
|
||
.footer-banner a { color: white !important; }
|
||
</style>
|
||
<div class="footer-container">
|
||
<div class="footer-content">
|
||
<!-- Company Info Section -->
|
||
<div class="footer-section">
|
||
<div class="footer-description">
|
||
<p>Intelligente Prozesse für nachhaltiges Wachstum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Quick Links Section -->
|
||
<div class="footer-section">
|
||
<h4 class="footer-title">Services</h4>
|
||
<nav class="footer-nav">
|
||
<a href="#systeme" class="footer-link">KI Systeme</a>
|
||
<a href="#interaction" class="footer-link">Demo</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- Legal Section -->
|
||
<div class="footer-section">
|
||
<h4 class="footer-title">Rechtliches</h4>
|
||
<nav class="footer-nav">
|
||
<a href="sites/datenschutz.html" class="footer-link">Datenschutzerklärung</a>
|
||
<a href="sites/impressum.html" class="footer-link">Impressum</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- Contact Section -->
|
||
<div class="footer-section">
|
||
<h4 class="footer-title">Kontakt</h4>
|
||
<div class="footer-contact">
|
||
<div class="contact-item">
|
||
<img src="images/icons/email_white.png" alt="Email" class="contact-icon-image" style="width: 46px; height: 46px;">
|
||
<span><a href="mailto:info@profice.de">info@profice.de</a></span>
|
||
</div>
|
||
</div>
|
||
<div class="social-media">
|
||
<div class="social-icons">
|
||
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer" class="social-link instagram">
|
||
<img src="images/icons/instagram.png" alt="Instagram" width="40" height="40">
|
||
</a>
|
||
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer" class="social-link facebook">
|
||
<img src="images/icons/facebook.png" alt="Facebook" width="40" height="40">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div class="footer-bottom-content">
|
||
<p>© 2026 Profice. Alle Rechte vorbehalten.</p>
|
||
<div class="footer-bottom-links">
|
||
<a href="sites/datenschutz.html" class="footer-link">Datenschutz</a>
|
||
<span class="separator">•</span>
|
||
<a href="sites/impressum.html" class="footer-link">Impressum</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Optimized script loading -->
|
||
<script src="scripts/hex-background.js?v=20260304" defer></script>
|
||
<script src="scripts/script.js?v=20260304" defer></script>
|
||
<script src="scripts/tech-onepager.js?v=20260304" defer></script>
|
||
<script src="scripts/cursor.js?v=20260304" defer></script>
|
||
<script src="scripts/scroll-header.min.js?v=20260304" defer></script>
|
||
<script src="scripts/chat.js?v=20260304" defer></script>
|
||
<script src="scripts/demo-chat.js?v=20260304" defer></script>
|
||
|
||
</body>
|
||
</html>
|