Ihor_Zhekov/Websites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clean up

Browse Source
This commit is contained in:
Ihor_Zhekov
2026-02-06 09:29:33 +01:00
parent 8ff96d2583
commit 197537e0a5
149 changed files with 0 additions and 15572 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
Profice WebSite/sites/automatisation.html
View File

@@ -1,301 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Profice - automatisation Lösungen für digitale Transformation.">
<meta name="keywords" content="Profice, automatisation, Webentwicklung, KI, Automatisierung">
<meta name="author" content="Profice">
<meta property="og:title" content="automatisation - Profice">
<meta property="og:description" content="Profice automatisation Lösungen">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<title>automatisation - 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/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"><!-- 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">
</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">Automatisierung</h1>
<p class="service-subtitle">Sparen Sie Zeit und Ressourcen durch intelligente Workflow-Automatisierungen</p>
</div>
<!-- Service Description -->
<section class="service-section">
<h2 class="section-title">Unsere Automatisierungslösungen</h2>
<p class="section-text">
Wir automatisieren Ihre Geschäftsprozesse, um Effizienz zu steigern und menschliche Fehler zu reduzieren.
Von einfachen wiederkehrenden Aufgaben bis zu komplexen Workflow-Integrationen - wir finden die optimale Lösung.
</p>
</section>
<!-- Service Features -->
<section class="service-section">
<h2 class="section-title">Was wir automatisieren können</h2>
<div class="features-grid">
<div class="feature-item">
<div class="feature-icon">📧</div>
<h3>E-Mail-Automatisierung</h3>
<p>Automatische Antwortverwaltung und E-Mail-Kampagnen</p>
</div>
<div class="feature-item">
<div class="feature-icon">📄</div>
<h3>Datenverarbeitung</h3>
<p>Automatische Datenmigration und -bereinigung</p>
</div>
<div class="feature-item">
<div class="feature-icon">📋</div>
<h3>Report-Generierung</h3>
<p>Automatische Erstellung von Berichten und Analysen</p>
</div>
<div class="feature-item">
<div class="feature-icon">🔄</div>
<h3>Workflow-Integration</h3>
<p>Verbindung verschiedener Systeme für nahtlose Prozesse</p>
</div>
<div class="feature-item">
<div class="feature-icon">📊</div>
<h3>Monitoring</h3>
<p>Automatische Systemüberwachung und Alarmierung</p>
</div>
<div class="feature-item">
<div class="feature-icon">🎯</div>
<h3>Task-Management</h3>
<p>Intelligente Aufgabenverteilung und -verfolgung</p>
</div>
</div>
</section>
<!-- Process -->
<section class="service-section">
<h2 class="section-title">Unser Automatisierungsprozess</h2>
<div class="process-timeline">
<div class="process-item">
<div class="process-number">1</div>
<div class="process-content">
<h3>Prozessanalyse</h3>
<p>Identifizierung von Automatisierungspotenzialen</p>
</div>
</div>
<div class="process-item">
<div class="process-number">2</div>
<div class="process-content">
<h3>Lösungsdesign</h3>
<p>Entwicklung maßgeschneiderter Automatisierungslösungen</p>
</div>
</div>
<div class="process-item">
<div class="process-number">3</div>
<div class="process-content">
<h3>Implementierung</h3>
<p>Setup und Konfiguration der Automatisierungstools</p>
</div>
</div>
<div class="process-item">
<div class="process-number">4</div>
<div class="process-content">
<h3>Testing</h3>
<p>Gewissenhafte Tests vor der Live-Schaltung</p>
</div>
</div>
<div class="process-item">
<div class="process-number">5</div>
<div class="process-content">
<h3>Monitoring</h3>
<p>Laufende Ãœberwachung und Optimierung</p>
</div>
</div>
</div>
</section>
<!-- Technologies -->
<section class="section">
<h2 class="section-title">Automatisierungstechnologien</h2>
<div class="tech-grid">
<div class="tech-item">Zapier</div>
</div>
</section>
<!-- Benefits -->
<section class="service-section">
<h2 class="section-title">Ihre Vorteile</h2>
<div class="benefits-grid">
<div class="benefit-item">
<div class="benefit-icon">⏰️</div>
<h3>Zeitersparnis</h3>
<p>Bis zu 80% Zeitersparnis bei wiederkehrenden Aufgaben</p>
</div>
<div class="benefit-item">
<div class="benefit-icon">🎯</div>
<h3>Qualitätssteigerung</h3>
<p>Reduzierung menschlicher Fehler und konsistente Ergebnisse</p>
</div>
<div class="benefit-item">
<div class="benefit-icon">💰</div>
<h3>Kostensenkung</h3>
<p>Optimierung von Ressourcen und Betriebskosten</p>
</div>
<div class="benefit-item">
<div class="benefit-icon">📈</div>
<h3>Skalierbarkeit</div>
<p>Einfache Handhabung wachsender Geschäftsanforderungen</p>
</div>
<div class="benefit-item">
<div class="benefit-icon">😊</div>
<h3>Mitarbeiterzufriedenheit</h3>
<p>Fokus auf kreative und strategische Aufgaben</p>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="service-section">
<h2 class="section-title">Bereit für mehr Effizienz?</h2>
<p class="section-text">Lassen Sie uns Ihre Prozesse analysieren und Potenziale identifizieren.</p>
<div class="cta-buttons">
<a href="offers.html?service=automatisation" class="cta-btn primary">Automatisierungs-Analyse</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>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>
<!-- 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>

