369 lines
18 KiB
HTML
369 lines
18 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 - ki integration Lösungen für digitale Transformation.">
|
|
<meta name="keywords" content="Profice, ki integration, Webentwicklung, KI, Automatisierung">
|
|
<meta name="author" content="Profice">
|
|
<meta property="og:title" content="ki integration - Profice">
|
|
<meta property="og:description" content="Profice ki integration Lösungen">
|
|
<meta property="og:type" content="website">
|
|
<meta name="robots" content="index, follow">
|
|
<title>ki integration - Profice</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/cursor.css?v=20260304" as="style">
|
|
<link rel="preload" href="../images/logo/logo-01-complete.png" as="image">
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" href="../style/design.css?v=20260304">
|
|
<link rel="stylesheet" href="../style/cursor.css?v=20260304">
|
|
</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">
|
|
<button class="menu-toggle" id="menuToggle" aria-label="Menu">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
<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="../index.html#hero" class="nav-link">Start</a>
|
|
<a href="../index.html#systeme" class="nav-link">Systeme</a>
|
|
<a href="../index.html#qualification" class="nav-link">Für wen?</a>
|
|
<a href="../index.html#process" class="nav-link">Prozess</a>
|
|
<a href="../index.html#interaction" 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="feed.html" class="dropdown-item">Google Feed</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="top-banner-right">
|
|
<button id="cursorToggle" aria-label="Toggle Cursor" title="Toggle Custom Cursor">
|
|
<img src="../images/additional/cursor.png" alt="Default Cursor" class="cursor-icon">
|
|
</button>
|
|
<button id="loginBtn" class="login-btn" aria-label="Log in" title="Log in">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
|
|
<polyline points="10 17 15 12 10 7"></polyline>
|
|
<line x1="15" y1="12" x2="3" y2="12"></line>
|
|
</svg>
|
|
Log in
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Slide Menu -->
|
|
<nav class="slide-menu" id="slideMenu">
|
|
<a href="../index.html">Startseite</a>
|
|
<a href="offers.html" class="active">Kontakt & Anfrage</a>
|
|
<a href="leads.html">Leads Dashboard</a>
|
|
</nav>
|
|
|
|
<!-- Overlay -->
|
|
<div class="overlay" id="overlay"></div>
|
|
|
|
<!-- Main Content -->
|
|
<main class="main-content">
|
|
<div class="service-container">
|
|
<!-- Service Header -->
|
|
<div class="service-header">
|
|
<div class="service-icon">🤖</div>
|
|
<h1 class="service-title">KI Integration</h1>
|
|
<p class="service-subtitle">Nutzen Sie die Kraft künstlicher Intelligenz, um Ihre Daten besser zu verstehen und Prozesse zu optimieren</p>
|
|
</div>
|
|
|
|
<!-- Service Description -->
|
|
<section class="service-section">
|
|
<h2 class="section-title">Unsere KI-Dienstleistungen</h2>
|
|
<p class="section-text">
|
|
Wir integrieren künstliche Intelligenz in Ihre Geschäftsprozesse, um Effizienz zu steigern und neue Möglichkeiten zu erschließen.
|
|
Von der Datenanalyse über automatisierte Prozesse bis zu intelligenten Chatbots - wir machen KI für Sie nutzbar.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Service Features -->
|
|
<section class="service-section">
|
|
<h2 class="section-title">Was wir bieten</h2>
|
|
<div class="features-grid">
|
|
<div class="feature-item">
|
|
<div class="feature-icon">📊</div>
|
|
<h3>Datenanalyse</h3>
|
|
<p>Intelligente Auswertung Ihrer Geschäftsdaten für bessere Entscheidungen</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">🤖</div>
|
|
<h3>Chatbots</h3>
|
|
<p>24/7 Kundenbetreuung und automatisierte Kommunikation</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">âš™ï¸</div>
|
|
<h3>Prozessautomatisierung</h3>
|
|
<p>Automatisierung wiederkehrender Aufgaben zur Effizienzsteigerung</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">ðŸ”</div>
|
|
<h3>Bilderkennung</h3>
|
|
<p>Automatische Analyse von Bildern und Dokumenten</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">📈</div>
|
|
<h3>Vorhersagemodelle</h3>
|
|
<p>Prognosen für Trends und Geschäftsentwicklungen</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">🎯</div>
|
|
<h3>Personalisierung</h3>
|
|
<p>Individuelle KI-Lösungen für Ihre spezifischen Bedürfnisse</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Process -->
|
|
<section class="service-section">
|
|
<h2 class="section-title">Unser KI-Integrationsprozess</h2>
|
|
<div class="process-timeline">
|
|
<div class="process-item">
|
|
<div class="process-number">1</div>
|
|
<div class="process-content">
|
|
<h3>Analyse & Potenzial</h3>
|
|
<p>Identifizierung von KI-Einsatzmöglichkeiten in Ihrem Unternehmen</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-item">
|
|
<div class="process-number">2</div>
|
|
<div class="process-content">
|
|
<h3>Datenstrategie</h3>
|
|
<p>Planung der Datenerfassung und -verarbeitung</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-item">
|
|
<div class="process-number">3</div>
|
|
<div class="process-content">
|
|
<h3>Modellentwicklung</h3>
|
|
<p>Training oder Auswahl passender KI-Modelle</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-item">
|
|
<div class="process-number">4</div>
|
|
<div class="process-content">
|
|
<h3>Integration</h3>
|
|
<p>Nahtlose Anbindung an Ihre bestehenden Systeme</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-item">
|
|
<div class="process-number">5</div>
|
|
<div class="process-content">
|
|
<h3>Optimierung</h3>
|
|
<p>Kontinuierliche Verbesserung der KI-Modelle</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Technologies -->
|
|
<section class="service-section">
|
|
<h2 class="section-title">KI-Technologien</h2>
|
|
<div class="tech-grid">
|
|
<div class="tech-item">TensorFlow</div>
|
|
<div class="tech-item">PyTorch</div>
|
|
<div class="tech-item">Scikit-learn</div>
|
|
<div class="tech-item">OpenAI API</div>
|
|
<div class="tech-item">Google Cloud AI</div>
|
|
<div class="tech-item">Azure ML</div>
|
|
<div class="tech-item">AWS SageMaker</div>
|
|
<div class="tech-item">Hugging Face</div>
|
|
<div class="tech-item">LangChain</div>
|
|
<div class="tech-item">Dialogflow</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Use Cases -->
|
|
<section class="service-section">
|
|
<h2 class="section-title">Anwendungsfälle</h2>
|
|
<div class="use-cases-grid">
|
|
<div class="use-case-item">
|
|
<h3>Kundenservice</h3>
|
|
<p>Intelligente Chatbots für 24/7 Unterstützung</p>
|
|
</div>
|
|
<div class="use-case-item">
|
|
<h3>Vertrieb</h3>
|
|
<p>Predictive Lead Scoring und Verkaufsoptimierung</p>
|
|
</div>
|
|
<div class="use-case-item">
|
|
<h3>Marketing</h3>
|
|
<p>Personalisierte Kampagnen und Content-Optimierung</p>
|
|
</div>
|
|
<div class="use-case-item">
|
|
<h3>Finanzen</h3>
|
|
<p>Betrugsprüfung und Risikoanalyse</p>
|
|
</div>
|
|
<div class="use-case-item">
|
|
<h3>Produktion</h3>
|
|
<p>Qualitätssicherung und Predictive Maintenance</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="service-section">
|
|
<h2 class="section-title">Bereit für KI in Ihrem Unternehmen?</h2>
|
|
<p class="section-text">Lassen Sie uns die Potenziale für Ihr Unternehmen analysieren.</p>
|
|
<div class="cta-buttons">
|
|
<a href="offers.html?service=ki-integration" class="cta-btn primary">KI-Analyse anfordern</a>
|
|
<a href="offers.html" class="cta-btn secondary">Mehr erfahren</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- 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="../index.html#systeme" class="footer-link">KI Systeme</a>
|
|
<a href="../index.html#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="datenschutz.html" class="footer-link">Datenschutzerklärung</a>
|
|
<a href="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="datenschutz.html" class="footer-link">Datenschutz</a>
|
|
<span class="separator">•</span>
|
|
<a href="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/cursor.js?v=20260304" defer></script>
|
|
<script src="../scripts/scroll-header.min.js?v=20260304" defer></script>
|
|
<script src="../scripts/console-image.js?v=20260304" defer></script>
|
|
|
|
<!-- KI Chat Bubble — remove this block (and ki-chat-bubble.js) to disable -->
|
|
<style>
|
|
flowise-chatbot::part(button) { box-shadow: 0 4px 20px rgba(90,82,82,0.3); border-radius: 50%; }
|
|
flowise-chatbot::part(chatwindow) { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(90,82,82,0.2); font-family: 'Montserrat', sans-serif; }
|
|
</style>
|
|
<script type="module" src="../scripts/ki-chat-bubble.js"></script>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|