{"version":3,"file":"Process.B3i9bMoA.mjs","names":[],"sources":["https:/framerusercontent.com/modules/XUszB9K3dYld3fukuhlW/SxKhcWk2Q9Q5yfZKSUGC/Process.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function ProcessFlowGraphic(props){const{theme=\"light\",urlChatWidget=\"#\",urlVoice=\"#\",urlIntelligence=\"#\",urlKnowledgeHub=\"#\",urlIntegrationen=\"#\",urlAgentDesk=\"#\",urlAnalytics=\"#\",urlNoCodeStudio=\"#\"}=props;const isDark=theme===\"dark\";const cardBg=isDark?\"#1A2B40\":\"#FFFFFF\";const textColor=isDark?\"#FFFFFF\":\"#1F2937\";const secondaryTextColor=isDark?\"#9CA3AF\":\"#6B7280\";const borderColor=isDark?\"#374151\":\"#E5E7EB\";const accentColor=\"#2D9A9E\"// Mercury Teal\n;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",padding:\"40px 0\",background:\"transparent\",overflow:\"hidden\",display:\"flex\",flexDirection:\"column\",fontFamily:\"'Maven Pro', sans-serif\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800&display=swap');\n\n                .process-container {\n                    display: grid;\n                    grid-template-columns: repeat(4, 1fr);\n                    gap: 16px;\n                    position: relative;\n                }\n\n                .process-card {\n                    background: ${cardBg};\n                    border: 1px solid ${borderColor};\n                    border-radius: 12px;\n                    padding: 24px;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: flex-start;\n                    gap: 12px;\n                    position: relative;\n                    z-index: 2;\n                    transition: transform 0.3s ease, box-shadow 0.3s ease;\n                }\n\n                .process-card:hover {\n                    transform: translateY(-4px);\n                    box-shadow: 0 12px 24px rgba(0,0,0,0.05);\n                }\n\n                .step-number {\n                    width: 32px;\n                    height: 32px;\n                    border-radius: 50%;\n                    background: ${accentColor};\n                    color: #fff;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    font-size: 14px;\n                    font-weight: 700;\n                    margin-bottom: 8px;\n                    box-shadow: 0 4px 12px rgba(45, 154, 158, 0.2);\n                    flex-shrink: 0;\n                }\n\n                .step-title {\n                    font-size: 18px;\n                    font-weight: 700;\n                    color: ${textColor};\n                }\n\n                .step-desc {\n                    font-size: 13px;\n                    line-height: 1.6;\n                    color: ${secondaryTextColor};\n                    flex-grow: 1;\n                }\n\n                .tag-container {\n                    display: flex;\n                    flex-wrap: wrap;\n                    gap: 8px;\n                    margin-top: 12px;\n                }\n\n                /* Styling f\\xfcr die klickbaren Button-Tags */\n                a.step-tag {\n                    display: inline-block;\n                    font-size: 11px;\n                    font-weight: 600;\n                    padding: 6px 12px;\n                    border-radius: 20px;\n                    background: rgba(45, 154, 158, 0.08);\n                    color: ${accentColor};\n                    border: 1px solid rgba(45, 154, 158, 0.2);\n                    text-decoration: none;\n                    transition: all 0.2s ease;\n                    cursor: pointer;\n                }\n\n                a.step-tag:hover {\n                    background: ${accentColor};\n                    color: #fff;\n                    border-color: ${accentColor};\n                    transform: translateY(-1px);\n                    box-shadow: 0 4px 10px rgba(45, 154, 158, 0.2);\n                }\n\n                /* Connecting line for desktop (Horizontal) */\n                .connector-line {\n                    position: absolute;\n                    top: 40px; /* Mitte der Zahlenkreise (24px Padding + 16px) */\n                    left: 10%;\n                    right: 10%;\n                    height: 2px;\n                    z-index: 1;\n                    opacity: 0.3;\n                    border-top: 2px dashed ${accentColor};\n                }\n\n                /* Mobile Responsiveness: Vertikale Timeline */\n                @media (max-width: 850px) {\n                    .process-container {\n                        grid-template-columns: 1fr;\n                        gap: 20px;\n                    }\n                    \n                    /* Verwandelt die horizontale Linie in eine vertikale! */\n                    .connector-line {\n                        top: 40px;\n                        bottom: 40px;\n                        left: 39px; /* Exakt zentriert hinter den Zahlenkreisen */\n                        right: auto;\n                        width: 2px;\n                        height: auto;\n                        border-top: none;\n                        border-left: 2px dashed ${accentColor};\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"process-container\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"connector-line\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"process-card\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"step-number\",children:\"1\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-title\",children:\"Interagieren\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-desc\",children:\"Jedes Kundenanliegen wird \\xfcber den gew\\xe4hlten Kanal sofort entgegengenommen.\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"tag-container\",children:[/*#__PURE__*/_jsx(\"a\",{href:urlChatWidget,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Chat Widget\"}),/*#__PURE__*/_jsx(\"a\",{href:urlVoice,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Voice\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"process-card\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"step-number\",children:\"2\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-title\",children:\"Verstehen\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-desc\",children:\"Mercury.ai erkennt das Anliegen und pr\\xfcft die Wissensbasis.\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"tag-container\",children:[/*#__PURE__*/_jsx(\"a\",{href:urlIntelligence,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Intelligence\"}),/*#__PURE__*/_jsx(\"a\",{href:urlKnowledgeHub,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Knowledge Hub\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"process-card\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"step-number\",children:\"3\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-title\",children:\"L\\xf6sen\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-desc\",children:\"Regul\\xe4re Anfragen werden direkt beantwortet. Komplexere Themen werden an Ihre Agents \\xfcbergeben.\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"tag-container\",children:[/*#__PURE__*/_jsx(\"a\",{href:urlIntegrationen,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Integrationen\"}),/*#__PURE__*/_jsx(\"a\",{href:urlAgentDesk,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Agent Desk\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"process-card\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"step-number\",children:\"4\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-title\",children:\"Lernen\"}),/*#__PURE__*/_jsx(\"div\",{className:\"step-desc\",children:\"Analytics erfasst entstehende Muster. Ihre Teams lernen aus Dialogen.\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"tag-container\",children:[/*#__PURE__*/_jsx(\"a\",{href:urlAnalytics,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"Analytics\"}),/*#__PURE__*/_jsx(\"a\",{href:urlNoCodeStudio,target:\"_blank\",rel:\"noopener noreferrer\",className:\"step-tag\",children:\"No-Code Studio\"})]})]})]})]});}addPropertyControls(ProcessFlowGraphic,{theme:{type:ControlType.Enum,options:[\"light\",\"dark\"],optionTitles:[\"Light Mode\",\"Dark Mode\"],title:\"Theme\",defaultValue:\"light\"},urlChatWidget:{type:ControlType.Link,title:\"Link: Chat Widget\",defaultValue:\"/chat-widget\"},urlVoice:{type:ControlType.Link,title:\"Link: Voice\",defaultValue:\"/voice\"},urlIntelligence:{type:ControlType.Link,title:\"Link: Intelligence\",defaultValue:\"/intelligence\"},urlKnowledgeHub:{type:ControlType.Link,title:\"Link: Knowledge Hub\",defaultValue:\"/knowledge-hub\"},urlIntegrationen:{type:ControlType.Link,title:\"Link: Integrationen\",defaultValue:\"/integrationen\"},urlAgentDesk:{type:ControlType.Link,title:\"Link: Agent Desk\",defaultValue:\"/agent-desk\"},urlAnalytics:{type:ControlType.Link,title:\"Link: Analytics\",defaultValue:\"/analytics\"},urlNoCodeStudio:{type:ControlType.Link,title:\"Link: No-Code Studio\",defaultValue:\"/no-code-studio\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProcessFlowGraphic\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Process.map"],"mappings":"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"}