{"id":37,"date":"2024-04-20T01:46:11","date_gmt":"2024-04-20T06:46:11","guid":{"rendered":"https:\/\/733.com.co\/home\/"},"modified":"2026-07-15T01:09:12","modified_gmt":"2026-07-15T06:09:12","slug":"home","status":"publish","type":"page","link":"https:\/\/733.com.co\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<h2>\u00bfQue vendemos?<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<h2>Nuestros servicios<\/h2>\n\n\n\n\n        <div class=\"td-quick-track-widget\" style=\"max-width: 600px; margin: 20px auto; padding: 20px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); color: #1e293b; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\">\n            <form id=\"form-quick-track\" onsubmit=\"submitQuickTracking(event)\" style=\"display: flex; gap: 10px; align-items: center; width: 100%;\">\n                <div style=\"flex-grow: 1; position: relative;\">\n                    <input type=\"text\" name=\"ticket_number\" placeholder=\"Ingresa tu n\u00famero de orden (Ej: 1001)\" required style=\"width: 100%; padding: 12px 16px 12px 40px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 14px; color: #1e293b; background: #f8fafc; transition: border-color 0.15s, box-shadow 0.15s; outline: none; box-sizing: border-box;\">\n                    <span style=\"position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #94a3b8;\">\ud83d\udd0d<\/span>\n                <\/div>\n                <button type=\"submit\" class=\"btn-quick-submit\" style=\"padding: 12px 24px; background: #2d7dd2; border: none; border-radius: 8px; color: #ffffff; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.15s, transform 0.1s; white-space: nowrap;\">Consultar<\/button>\n            <\/form>\n            <div id=\"quick-track-results\" style=\"margin-top: 20px; display: none;\"><\/div>\n            <div id=\"quick-track-error\" style=\"margin-top: 15px;\"><\/div>\n        <\/div>\n\n        <script>\n        if (typeof window.TechDeskReg === 'undefined') {\n            window.TechDeskReg = {\n                ajax_url: 'https:\/\/733.com.co\/wp-admin\/admin-ajax.php',\n                nonce: 'f2315f1eab'\n            };\n        }\n\n        function submitQuickTracking(e) {\n            e.preventDefault();\n            const form = document.getElementById('form-quick-track');\n            const results = document.getElementById('quick-track-results');\n            const errorMsg = document.getElementById('quick-track-error');\n            const num = form.ticket_number.value.trim();\n            const submitBtn = form.querySelector('.btn-quick-submit');\n\n            submitBtn.disabled = true;\n            submitBtn.innerHTML = 'Buscando...';\n            errorMsg.innerHTML = '';\n            results.style.display = 'none';\n\n            const formData = new FormData();\n            formData.append('action', 'td_public_track_ticket');\n            formData.append('ticket_number', num);\n\n            fetch(window.TechDeskReg.ajax_url, {\n                method: 'POST',\n                body: formData\n            })\n            .then(res => res.json())\n            .then(res => {\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = 'Consultar';\n\n                if (res.success) {\n                    const ticket = res.data;\n                    const statuses = ['open', 'in_progress', 'resolved', 'closed'];\n                    const currentIdx = statuses.indexOf(ticket.status);\n\n                    let stepperHTML = `\n                        <div style=\"display: flex; justify-content: space-between; position: relative; margin: 30px 0 20px 0; padding: 0 10px;\">\n                            <div style=\"position: absolute; top: 12px; left: 10px; right: 10px; height: 3px; background: #e2e8f0; z-index: 1;\"><\/div>\n                            <div style=\"position: absolute; top: 12px; left: 10px; width: ${currentIdx >= 0 ? (currentIdx \/ 3) * 100 : 0}%; height: 3px; background: #10b981; z-index: 2; transition: width 0.4s ease;\"><\/div>\n                    `;\n\n                    const stepLabels = ['Recibido', 'En Reparaci\u00f3n', 'Listo para Entrega', 'Entregado'];\n                    stepLabels.forEach((label, idx) => {\n                        const isActive = idx <= currentIdx;\n                        const iconColor = isActive ? '#10b981' : '#e2e8f0';\n                        const dotColor = isActive ? '#ffffff' : '#64748b';\n                        stepperHTML += `\n                            <div style=\"display: flex; flex-direction: column; align-items: center; position: relative; z-index: 3; width: 60px;\">\n                                <div style=\"width: 24px; height: 24px; border-radius: 50%; background: ${iconColor}; border: 3px solid #ffffff; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: ${dotColor};\">${idx + 1}<\/div>\n                                <span style=\"font-size: 9px; color: ${isActive ? '#1e293b' : '#64748b'}; font-weight: ${isActive ? '600' : '400'}; text-align: center; margin-top: 6px; white-space: nowrap;\">${label}<\/span>\n                            <\/div>\n                        `;\n                    });\n                    stepperHTML += `<\/div>`;\n\n                    let stateAlert = '';\n                    if (ticket.status === 'waiting') {\n                        stateAlert = `\n                            <div style=\"background: #fffbeb; border: 1px solid #fef3c7; border-left: 4px solid #f59e0b; border-radius: 6px; padding: 12px; margin-bottom: 15px; text-align: left;\">\n                                <h4 style=\"color: #b45309; font-size: 13px; font-weight: 700; margin: 0 0 4px 0;\">\u26a0\ufe0f En espera de repuestos o autorizaci\u00f3n<\/h4>\n                                <p style=\"font-size: 12px; color: #4b5563; margin: 0; line-height: 1.4;\">Estamos esperando un componente o tu confirmaci\u00f3n para continuar con el servicio.<\/p>\n                            <\/div>\n                        `;\n                    }\n\n                    let timelineHTML = '';\n                    if (ticket.timeline && ticket.timeline.length > 0) {\n                        timelineHTML = `\n                            <div style=\"border-top: 1px solid #e2e8f0; margin-top: 20px; padding-top: 15px; text-align: left;\">\n                                <h4 style=\"font-size: 13px; color: #1e293b; margin: 0 0 10px 0; font-weight: 700;\">\ud83d\udccb Historial de Avances<\/h4>\n                                <div style=\"display: flex; flex-direction: column; gap: 12px; position: relative; padding-left: 14px; border-left: 2px solid #e2e8f0; margin-left: 6px;\">\n                        `;\n                        ticket.timeline.forEach(reply => {\n                            timelineHTML += `\n                                <div style=\"position: relative; margin-bottom: 2px;\">\n                                    <div style=\"position: absolute; left: -19px; top: 4px; width: 8px; height: 8px; border-radius: 50%; background: #2d7dd2;\"><\/div>\n                                    <span style=\"font-size: 11px; color: #64748b; font-weight: 600;\">${reply.date} \u2014 ${reply.author}<\/span>\n                                    <p style=\"font-size: 12.5px; color: #374151; margin: 4px 0 0 0; line-height: 1.4;\">${reply.text}<\/p>\n                                <\/div>\n                            `;\n                        });\n                        timelineHTML += `<\/div><\/div>`;\n                    }\n\n                    results.innerHTML = `\n                        <div style=\"text-align: left; padding: 15px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; margin-top: 10px;\">\n                            <div style=\"display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 15px;\">\n                                <div>\n                                    <h3 style=\"font-size: 16px; font-weight: 700; color: #1e293b; margin: 0;\">Orden #${ticket.ticket_number}<\/h3>\n                                    <span style=\"font-size: 11px; color: #64748b;\">Cliente: ${ticket.client_name}<\/span>\n                                <\/div>\n                                <span style=\"background: ${ticket.status === 'closed' ? '#dcfce7' : '#dbeafe'}; color: ${ticket.status === 'closed' ? '#15803d' : '#1e40af'}; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; border: 1px solid #e2e8f0;\">${ticket.status_label}<\/span>\n                            <\/div>\n                            \n                            ${stateAlert}\n                            ${stepperHTML}\n                            \n                            <div style=\"background: #ffffff; border-radius: 6px; padding: 12px; border: 1px solid #e2e8f0; margin-top: 15px; display: flex; flex-direction: column; gap: 8px;\">\n                                <div><span style=\"font-size: 10px; color: #64748b; display: block; font-weight: 600; text-transform: uppercase;\">\ud83d\udcbb Equipo<\/span><span style=\"font-size: 13px; color: #1e293b; font-weight: 600;\">${ticket.device_type} ${ticket.device_brand} ${ticket.device_model}<\/span><\/div>\n                                ${ticket.accessories ? `<div><span style=\"font-size: 10px; color: #64748b; display: block; font-weight: 600; text-transform: uppercase;\">\ud83c\udf92 Accesorios<\/span><span style=\"font-size: 12px; color: #374151;\">${ticket.accessories}<\/span><\/div>` : ''}\n                                <div><span style=\"font-size: 10px; color: #64748b; display: block; font-weight: 600; text-transform: uppercase;\">\ud83d\udd27 Falla Reportada<\/span><span style=\"font-size: 12px; color: #374151; line-height: 1.4;\">${ticket.reported_fault}<\/span><\/div>\n                            <\/div>\n                            \n                            ${timelineHTML}\n                        <\/div>\n                    `;\n                    results.style.display = 'block';\n                } else {\n                    errorMsg.innerHTML = `<div style=\"background: #fef2f2; border: 1px solid #fee2e2; border-left: 4px solid #ef4444; color: #b91c1c; padding: 12px; border-radius: 6px; font-size: 13px; text-align: left;\">\u26a0\ufe0f ${res.data || 'Error al consultar'}<\/div>`;\n                }\n            })\n            .catch(err => {\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = 'Consultar';\n                errorMsg.innerHTML = '<div style=\"background: #fef2f2; border: 1px solid #fee2e2; border-left: 4px solid #ef4444; color: #b91c1c; padding: 12px; border-radius: 6px; font-size: 13px; text-align: left;\">\u26a0\ufe0f Error de red. Intenta de nuevo.<\/div>';\n            });\n        }\n        <\/script>\n        \n\n\n<p><span>Realizamos revisiones peri\u00f3dicas de sistemas inform\u00e1ticos para identificar y solucionar posibles problemas antes de que causen interrupciones en el funcionamiento de los sistemas.<\/span><\/p>\n\n\n<p>Implementamos medidas de seguridad robustas para proteger los sistemas contra amenazas cibern\u00e9ticas, incluyendo antivirus, firewalls y sistemas de detecci\u00f3n de intrusiones.\n<\/p>\n\n\n\n\n<p>Utilizamos t\u00e9cnicas avanzadas para recuperar datos perdidos debido a fallas del sistema, errores humanos o ataques de malware. <\/p>\n\n\n<p>Mejoramos el rendimiento de los sistemas inform\u00e1ticos mediante la optimizaci\u00f3n de software, ajustes de configuraci\u00f3n y actualizaciones de hardware seg\u00fan sea necesario.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n<h2>\u00bfQue hacemos?<br><\/h2>\n<p>Somos una empresa dedicada a la soluci\u00f3n de situaciones inform\u00e1ticas que presenten sus empresa u hogares.<\/p>\n<p>Asesoramos a empresas en la selecci\u00f3n e implementaci\u00f3n de tecnolog\u00edas adecuadas para sus necesidades espec\u00edficas, as\u00ed como en la planificaci\u00f3n estrat\u00e9gica de TI.<\/p>\n\n\n\n\n<h5>Tecnolog\u00eda sin L\u00edmites<\/h5>\n<h2>\u00bfListo para una experiencia inform\u00e1tica sin complicaciones?<\/h2>\n<p style=\"text-align: center\">&nbsp;<\/p>\n\n\n\n\n\n\n\n<h2>En esto somos buenos<\/h2>\n\n\n\n\n<p>Somos expertos en el sistema operativo Windows de Microsoft, ofreciendo soluciones personalizadas para optimizar la eficiencia y seguridad de tus dispositivos.<br>\nNuestro equipo domina todas las versiones de Windows, desde Windows 7 hasta Windows 11, para garantizar que tus necesidades inform\u00e1ticas est\u00e9n cubiertas<\/p>\n\n\n\n\n\n\nNos especializamos en el sistema operativo macOS de Apple, brindando soluciones personalizadas para optimizar tu experiencia inform\u00e1tica.\n\n\n\n\n\n\n<p>Nuestro equipo domina todas las versiones de Android, desde las m\u00e1s antiguas hasta las m\u00e1s recientes, para garantizar un soporte completo para tus necesidades m\u00f3viles.<br>\nDesde configuraciones avanzadas hasta resoluci\u00f3n de problemas, estamos aqu\u00ed para ofrecerte soporte t\u00e9cnico especializado en el sistema operativo Android.<\/p>\n\n\n\n\n\n\nNuestro equipo domina las herramientas y servicios de Google, desde Android hasta Google Workspace, para ofrecerte el mejor soporte t\u00e9cnico y soluciones a medida.\n\n\n\n\n\n\nGoogle Drive, el servicio de almacenamiento en la nube de Google, ofreciendo soluciones personalizadas para maximizar tu productividad y colaboraci\u00f3n.\n\n\n\n\n\n\nTrello, la plataforma de gesti\u00f3n de proyectos l\u00edder en el mercado. Ofrecemos asesoramiento personalizado para maximizar la productividad y eficiencia de tu equipo.\n\n\n\n\n\n\nSomos l\u00edderes en seguridad cibern\u00e9tica. Ofrecemos soluciones de protecci\u00f3n avanzada y asesoramiento personalizado para garantizar la seguridad de tus dispositivos y datos.\n\n\n\n\n\n\n<p>\u00bfSab\u00edas que HubSpot ofrece una versi\u00f3n gratuita de su plataforma? Estamos aqu\u00ed para brindarte asesoramiento sobre c\u00f3mo aprovechar al m\u00e1ximo esta poderosa herramienta sin costo alguno.<br>\nNuestro equipo est\u00e1 altamente capacitado en el uso de HubSpot y puede guiarte en la implementaci\u00f3n y optimizaci\u00f3n de la versi\u00f3n gratuita para satisfacer las necesidades de tu empresa.<\/p>\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/733.com.co\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/733.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/733.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/733.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":201,"href":"https:\/\/733.com.co\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":870,"href":"https:\/\/733.com.co\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/870"}],"wp:attachment":[{"href":"https:\/\/733.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}