313
Profice WebSite/sites/ki-integration.html
View File

@@ -1,313 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<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>
<!-- 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/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"><!-- 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">
</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>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>
<!-- 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>

203
Profice WebSite/sites/leads.html
View File

@@ -1,203 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Profice Leads Dashboard - Verwalten Sie Ihre Projektanfragen und digitalen Transformationen.">
<meta name="keywords" content="Leads Dashboard, Anfragen, Projektmanagement, Profice">
<meta name="author" content="Profice">
<meta property="og:title" content="Leads Dashboard - Profice">
<meta property="og:description" content="Verwalten Sie Ihre Projektanfragen">
<meta property="og:type" content="website">
<meta name="robots" content="noindex, nofollow">
<title>Leads Dashboard - 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/leads.min.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="Menü">
<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"><!-- Navigation removed --></div>
<div class="top-banner-right">
<button id="cursorToggle" aria-label="Cursor umschalten" title="Benutzerdefinierten Cursor umschalten">
<img src="../images/additional/cursor.png" alt="Standard Cursor" class="cursor-icon">
</button>
</div>
</header>
<!-- Slide Menu -->
<nav class="slide-menu" id="slideMenu">
<a href="../index.html">Startseite</a>
<a href="offers.html">Kontakt & Anfrage</a>
<a href="leads.html" class="active">Leads Dashboard</a>
</nav>
<!-- Overlay -->
<div class="overlay" id="overlay"></div>
<!-- Main Content -->
<main class="main-content leads-content">
<!-- Leads Widget -->
<div class="dashboard-container">
<h2 class="dashboard-title">Meine Anfragen</h2>
<p class="dashboard-subtitle">Ãœbersicht Ihrer aktuellen Projektanfragen</p>
<div class="leads-table-wrapper">
<table class="leads-table" id="leadsTable">
<thead>
<tr>
<th>Datum</th>
<th>Dienstleistung</th>
<th>Status</th>
<th>Aktion</th>
</tr>
</thead>
<tbody id="leadsTableBody">
<!-- Populated by leads.min.js -->
</tbody>
</table>
</div>
</div>
<!-- Other Offers Section -->
<div class="dashboard-container offers-section">
<h2 class="dashboard-title">Andere Angebote von uns</h2>
<p class="dashboard-subtitle">Entdecken Sie weitere Dienstleistungen</p>
<div class="offers-grid">
<div class="offer-card">
<div class="offer-icon">🔍</div>
<h3 class="offer-title">SEO Optimierung</h3>
<p class="offer-description">Verbessern Sie Ihre Sichtbarkeit in Suchmaschinen und erreichen Sie mehr Kunden online.</p>
<a href="details.html?service=seo-optimierung" class="offer-btn">Details ansehen</a>
</div>
<div class="offer-card">
<div class="offer-icon">☁️</div>
<h3 class="offer-title">Cloud Migration</h3>
<p class="offer-description">Modernisieren Sie Ihre IT-Infrastruktur mit sicheren und skalierbaren Cloud-Lösungen.</p>
<a href="details.html?service=cloud-migration" class="offer-btn">Details ansehen</a>
</div>
<div class="offer-card">
<div class="offer-icon">📊</div>
<h3 class="offer-title">Datenanalyse</h3>
<p class="offer-description">Gewinnen Sie wertvolle Einblicke aus Ihren Daten mit unseren Analyse-Lösungen.</p>
<a href="details.html?service=datenanalyse" class="offer-btn">Details ansehen</a>
</div>
</div>
</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>
<!-- Optimized script loading -->
<script src="../scripts/script.js" defer></script>
<script src="../scripts/leads.min.js" defer></script>
<script src="../scripts/cursor.js" defer></script>
<script src="../scripts/scroll-header.min.js" defer></script>
</body>
</html>

