{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/6JUodsy9K87SqPYMgypC/YRjmMbn0799NbgTZd4cy/siteMetadata.js"],
  "sourcesContent": ["// Generated by Framer (570e25b)\nexport default function metadata(params,activeLocale){return{customHTMLBodyEnd:'<!-- \uD83D\uDE80 Professional Chatbot Widget - Method 1B -->\\n<div id=\"chatbot-widget-container\" style=\"position: fixed; bottom: 20px; right: 20px; z-index: 9999; font-family: Arial, sans-serif;\">\\n    <!-- Chat window (hidden by default) -->\\n    <div id=\"chatbot-window\" style=\"\\n        width: 350px; \\n        height: 500px; \\n        margin-bottom: 10px; \\n        display: none;\\n        border-radius: 12px;\\n        overflow: hidden;\\n        box-shadow: 0 8px 32px rgba(0,0,0,0.3);\\n        background: white;\\n        flex-direction: column;\\n        animation: chatSlideUp 0.3s ease-out;\\n    \">\\n        <!-- Chat header -->\\n        <div style=\"\\n            background: #929292;\\n            color: white;\\n            padding: 15px;\\n            display: flex;\\n            justify-content: space-between;\\n            align-items: center;\\n        \">\\n            <div>\\n                <h3 style=\"margin: 0; font-size: 16px;\">Chat with us</h3>\\n                <p style=\"margin: 4px 0 0 0; font-size: 12px; opacity: 0.9;\">We usually respond in a few minutes</p>\\n            </div>\\n            <button onclick=\"toggleChatbot()\" style=\"\\n                background: none;\\n                border: none;\\n                color: white;\\n                font-size: 20px;\\n                cursor: pointer;\\n                padding: 0;\\n                width: 24px;\\n                height: 24px;\\n                line-height: 1;\\n            \">\\xd7</button>\\n        </div>\\n        \\n        <!-- Chat iframe -->\\n        <iframe id=\"chatbot-iframe\" src=\"https://chatbot-demo-beryl.vercel.app/widget?chatbotId=9a750801-43f4-4985-91d9-f4934299aa85&amp;embedded=true\" style=\"flex: 1; border: none; width: 100%; height: 420px;\" frameborder=\"0\">\\n        </iframe>\\n    </div>\\n    \\n    <!-- Chat bubble button -->\\n    <div id=\"chatbot-bubble\" onclick=\"toggleChatbot()\" style=\"\\n        width: 60px;\\n        height: 60px;\\n        background: #929292;\\n        border-radius: 50%;\\n        cursor: pointer;\\n        box-shadow: 0 4px 12px rgba(0,0,0,0.2);\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        transition: all 0.3s ease;\\n        position: relative;\\n    \">\\n        <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\\n            <path d=\"M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"></path>\\n        </svg>\\n        \\n        <!-- Notification badge (optional) -->\\n        <div style=\"\\n            position: absolute;\\n            top: -5px;\\n            right: -5px;\\n            width: 20px;\\n            height: 20px;\\n            background: #ef4444;\\n            border-radius: 50%;\\n            display: none;\\n            align-items: center;\\n            justify-content: center;\\n            font-size: 10px;\\n            color: white;\\n            font-weight: bold;\\n        \" id=\"chatbot-badge\">1</div>\\n    </div>\\n</div>\\n\\n<style>\\n@keyframes chatSlideUp {\\n    from {\\n        opacity: 0;\\n        transform: translateY(20px) scale(0.95);\\n    }\\n    to {\\n        opacity: 1;\\n        transform: translateY(0) scale(1);\\n    }\\n}\\n\\n@keyframes chatSlideDown {\\n    from {\\n        opacity: 1;\\n        transform: translateY(0) scale(1);\\n    }\\n    to {\\n        opacity: 0;\\n        transform: translateY(20px) scale(0.95);\\n    }\\n}\\n\\n#chatbot-bubble:hover {\\n    transform: scale(1.05);\\n    box-shadow: 0 6px 16px rgba(0,0,0,0.3);\\n}\\n\\n#chatbot-window.closing {\\n    animation: chatSlideDown 0.3s ease-in forwards;\\n}\\n\\n/* Mobile responsive */\\n@media (max-width: 480px) {\\n    #chatbot-window {\\n        width: calc(100vw - 40px) !important;\\n        height: calc(100vh - 120px) !important;\\n        bottom: 80px !important;\\n        right: 20px !important;\\n        left: 20px !important;\\n    }\\n}\\n</style>\\n\\n<script>\\nlet chatbotIsOpen = false;\\n\\nfunction toggleChatbot() {\\n    const chatWindow = document.getElementById(\\'chatbot-window\\');\\n    const chatBubble = document.getElementById(\\'chatbot-bubble\\');\\n    \\n    if (!chatbotIsOpen) {\\n        // Open chat\\n        chatWindow.style.display = \\'flex\\';\\n        chatWindow.classList.remove(\\'closing\\');\\n        chatbotIsOpen = true;\\n        \\n        // Hide notification badge if visible\\n        const badge = document.getElementById(\\'chatbot-badge\\');\\n        if (badge) {\\n            badge.style.display = \\'none\\';\\n        }\\n        \\n        // Focus on iframe after opening\\n        setTimeout(() => {\\n            const iframe = document.getElementById(\\'chatbot-iframe\\');\\n            if (iframe) {\\n                iframe.focus();\\n            }\\n        }, 300);\\n        \\n    } else {\\n        // Close chat with animation\\n        chatWindow.classList.add(\\'closing\\');\\n        setTimeout(() => {\\n            chatWindow.style.display = \\'none\\';\\n            chatWindow.classList.remove(\\'closing\\');\\n        }, 300);\\n        chatbotIsOpen = false;\\n    }\\n}\\n\\n// Handle escape key to close chat\\ndocument.addEventListener(\\'keydown\\', function(event) {\\n    if (event.key === \\'Escape\\' && chatbotIsOpen) {\\n        toggleChatbot();\\n    }\\n});\\n\\n// Optional: Auto-show notification after delay\\n// setTimeout(() => {\\n//     if (!chatbotIsOpen) {\\n//         const badge = document.getElementById(\\'chatbot-badge\\');\\n//         badge.style.display = \\'flex\\';\\n//     }\\n// }, 10000);\\n</script>',description:\"The ultimate Framer template designed specifically for subscription-based business seeking to elevate their online presence.\",favicon:\"https://framerusercontent.com/assets/Bs10opJXeLnlTLoxolITBdfTWQ.png\",robots:\"max-image-preview:large\",socialImage:\"https://framerusercontent.com/assets/xGxQSxUURpLkYcNYcTRPuumgq8.png\",title:\"Hylight - your website is enhanced\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "AACe,SAARA,EAA0BC,EAAOC,EAAa,CAAC,MAAM,CAAC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAi0K,YAAY,+HAA+H,QAAQ,sEAAsE,OAAO,0BAA0B,YAAY,sEAAsE,MAAM,oCAAoC,CAAE",
  "names": ["metadata", "params", "activeLocale"]
}