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

KI Chat Bubble

Browse Source
This commit is contained in:
Ihor_Zhekov
2026-03-25 15:20:00 +01:00
parent 64e1959a1b
commit b21ade22f3
13 changed files with 262 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Profice WebSite/sites/automatisation.html
View File

@@ -342,6 +342,13 @@
<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>

7
Profice WebSite/sites/datenschutz.html
View File

@@ -318,5 +318,12 @@
<script src="../scripts/cursor.js?v=20260304" defer></script>
<script src="../scripts/scroll-header.min.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>

31
Profice WebSite/sites/feed.html
View File

@@ -156,42 +156,42 @@
<div class="feature-grid">
<div class="feature-card">
<div class="feature-icon-wrap teal">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="14" width="4" height="6" rx="1"/><rect x="10" y="9" width="4" height="11" rx="1"/><rect x="16" y="4" width="4" height="16" rx="1"/></svg>
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="14" width="4" height="6" rx="1"/><rect x="10" y="9" width="4" height="11" rx="1"/><rect x="16" y="4" width="4" height="16" rx="1"/></svg>
</div>
<h3>Profitabilität pro Produkt</h3>
<p>Jedes Produkt wird individuell bewertet — basierend auf echtem Gewinn.</p>
</div>
<div class="feature-card">
<div class="feature-icon-wrap orange">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
</div>
<h3>Intelligente Segmentierung</h3>
<p>Automatische Einteilung in profitable, neue und unprofitable Gruppen.</p>
</div>
<div class="feature-card">
<div class="feature-icon-wrap green">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="2 12 6 12 8 5 11 19 14 9 16 14 18 12 22 12"/></svg>
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="2 12 6 12 8 5 11 19 14 9 16 14 18 12 22 12"/></svg>
</div>
<h3>Live-Daten</h3>
<p>Performance-Daten werden automatisch abgerufen — immer aktuell.</p>
</div>
<div class="feature-card">
<div class="feature-icon-wrap teal">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"/><polyline points="7 13 10.5 16.5 17 9"/></svg>
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"/><polyline points="7 13 10.5 16.5 17 9"/></svg>
</div>
<h3>Feed-Qualität gesichert</h3>
<p>Fehlerhafte Produktdaten werden automatisch korrigiert.</p>
</div>
<div class="feature-card">
<div class="feature-icon-wrap orange">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
</div>
<h3>Voll automatisiert</h3>
<p>Läuft eigenständig — mit Benachrichtigungen bei Bedarf.</p>
</div>
<div class="feature-card">
<div class="feature-icon-wrap green">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
</div>
<h3>Direkt einsatzbereit</h3>
<p>Sofort kompatibel mit Google Merchant Center.</p>
@@ -269,7 +269,7 @@
<div class="segment-cards">
<div class="seg-card core">
<div class="seg-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
</div>
<div class="seg-text">
<h3>Core — Gewinnbringer</h3>
@@ -278,7 +278,7 @@
</div>
<div class="seg-card longtail">
<div class="seg-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
</div>
<div class="seg-text">
<h3>Feeder — Neue Chancen</h3>
@@ -287,7 +287,7 @@
</div>
<div class="seg-card feeder">
<div class="seg-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
</div>
<div class="seg-text">
<h3>Longtail — Budgetfresser</h3>
@@ -306,7 +306,7 @@
<div class="pipeline">
<div class="pipeline-step">
<div class="pipe-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
</div>
<h3>Daten verbinden</h3>
<p>Shop-Feed, Einkaufspreise und Google-Ads-Daten</p>
@@ -316,7 +316,7 @@
</div>
<div class="pipeline-step">
<div class="pipe-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
</div>
<h3>Gewinn berechnen</h3>
<p>POAS-Wert pro Produkt ermitteln</p>
@@ -326,7 +326,7 @@
</div>
<div class="pipeline-step">
<div class="pipe-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#4a4645" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
</div>
<h3>Feed optimieren</h3>
<p>Optimierter Feed für Google Merchant Center</p>
@@ -473,5 +473,12 @@
<script src="../scripts/scroll-header.min.js?v=20260304" defer></script>
<script src="../scripts/feed-calculator.js?v=20260320" 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>

7
Profice WebSite/sites/impressum.html
View File

@@ -270,5 +270,12 @@
<script src="../scripts/cursor.js?v=20260304" defer></script>
<script src="../scripts/scroll-header.min.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>

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

@@ -354,6 +354,13 @@
<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>

7
Profice WebSite/sites/leads.html
View File

@@ -248,6 +248,13 @@
<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>

7
Profice WebSite/sites/offers.html
View File

@@ -437,5 +437,12 @@
<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>

7
Profice WebSite/sites/website.html
View File

@@ -328,6 +328,13 @@
<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>