Files
Websites/Profice WebSite/sites/ki-integration.html

218 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profice - KI Integration</title>
<link rel="stylesheet" href="../style/design.css">
<link rel="stylesheet" href="../style/service.css">
<link rel="stylesheet" href="../style/cursor.css">
</head>
<body>
<!-- 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-section" class="nav-link">Home</a>
<a href="../index.html#enterprise" class="nav-link">Enterprise</a>
<a href="../index.html#pricing" class="nav-link">Pricing</a>
<a href="../index.html#services" class="nav-link">Lösungen</a>
</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>
<script src="../scripts/script.js"></script>
<script src="../scripts/cursor.js"></script>
<script src="../scripts/scroll-header.js"></script>
</body>
</html>