{"id":8,"date":"2023-05-27T11:24:07","date_gmt":"2023-05-27T11:24:07","guid":{"rendered":"http:\/\/localhost\/listify\/my-account\/"},"modified":"2026-06-02T13:22:12","modified_gmt":"2026-06-02T16:22:12","slug":"acessar","status":"publish","type":"page","link":"https:\/\/bellanetfiber.com.br\/conta\/","title":{"rendered":"Acessar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0aa1d e-flex e-con-boxed e-con e-parent\" data-id=\"5b0aa1d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-04cacc8 e-con-full e-flex e-con e-child\" data-id=\"04cacc8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72c055e elementor-widget elementor-widget-image\" data-id=\"72c055e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"164\" src=\"https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-300x164.png\" class=\"attachment-medium size-medium wp-image-1902\" alt=\"\" srcset=\"https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-300x164.png 300w, https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-150x82.png 150w, https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-600x327.png 600w, https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-1024x559.png 1024w, https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-768x419.png 768w, https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01-18x10.png 18w, https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/ITOCHAT-01.png 1408w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03792aa e-con-full e-flex e-con e-child\" data-id=\"03792aa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-617f4ec elementor-widget elementor-widget-html\" data-id=\"617f4ec\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Container para rolagem horizontal *\/\r\n  .container-botoes {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    padding: 15px 0;\r\n    gap: 12px;\r\n    scrollbar-width: none; \/* Esconde scroll no Firefox *\/\r\n    -ms-overflow-style: none; \/* Esconde scroll no IE\/Edge *\/\r\n  }\r\n  .container-botoes::-webkit-scrollbar { display: none; } \/* Esconde scroll no Chrome\/Safari *\/\r\n\r\n  \/* Estilo base do bot\u00e3o *\/\r\n  .btn-elegante {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 24px;\r\n    background: #ffffff;\r\n    color: #333;\r\n    text-decoration: none;\r\n    border-radius: 50px; \/* Borda bem arredondada *\/\r\n    font-family: 'Segoe UI', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    border: 1px solid #e0e0e0;\r\n    white-space: nowrap;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  \/* Anima\u00e7\u00e3o de Hover (Efeito ao passar o mouse) *\/\r\n  .btn-elegante:hover {\r\n    background: #007bff;\r\n    color: #ffffff;\r\n    transform: translateY(-3px); \/* Levanta levemente *\/\r\n    box-shadow: 0 8px 15px rgba(0, 123, 255, 0.3);\r\n    border-color: #007bff;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"container-botoes\">\r\n  <a href=\"https:\/\/bellanetfiber.com.br\/conta\/acessar-conta\/\" class=\"btn-elegante\">\r\n    <span>\u2699\ufe0f<\/span> Minha Conta\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/bellanetfiber.com.br\/conta\/acessar-conta\/\" class=\"btn-elegante\">\r\n    <span>\u2709\ufe0f<\/span> Mensagem\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/bellanetfiber.com.br\/conta\/acessar-conta\/\" class=\"btn-elegante\">\r\n    <span>\ud83d\udcb0<\/span> Cr\u00e9ditos\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-997bfc2 e-con-full e-flex e-con e-child\" data-id=\"997bfc2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d42969b elementor-widget elementor-widget-html\" data-id=\"d42969b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>BellanetFiber | Marketplace Local & Itochat Wooc Pro<\/title>\r\n    <meta name=\"description\" content=\"Conectamos pessoas e empresas a comunidades por meio de APIs externas.\">\r\n    \r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root { --wa-blue: #2563eb; --wa-me: #dcf8c6; --bg-chat: #efeae2; }\r\n        .testimonial-card { transition: all 0.3s ease; border: 1px solid #f1f5f9; }\r\n        .testimonial-card:hover { transform: translateY(-8px); border-color: #2563eb; box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.1); }\r\n        \r\n        .wa-container { height: 600px; display: flex; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; }\r\n        .avatar-circle { border-radius: 50%; object-fit: cover; background: #e9edef; flex-shrink: 0; }\r\n        .msg-bubble { max-width: 80%; padding: 8px 12px; border-radius: 12px; font-size: 14px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }\r\n        .msg-me .msg-bubble { background: var(--wa-me); border-bottom-right-radius: 2px; }\r\n        .msg-them .msg-bubble { background: #fff; border-bottom-left-radius: 2px; }\r\n        .elegant-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; padding: 15px; }\r\n        \r\n        #wa-content::-webkit-scrollbar { width: 4px; }\r\n        #wa-content::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }\r\n\r\n        @keyframes dot-pulse { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }\r\n        .dot { animation: dot-pulse 1.5s infinite; }\r\n        .dot:nth-child(2) { animation-delay: 0.2s; }\r\n        .dot:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n        @media (max-width: 768px) {\r\n            .wa-aside { position: absolute; left: -100%; width: 100%; height: 100%; z-index: 50; transition: 0.3s; }\r\n            .wa-aside.open { left: 0; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans antialiased text-slate-900\">\r\n\r\n    <section class=\"bg-white pb-12 pt-10 lg:pb-20 lg:pt-24 border-b border-slate-100\">\r\n        <div class=\"container mx-auto px-4 text-center\">\r\n            <div class=\"inline-flex items-center space-x-2 px-3 py-1 mb-6 text-sm font-medium text-blue-700 bg-blue-50 rounded-full\">\r\n                <span class=\"relative flex h-2 w-2\">\r\n                    <span class=\"animate-ping absolute h-full w-full rounded-full bg-blue-400 opacity-75\"><\/span>\r\n                    <span class=\"relative inline-flex rounded-full h-2 w-2 bg-blue-500\"><\/span>\r\n                <\/span>\r\n                <span>Tecnologia Itochat Wooc<\/span>\r\n            <\/div>\r\n            <h1 class=\"mb-6 text-4xl font-black tracking-tight text-slate-900 sm:text-6xl leading-tight\">\r\n                Venda localmente com <br>\r\n                <span class=\"text-blue-600 italic\">o poder do Itochat Wooc Pro.<\/span>\r\n            <\/h1>\r\n            <p class=\"mx-auto mt-8 mb-10 max-w-2xl text-lg text-slate-600 leading-relaxed\">\r\n                Transformamos o atendimento em faturamento. Simples como um chat \"Pare de apenas responder mensagens e comece a escalar suas vendas. Transforme seu Itochat em uma m\u00e1quina de vendas autom\u00e1tica com o poder do e-commerce e a simplicidade de um chat.\"\r\n            <\/p>\r\n            <div class=\"flex flex-col space-y-3 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4\">\r\n                <a href=\"#demo\" class=\"px-8 py-4 text-base font-bold text-white bg-blue-600 rounded-xl hover:bg-blue-700 shadow-lg shadow-blue-200 transition-all\">Testar Itochat Wooc<\/a>\r\n                <a href=\"https:\/\/bellanetfiber.com.br\/divulgue-sua-empresa\/\" class=\"px-8 py-4 text-base font-semibold text-slate-700 bg-slate-100 rounded-xl hover:bg-slate-200 transition-all\">Divulgar Empresa<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"demo\" class=\"py-16 bg-white\">\r\n        <div class=\"container mx-auto px-4 max-w-5xl\">\r\n            <div class=\"text-center mb-8\">\r\n                <h3 class=\"text-2xl font-bold italic\">Simulador Itochat Wooc<\/h3>\r\n                <p class=\"text-slate-500\">Veja como a experi\u00eacia de compra flui naturalmente.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"wa-container shadow-2xl\">\r\n                <div class=\"wa-aside w-full md:w-80 bg-white border-r flex flex-col\" id=\"wa-sidebar\">\r\n                    <div class=\"p-4 bg-slate-100 flex justify-between items-center border-b\">\r\n                        <div class=\"flex items-center gap-2\">\r\n                            <div class=\"w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold\">I<\/div>\r\n                            <span class=\"font-bold text-sm\">Itochat Wooc<\/span>\r\n                        <\/div>\r\n                        <button onclick=\"toggleSidebar()\" class=\"md:hidden\"><i class=\"fas fa-times text-slate-500\"><\/i><\/button>\r\n                    <\/div>\r\n                    <div class=\"overflow-y-auto flex-1\">\r\n                        <div class=\"p-4 border-b hover:bg-slate-50 cursor-pointer flex items-center gap-3\" onclick=\"selectUser(1, 'Bellanet Caf\u00e9', 'https:\/\/i.pravatar.cc\/150?u=cafe')\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=cafe\" class=\"w-12 h-12 avatar-circle\">\r\n                            <div><b class=\"text-sm\">Bellanet Caf\u00e9<\/b><br><small class=\"text-green-500 font-medium\">No Itochat Wooc<\/small><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex-1 flex flex-col bg-[#efeae2] relative\">\r\n                    <div class=\"p-3 bg-slate-100 border-b flex items-center justify-between z-10 shadow-sm\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <button onclick=\"toggleSidebar()\" class=\"md:hidden text-blue-600 mr-2\"><i class=\"fas fa-bars\"><\/i><\/button>\r\n                            <img id=\"h-img\" class=\"w-10 h-10 avatar-circle hidden border-2 border-white\">\r\n                            <div>\r\n                                <b id=\"h-name\" class=\"text-slate-800 text-sm\">Inicie uma conversa<\/b>\r\n                                <p id=\"h-status\" class=\"text-[10px] text-slate-500 hidden italic\">via Itochat Wooc Pro<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"text-blue-600 text-sm font-bold px-2\">LIVE<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div id=\"wa-content\" class=\"flex-1 overflow-y-auto p-4 space-y-4\">\r\n                        <div class=\"text-center mt-20\">\r\n                            <p class=\"text-slate-400 text-sm\">Selecione o contato para testar o fluxo de pedidos.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"wa-nav\" class=\"hidden bg-white border-t p-2 flex justify-around text-[10px] font-black uppercase text-slate-400\">\r\n                        <div id=\"nav-chat\" class=\"cursor-pointer flex flex-col items-center gap-1\" onclick=\"setView('chat')\">\r\n                            <i class=\"fas fa-comment-dots text-lg\"><\/i><span>Chat<\/span>\r\n                        <\/div>\r\n                        <div id=\"nav-catalog\" class=\"cursor-pointer flex flex-col items-center gap-1\" onclick=\"setView('catalog')\">\r\n                            <i class=\"fas fa-store text-lg\"><\/i><span>Loja<\/span>\r\n                        <\/div>\r\n                        <div id=\"nav-cart\" class=\"cursor-pointer flex flex-col items-center gap-1 relative\" onclick=\"setView('cart')\">\r\n                            <i class=\"fas fa-shopping-bag text-lg\"><\/i><span>Carrinho<\/span>\r\n                            <span id=\"c-badge\" class=\"absolute -top-1 -right-2 bg-blue-600 text-white text-[9px] rounded-full w-4 h-4 flex items-center justify-center hidden\">0<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"wa-footer\" class=\"hidden p-3 bg-slate-100 border-t flex items-center gap-2\">\r\n                        <div class=\"bg-white flex-1 flex items-center px-4 py-2 rounded-full shadow-sm\">\r\n                            <input type=\"text\" id=\"wa-msg-input\" class=\"w-full bg-transparent border-none focus:ring-0 text-sm outline-none\" placeholder=\"Envie um Itochat Wooc...\">\r\n                        <\/div>\r\n                        <button onclick=\"handleUserSend()\" class=\"bg-blue-600 text-white w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-700 transition-colors shadow-md\">\r\n                            <i class=\"fas fa-paper-plane text-xs\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-20 bg-slate-50\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-3xl font-black text-slate-900 tracking-tight\">Quem usa Itochat Wooc, aprova.<\/h2>\r\n                <p class=\"text-slate-500 mt-2\">Depoimentos de parceiros que escalaram suas vendas.<\/p>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                <div class=\"testimonial-card bg-white p-8 rounded-2xl\">\r\n                    <div class=\"flex text-yellow-400 mb-4 text-sm\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <p class=\"text-slate-600 italic mb-6\">\"O Itochat Wooc mudou o jogo na minha cafeteria. Agora os clientes fazem o pedido sem eu precisar parar o atendimento f\u00edsico.\"<\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=ana\" class=\"w-12 h-12 rounded-full\">\r\n                        <div><h4 class=\"font-bold text-sm\">Ana Oliveira<\/h4><p class=\"text-[10px] uppercase text-slate-400 font-bold\">Dona do Bellanet Caf\u00e9<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card bg-white p-8 rounded-2xl\">\r\n                    <div class=\"flex text-yellow-400 mb-4 text-sm\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <p class=\"text-slate-600 italic mb-6\">\"A facilidade do cat\u00e1logo integrado \u00e9 incr\u00edvel. Meus pedidos dobraram no primeiro m\u00eas de uso da plataforma.\"<\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=marcos\" class=\"w-12 h-12 rounded-full\">\r\n                        <div><h4 class=\"font-bold text-sm\">Marcos Silva<\/h4><p class=\"text-[10px] uppercase text-slate-400 font-bold\">Hortifruti Local<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card bg-white p-8 rounded-2xl\">\r\n                    <div class=\"flex text-yellow-400 mb-4 text-sm\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <p class=\"text-slate-600 italic mb-6\">\"Suporte nota 10 e tecnologia de ponta. Recomendo para qualquer empreendedor que queira profissionalizar o WhatsApp.\"<\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=julia\" class=\"w-12 h-12 rounded-full\">\r\n                        <div><h4 class=\"font-bold text-sm\">Julia Mendes<\/h4><p class=\"text-[10px] uppercase text-slate-400 font-bold\">Moda Express<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        let cart = {};\r\n        let currentUser = \"\";\r\n        const botReplies = [\r\n            \"Excelente escolha! Com o Itochat Wooc Pro, esse pedido chegaria instantaneamente no seu painel.\",\r\n            \"Sabia que voc\u00ea pode automatizar o pagamento tamb\u00e9m? \u00c9 a tecnologia Wooc!\",\r\n            \"Essa \u00e9 uma demonstra\u00e7\u00e3o do poder do Itochat Wooc. Como posso te ajudar mais?\",\r\n            \"Imagine seu cliente tendo essa facilidade no dia a dia. Vende muito mais!\",\r\n            \"Perfeito! Confira nossa loja completa clicando no menu inferior.\"\r\n        ];\r\n\r\n        function toggleSidebar() { document.getElementById('wa-sidebar').classList.toggle('open'); }\r\n        \r\n        function selectUser(id, name, img) {\r\n            currentUser = name;\r\n            document.getElementById('h-name').innerText = name;\r\n            document.getElementById('h-status').classList.remove('hidden');\r\n            const hImg = document.getElementById('h-img');\r\n            hImg.src = img; hImg.classList.remove('hidden');\r\n            document.getElementById('wa-nav').classList.remove('hidden');\r\n            document.getElementById('wa-footer').classList.remove('hidden');\r\n            if(window.innerWidth < 768) toggleSidebar();\r\n            \r\n            const content = document.getElementById('wa-content');\r\n            content.innerHTML = \"\";\r\n            sendBotMsg(`Ol\u00e1! Voc\u00ea est\u00e1 usando o canal <b>Itochat Wooc<\/b> do ${name}.<br>Como posso te ajudar hoje?`);\r\n            setView('chat');\r\n        }\r\n\r\n        function setView(v) {\r\n            const content = document.getElementById('wa-content');\r\n            const footer = document.getElementById('wa-footer');\r\n            document.querySelectorAll('#wa-nav div').forEach(el => el.classList.replace('text-blue-600', 'text-slate-400'));\r\n            document.getElementById('nav-' + v).classList.replace('text-slate-400', 'text-blue-600');\r\n\r\n            if(v === 'chat') {\r\n                footer.classList.remove('hidden');\r\n            } else if(v === 'catalog') {\r\n                footer.classList.add('hidden');\r\n                content.innerHTML = `\r\n                    <div class=\"text-center mb-4\"><span class=\"text-[10px] bg-blue-600 px-3 py-1 rounded shadow-sm text-white font-bold uppercase\">Cat\u00e1logo Wooc<\/span><\/div>\r\n                    <div class=\"elegant-grid\">\r\n                        <div class=\"bg-white p-3 rounded-xl shadow-sm text-center border border-slate-100\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1510591509098-f4fdc6d0ff04?auto=format&fit=crop&w=200&h=200\" class=\"rounded-lg mb-2 mx-auto h-20 w-full object-cover\">\r\n                            <p class=\"text-[11px] font-bold text-slate-700\">Caf\u00e9 Expresso<\/p>\r\n                            <button onclick=\"addToCart('Caf\u00e9 Expresso', 8.50)\" class=\"w-full bg-blue-50 text-blue-600 text-[10px] font-bold py-1.5 rounded-lg mt-1\">+ ADICIONAR<\/button>\r\n                        <\/div>\r\n                        <div class=\"bg-white p-3 rounded-xl shadow-sm text-center border border-slate-100\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572442388796-11668a67e53d?auto=format&fit=crop&w=200&h=200\" class=\"rounded-lg mb-2 mx-auto h-20 w-full object-cover\">\r\n                            <p class=\"text-[11px] font-bold text-slate-700\">Cappuccino<\/p>\r\n                            <button onclick=\"addToCart('Cappuccino', 12.00)\" class=\"w-full bg-blue-50 text-blue-600 text-[10px] font-bold py-1.5 rounded-lg mt-1\">+ ADICIONAR<\/button>\r\n                        <\/div>\r\n                        <div class=\"bg-white p-3 rounded-xl shadow-sm text-center border border-slate-100\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555507036-ab1f4038808a?auto=format&fit=crop&w=200&h=200\" class=\"rounded-lg mb-2 mx-auto h-20 w-full object-cover\">\r\n                            <p class=\"text-[11px] font-bold text-slate-700\">Croissant<\/p>\r\n                            <button onclick=\"addToCart('Croissant', 14.90)\" class=\"w-full bg-blue-50 text-blue-600 text-[10px] font-bold py-1.5 rounded-lg mt-1\">+ ADICIONAR<\/button>\r\n                        <\/div>\r\n                    <\/div>`;\r\n            } else if(v === 'cart') {\r\n                footer.classList.add('hidden');\r\n                let items = Object.keys(cart);\r\n                let cartHtml = `<div class=\"p-4 bg-white m-2 rounded-2xl shadow-sm border border-slate-100\">\r\n                    <h4 class=\"font-black text-slate-800 mb-4 flex items-center gap-2\"><i class=\"fas fa-shopping-cart text-blue-600\"><\/i> Seu Pedido Wooc<\/h4>`;\r\n                \r\n                if(items.length === 0) {\r\n                    cartHtml += `<p class=\"text-xs text-slate-400 text-center py-4\">Carrinho vazio.<\/p>`;\r\n                } else {\r\n                    items.forEach(item => {\r\n                        cartHtml += `<div class=\"flex justify-between text-xs mb-2\"><span>${cart[item].q}x ${item}<\/span><b>R$ ${(cart[item].p * cart[item].q).toFixed(2)}<\/b><\/div>`;\r\n                    });\r\n                    cartHtml += `<button onclick=\"finalizeOrder()\" class=\"w-full mt-6 bg-blue-600 text-white font-bold py-3 rounded-xl shadow-lg active:scale-95 transition-transform\">FINALIZAR PELO WOOC<\/button>`;\r\n                }\r\n                content.innerHTML = cartHtml + `<\/div>`;\r\n            }\r\n        }\r\n\r\n        function addToCart(name, price) {\r\n            if(!cart[name]) cart[name] = {p: price, q: 0};\r\n            cart[name].q++;\r\n            const badge = document.getElementById('c-badge');\r\n            badge.innerText = Object.values(cart).reduce((a, b) => a + b.q, 0);\r\n            badge.classList.remove('hidden');\r\n            const cartMsg = [\r\n                `Maravilha! <b>${name}<\/b> foi para o carrinho.`,\r\n                `Adicionado! O <b>${name}<\/b> via Itochat Wooc \u00e9 um sucesso.`,\r\n                `Item <b>${name}<\/b> reservado no seu carrinho Wooc!`\r\n            ];\r\n            setTimeout(() => sendBotMsg(cartMsg[Math.floor(Math.random()*cartMsg.length)]), 500);\r\n        }\r\n\r\n        function handleUserSend() {\r\n            const input = document.getElementById('wa-msg-input');\r\n            if(!input.value.trim()) return;\r\n            appendMsg(input.value, 'me');\r\n            input.value = '';\r\n            const randomReply = botReplies[Math.floor(Math.random() * botReplies.length)];\r\n            setTimeout(() => sendBotMsg(randomReply), 1000);\r\n        }\r\n\r\n        function finalizeOrder() {\r\n            cart = {};\r\n            document.getElementById('c-badge').classList.add('hidden');\r\n            setView('chat');\r\n            setTimeout(() => sendBotMsg(\"\u2705 <b>Pedido Recebido!<\/b> O Itochat Wooc j\u00e1 est\u00e1 processando tudo.\"), 800);\r\n        }\r\n\r\n        function sendBotMsg(m) {\r\n            const content = document.getElementById('wa-content');\r\n            const typingId = 'typing-' + Date.now();\r\n            content.innerHTML += `\r\n                <div id=\"${typingId}\" class=\"flex msg-them mb-2 items-center gap-2\">\r\n                    <div class=\"msg-bubble shadow-sm text-slate-400 italic text-[12px]\">\r\n                        Digitando<span class=\"dot\">.<\/span><span class=\"dot\">.<\/span><span class=\"dot\">.<\/span>\r\n                    <\/div>\r\n                <\/div>`;\r\n            content.scrollTop = content.scrollHeight;\r\n\r\n            setTimeout(() => {\r\n                const typingEl = document.getElementById(typingId);\r\n                if (typingEl) typingEl.remove();\r\n                appendMsg(m, 'them');\r\n            }, 1200);\r\n        }\r\n\r\n        function appendMsg(text, side) {\r\n            const content = document.getElementById('wa-content');\r\n            const wrapperClass = side === 'me' ? 'msg-me flex-row-reverse' : 'msg-them';\r\n            content.innerHTML += `<div class=\"flex ${wrapperClass} items-end gap-2 mb-2\"><div class=\"msg-bubble shadow-sm\"> ${text} <\/div><\/div>`;\r\n            content.scrollTop = content.scrollHeight;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2699\ufe0f Minha Conta \u2709\ufe0f Mensagem \ud83d\udcb0 Cr\u00e9ditos BellanetFiber | Marketplace Local &#038; Itochat Wooc Pro Tecnologia Itochat Wooc Venda localmente<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":148,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2606,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/8\/revisions\/2606"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}