Simple Chat Widget<\/title>\n <style>\n #chatbox {\n position: fixed;\n bottom: 20px;\n right: 20px;\n width: 320px;\n border: 1px solid #ccc;\n padding: 0;\n background: #fff;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n font-family: Arial, sans-serif;\n border-radius: 10px;\n overflow: hidden;\n transition: all 0.3s ease;\n z-index: 9999; \/* Makes sure the chat stays on top *\/\n }\n #chat-header {\n background-color: #0078D7;\n color: #fff;\n padding: 8px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px 10px 0 0;\n cursor: pointer;\n }\n #chat-header button {\n background: none;\n border: none;\n color: #fff;\n font-size: 16px;\n cursor: pointer;\n }\n #messages {\n height: 220px;\n overflow-y: auto;\n border-bottom: 1px solid #ccc;\n margin-bottom: 10px;\n padding: 5px;\n background-color: #f9f9f9;\n transition: max-height 0.3s ease;\n }\n .message {\n margin: 5px 0;\n padding: 4px 8px;\n border-radius: 8px;\n max-width: 80%;\n position: relative;\n font-size: 14px;\n }\n .user-message {\n text-align: right;\n background-color: #d0e7ff;\n margin-left: auto;\n color: #003366;\n }\n .bot-message {\n text-align: left;\n background-color: #e0ffe0;\n margin-right: auto;\n color: #004400;\n }\n .timestamp {\n display: block;\n font-size: 10px;\n color: #888;\n margin-top: 2px;\n }\n #input-container {\n display: flex;\n gap: 5px;\n padding: 8px;\n }\n #inputMessage {\n flex: 1;\n padding: 6px;\n border-radius: 5px;\n border: 1px solid #ccc;\n }\n #sendButton {\n padding: 6px 10px;\n border-radius: 5px;\n border: none;\n background-color: #0078D7;\n color: white;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n #sendButton:disabled {\n background-color: #aaa;\n cursor: not-allowed;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"chatbox\">\n <div id=\"chat-header\" onclick=\"toggleChat()\">\n Chat Assistant\n <button id=\"minimizeBtn\">_<\/button>\n <\/div>\n <div id=\"messages\"><\/div>\n <div id=\"input-container\">\n <input type=\"text\" id=\"inputMessage\" placeholder=\"Type a message...\">\n <button id=\"sendButton\" onclick=\"sendMessage()\" disabled>Send<\/button>\n <\/div>\n<\/div>\n\n<script>\n const webhookUrl = \"https:\/\/mactest2.app.n8n.cloud\/webhook\/cb3e7489-f7ea-45bf-b8d2-646b7942479b\";\n\n const input = document.getElementById('inputMessage');\n const sendButton = document.getElementById('sendButton');\n const chatbox = document.getElementById('chatbox');\n const messagesDiv = document.getElementById('messages');\n const inputContainer = document.getElementById('input-container');\n\n \/\/ Generate or retrieve unique user ID\n let userId = localStorage.getItem('chatUserId');\n if (!userId) {\n userId = 'user-' + Math.random().toString(36).substr(2, 9);\n localStorage.setItem('chatUserId', userId);\n }\n\n \/\/ Restore minimized state if remembered\n if (localStorage.getItem('chatMinimized') === 'true') {\n minimizeChat(true);\n }\n\n function appendMessage(text, sender = \"You\") {\n const msg = document.createElement('div');\n msg.classList.add('message', sender === \"You\" ? 'user-message' : 'bot-message');\n msg.textContent = `${sender}: ${text}`;\n\n const time = document.createElement('span');\n time.classList.add('timestamp');\n time.textContent = new Date().toLocaleTimeString();\n msg.appendChild(time);\n\n messagesDiv.appendChild(msg);\n messagesDiv.scrollTop = messagesDiv.scrollHeight;\n }\n\n function sendMessage() {\n const message = input.value.trim();\n if (!message) return;\n\n appendMessage(message, \"You\");\n\n fetch(webhookUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify({ message, userId })\n })\n .then(response => response.json())\n .then(data => {\n appendMessage(data.reply || \"Response received.\", \"Bot\");\n })\n .catch(() => {\n appendMessage(\"Error sending message.\", \"System\");\n });\n\n input.value = \"\";\n sendButton.disabled = true;\n }\n\n input.addEventListener('keypress', function(event) {\n if (event.key === 'Enter') {\n event.preventDefault();\n sendMessage();\n }\n });\n\n window.onload = function() {\n input.focus();\n };\n\n input.addEventListener('input', function() {\n sendButton.disabled = input.value.trim() === \"\";\n });\n\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape') {\n toggleChat();\n }\n });\n\n function toggleChat() {\n const isVisible = messagesDiv.style.display !== 'none';\n minimizeChat(isVisible);\n }\n\n function minimizeChat(shouldMinimize) {\n if (shouldMinimize) {\n messagesDiv.style.display = 'none';\n inputContainer.style.display = 'none';\n localStorage.setItem('chatMinimized', 'true');\n } else {\n messagesDiv.style.display = 'block';\n inputContainer.style.display = 'flex';\n localStorage.setItem('chatMinimized', 'false');\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">What is an artist without his art?<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-ebee8dc1 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading alignwide\">Projects<br><\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-bottom:24px\"><img decoding=\"async\" src=\"https:\/\/shop.followthemonay.com\/wp-content\/themes\/twentytwentyfive\/assets\/images\/campanula-alliariifolia-flower.webp\" alt=\"Image for service\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Google My Business Scraper<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">An automation that scans Google My Business listings and extracts essential business data \u2014 empowering agencies and entrepreneurs to build precise, high-value lead lists without the manual grind.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-bottom:24px\"><img decoding=\"async\" src=\"https:\/\/shop.followthemonay.com\/wp-content\/themes\/twentytwentyfive\/assets\/images\/delphinium-flowers.webp\" alt=\"Image for service\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Assemble<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-bottom:24px\"><img decoding=\"async\" src=\"https:\/\/shop.followthemonay.com\/wp-content\/themes\/twentytwentyfive\/assets\/images\/star-thristle-flower.webp\" alt=\"Image for service\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Deliver<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-08655630 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignfull has-text-align-left has-xx-large-font-size\">Feel free to reach out.<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-grid wp-container-core-group-is-layout-5b5f6092 wp-block-group-is-layout-grid\" style=\"border-top-color:var(--wp--preset--color--accent-4);border-top-width:1px;margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group wp-container-content-30ce9d60 is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-medium-font-size\" style=\"font-style:normal;font-weight:700\">Discord<\/h3>\n\n\n\n<p>maloopa<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" style=\"font-style:normal;font-weight:700\">Email<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">workingforthebigg@gmail.com<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is an artist without his art? Projects Google My Business Scraper An automation that scans Google My Business listings and extracts essential business data \u2014 empowering agencies and entrepreneurs to build precise, high-value lead lists without the manual grind. Assemble Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":19,"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/shop.followthemonay.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}