199
Profice WebSite/sites/offers.html
View File

@@ -1,199 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Kontaktieren Sie Profice für Ihre digitale Transformation. Webentwicklung, KI-Integration und Automatisierungslösungen.">
<meta name="keywords" content="Kontakt, Anfrage, Webentwicklung, KI, Automatisierung, Profice">
<meta name="author" content="Profice">
<meta property="og:title" content="Kontakt & Anfrage - Profice">
<meta property="og:description" content="Kontaktieren Sie uns für Ihre digitale Transformation">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<title>Kontakt & Anfrage - 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/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="Menü">
<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"><!-- Navigation removed --></div>
<div class="top-banner-right">
<button id="cursorToggle" aria-label="Cursor umschalten" title="Benutzerdefinierten Cursor umschalten">
<img src="../images/additional/cursor.png" alt="Standard Cursor" class="cursor-icon">
</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="form-container">
<h2 class="form-title">Kontaktieren Sie uns</h2>
<form id="contactForm">
<div class="form-group">
<label for="name">Name *</label>
<input type="text" id="name" name="name" required placeholder="Ihr vollständiger Name">
</div>
<div class="form-group">
<label for="organisation">Organisation</label>
<input type="text" id="organisation" name="organisation" placeholder="Firmenname (optional)">
</div>
<div class="form-group">
<label for="contact">E-Mail oder Telefonnummer *</label>
<input type="text" id="contact" name="contact" required placeholder="email@beispiel.de oder +49 123 456789">
</div>
<div class="form-group">
<label for="service">Gewünschte Dienstleistung *</label>
<select id="service" name="service" required>
<option value="" disabled selected>Bitte wählen...</option>
<option value="website">Website</option>
<option value="ki-integration">KI Integration</option>
<option value="automatisation">Automatisation</option>
<option value="unabhaengige-wahl">Unabhängige Wahl</option>
</select>
</div>
<div class="form-group">
<label for="budget">Budget (€)</label>
<input type="text" id="budget" name="budget" placeholder="z.B. 5000 - 10000">
</div>
<div class="form-group">
<label for="description">Beschreibung *</label>
<textarea id="description" name="description" required placeholder="Beschreiben Sie Ihr Projekt oder Ihre Anfrage..."></textarea>
</div>
<button type="submit" class="submit-btn">Anfrage senden</button>
</form>
<div class="success-message" id="successMessage">
<h3>Vielen Dank!</h3>
<p>Ihre Anfrage wurde erfolgreich gesendet. Wir melden uns bald bei Ihnen.</p>
</div>
</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>
<!-- 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>

287
Profice WebSite/sites/website.html
View File

