541 lines
27 KiB
HTML
541 lines
27 KiB
HTML
<!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 - Wir bauen digitale Mitarbeiter für Vertrieb, Support und Marketing. 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">
|
||
|
||
<!-- Preconnect to external domains -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://www.googletagmanager.com">
|
||
|
||
<!-- Preload critical resources -->
|
||
<link rel="preload" href="style/design.css" as="style">
|
||
<link rel="preload" href="style/tech-onepager.css" as="style">
|
||
<link rel="preload" href="style/cursor.css" as="style">
|
||
|
||
<!-- Stylesheets -->
|
||
<link rel="stylesheet" href="style/design.css">
|
||
<link rel="stylesheet" href="style/tech-onepager.css">
|
||
<link rel="stylesheet" href="style/cursor.css">
|
||
|
||
<!-- 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>
|
||
<!-- 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="#systeme" class="nav-link">Systeme</a>
|
||
<a href="#qualification" class="nav-link">Für wen?</a>
|
||
<a href="#process" class="nav-link">Prozess</a>
|
||
<a href="#demo-section" class="nav-link">Kontakt</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="top-banner-right">
|
||
<button id="cursorToggle" >
|
||
<img src="images/additional/cursor.png" alt="Standard Cursor" class="cursor-icon">
|
||
</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">
|
||
<div class="node-icon">🤖</div>
|
||
<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">
|
||
<div class="node-icon">📞</div>
|
||
<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">
|
||
<div class="node-icon">💬</div>
|
||
<div class="node-label">Website 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">
|
||
<div class="node-icon">📊</div>
|
||
<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">
|
||
<div class="node-icon">🎫</div>
|
||
<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">
|
||
<div class="node-icon">👥</div>
|
||
<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">
|
||
<span>📞</span>
|
||
</div>
|
||
<h3>KI-Telefonassistent</h3>
|
||
<p>Rufen Sie jetzt an und erleben Sie, wie unsere KI Ihr Anliegen aufnimmt und verarbeitet.</p>
|
||
<a href="tel:+49123456789" class="demo-btn" id="demoPhoneBtn">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">
|
||
<span>💬</span>
|
||
</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>
|
||
</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>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="#systeme" class="footer-link">KI Systeme</a>
|
||
<a href="#interaction" class="footer-link">Demo</a>
|
||
<a href="sites/offers.html" class="footer-link">Kontakt</a>
|
||
<a href="sites/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">
|
||
<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="#" 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/hex-background.js" defer></script>
|
||
<script src="scripts/script.js" defer></script>
|
||
<script src="scripts/tech-onepager.js" defer></script>
|
||
<script src="scripts/cursor.js" defer></script>
|
||
<script src="scripts/scroll-header.min.js" defer></script>
|
||
<script src="scripts/chat.js" defer></script>
|
||
<script src="scripts/demo-chat.js" defer></script>
|
||
<script src="scripts/console-image.js" defer></script>
|
||
|
||
</body>
|
||
</html>
|