This commit is contained in:
2026-02-05 11:53:21 +01:00
parent afcbd07d56
commit 1ff8454432
37 changed files with 5462 additions and 3491 deletions

View File

@@ -1,11 +1,24 @@
<!DOCTYPE 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>
<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>
<!-- Preload critical resources -->
<link rel="preload" href="../style/design.css" as="style">
<link rel="preload" href="../style/cursor.css" as="style">
<link rel="preload" href="../images/logo/logo-01-complete.png" as="image">
<!-- Stylesheets -->
<link rel="stylesheet" href="../style/design.css">
<link rel="stylesheet" href="../style/service.css">
<link rel="stylesheet" href="../style/cursor.css">
</head>
<body>
@@ -23,14 +36,7 @@
</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-center"><!-- Navigation removed --></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">
@@ -61,17 +67,17 @@
<div class="service-container">
<!-- Service Header -->
<div class="service-header">
<div class="service-icon">🤖</div>
<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>
<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.
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>
@@ -80,34 +86,34 @@
<h2 class="section-title">Was wir bieten</h2>
<div class="features-grid">
<div class="feature-item">
<div class="feature-icon">📊</div>
<div class="feature-icon">📊</div>
<h3>Datenanalyse</h3>
<p>Intelligente Auswertung Ihrer Geschäftsdaten für bessere Entscheidungen</p>
<p>Intelligente Auswertung Ihrer Geschäftsdaten für bessere Entscheidungen</p>
</div>
<div class="feature-item">
<div class="feature-icon">🤖</div>
<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>
<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>
<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>
<div class="feature-icon">📈</div>
<h3>Vorhersagemodelle</h3>
<p>Prognosen für Trends und Geschäftsentwicklungen</p>
<p>Prognosen für Trends und Geschäftsentwicklungen</p>
</div>
<div class="feature-item">
<div class="feature-icon">🎯</div>
<div class="feature-icon">🎯</div>
<h3>Personalisierung</h3>
<p>Individuelle KI-Lösungen für Ihre spezifischen Bedürfnisse</p>
<p>Individuelle KI-Lösungen für Ihre spezifischen Bedürfnisse</p>
</div>
</div>
</section>
@@ -120,7 +126,7 @@
<div class="process-number">1</div>
<div class="process-content">
<h3>Analyse & Potenzial</h3>
<p>Identifizierung von KI-Einsatzmöglichkeiten in Ihrem Unternehmen</p>
<p>Identifizierung von KI-Einsatzmöglichkeiten in Ihrem Unternehmen</p>
</div>
</div>
<div class="process-item">
@@ -173,11 +179,11 @@
<!-- Use Cases -->
<section class="service-section">
<h2 class="section-title">Anwendungsfälle</h2>
<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>
<p>Intelligente Chatbots für 24/7 Unterstützung</p>
</div>
<div class="use-case-item">
<h3>Vertrieb</h3>
@@ -189,19 +195,19 @@
</div>
<div class="use-case-item">
<h3>Finanzen</h3>
<p>Betrugsprüfung und Risikoanalyse</p>
<p>Betrugsprüfung und Risikoanalyse</p>
</div>
<div class="use-case-item">
<h3>Produktion</h3>
<p>Qualitätssicherung und Predictive Maintenance</p>
<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>
<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>
@@ -210,8 +216,98 @@
</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>Wir bauen digitale Mitarbeiter für Vertrieb, Support und Marketing.</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>
<a href="offers.html" class="footer-link">Kontakt</a>
<a href="leads.html" class="footer-link">Dashboard</a>
</nav>
</div>
<!-- Legal Section -->
<div class="footer-section">
<h4 class="footer-title">Rechtliches</h4>
<nav class="footer-nav">
<a href="#" class="footer-link">Datenschutzerklärung</a>
<a href="#" class="footer-link">Impressum</a>
<a href="#" class="footer-link">AGB</a>
<a href="#" class="footer-link">Cookie-Richtlinie</a>
</nav>
</div>
<!-- Contact Section -->
<div class="footer-section">
<h4 class="footer-title">Kontakt</h4>
<div class="footer-contact">
<div class="contact-item">
<span class="contact-icon">📞</span>
<span>+49 123 456789</span>
</div>
<div class="contact-item">
<span class="contact-icon">✉️</span>
<span>info@profice.de</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">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zM5.838 12a6.162 6.162 0 1 1 12.324 0 6.162 6.162 0 0 1-12.324 0zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm4.965-10.405a1.44 1.44 0 1 1 2.881.001 1.44 1.44 0 0 1-2.881-.001z"/>
</svg>
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer" class="social-link linkedin">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer" class="social-link facebook">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-content">
<p>&copy; 2026 Profice. Alle Rechte vorbehalten.</p>
<div class="footer-bottom-links">
<a href="#" class="footer-link">Datenschutz</a>
<span class="separator"></span>
<a href="#" class="footer-link">Impressum</a>
</div>
</div>
</div>
</div>
</footer>
<script src="../scripts/script.js"></script>
<script src="../scripts/cursor.js"></script>
<script src="../scripts/scroll-header.js"></script>
<!-- Optimized script loading -->
<script src="../scripts/script.js" defer></script>
<script src="../scripts/cursor.js" defer></script>
<script src="../scripts/scroll-header.min.js" defer></script>
</body>
</html>