@@ -1,287 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Profice - website Lösungen für digitale Transformation.">
<meta name="keywords" content="Profice, website, Webentwicklung, KI, Automatisierung">
<meta name="author" content="Profice">
<meta property="og:title" content="website - Profice">
<meta property="og:description" content="Profice website Lösungen">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<title>website - 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/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"><!-- 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">
</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">Website Entwicklung</h1>
<p class="service-subtitle">Moderne, responsive Webseiten, die konvertieren und Ihre Marke perfekt repräsentieren</p>
</div>
<!-- Service Description -->
<section class="service-section">
<h2 class="section-title">Unsere Webentwicklungsdienstleistungen</h2>
<p class="section-text">
Wir entwickeln maßgeschneiderte Websites, die nicht nur gut aussehen, sondern auch Ergebnisse liefern.
Von der Konzeption über das Design bis zur Implementierung und Wartung begleiten wir Sie durch den gesamten Prozess.
</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>Responsive Design</h3>
<p>Perfekte Darstellung auf allen Geräten - von Desktop bis Mobile</p>
</div>
<div class="feature-item">
<div class="feature-icon">âš¡</div>
<h3>Performance-Optimierung</h3>
<p>Schnelle Ladezeiten und beste Nutzererfahrung</p>
</div>
<div class="feature-item">
<div class="feature-icon">🔒</div>
<h3>SEO-Freundlich</h3>
<p>Technische Grundlagen für gute Suchmaschinenplatzierungen</p>
</div>
<div class="feature-item">
<div class="feature-icon">🔧</div>
<h3>CMS-Integration</h3>
<p>Einfache Content-Verwaltung für Ihre Mitarbeiter</p>
</div>
<div class="feature-item">
<div class="feature-icon">🛡️</div>
<h3>Sicherheit</h3>
<p>Schutz vor Bedrohungen und sichere Datenverarbeitung</p>
</div>
<div class="feature-item">
<div class="feature-icon">📊</div>
<h3>Analytics & Tracking</h3>
<p>Detaillierte Auswertung Ihrer Website-Performance</p>
</div>
</div>
</section>
<!-- Process -->
<section class="service-section">
<h2 class="section-title">Unser Prozess</h2>
<div class="process-timeline">
<div class="process-item">
<div class="process-number">1</div>
<div class="process-content">
<h3>Analyse & Konzeption</h3>
<p>Wir verstehen Ihre Ziele und entwickeln eine passende Strategie</p>
</div>
</div>
<div class="process-item">
<div class="process-number">2</div>
<div class="process-content">
<h3>Design & Prototyping</h3>
<p>Visuelle Konzepte und interaktive Prototypen</p>
</div>
</div>
<div class="process-item">
<div class="process-number">3</div>
<div class="process-content">
<h3>Entwicklung</h3>
<p>Saubere, performante Code-Implementierung</p>
</div>
</div>
<div class="process-item">
<div class="process-number">4</div>
<div class="process-content">
<h3>Testing & Launch</h3>
<p>Gewissenhafte Tests und erfolgreicher Start</p>
</div>
</div>
<div class="process-item">
<div class="process-number">5</div>
<div class="process-content">
<h3>Support & Wartung</h3>
<p>Laufende Optimierung und technische Unterstützung</p>
</div>
</div>
</div>
</section>
<!-- Technologies -->
<section class="service-section">
<h2 class="section-title">Technologien</h2>
<div class="tech-grid">
<div class="tech-item">HTML5</div>
<div class="tech-item">CSS3</div>
<div class="tech-item">JavaScript</div>
<div class="tech-item">React</div>
<div class="tech-item">Vue.js</div>
<div class="item">Angular</div>
<div class="tech-item">Node.js</div>
<div class="tech-item">PHP</div>
<div class="tech-item">WordPress</div>
<div class="tech-item">Shopify</div>
<div class="tech-item">WooCommerce</div>
</div>
</section>
<!-- CTA Section -->
<section class="service-section">
<h2 class="section-title">Bereit für Ihre neue Website?</h2>
<p class="section-text">Lassen Sie uns Ihr Projekt an und wir erstellen ein maßgeschneidertes Angebot.</p>
<div class="cta-buttons">
<a href="offers.html?service=website" class="cta-btn primary">Projekt starten</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>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>
<!-- 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>