{"id":80,"date":"2026-05-29T14:36:05","date_gmt":"2026-05-29T14:36:05","guid":{"rendered":"https:\/\/www.superfacel.es\/tienda\/?page_id=80"},"modified":"2026-05-29T19:08:33","modified_gmt":"2026-05-29T19:08:33","slug":"contactar","status":"publish","type":"page","link":"https:\/\/www.superfacel.es\/tienda\/contactar\/","title":{"rendered":"Contactar"},"content":{"rendered":"    <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-gray-100 max-w-4xl mx-auto my-12\">\n        <div class=\"flex flex-col md:flex-row\">\n            <!-- Info Sidebar -->\n            <div class=\"bg-brand-900 p-8 md:p-12 text-white md:w-1\/3\">\n                <h3 class=\"text-2xl font-bold mb-6 text-white\">Hablemos<\/h3>\n                <p class=\"text-brand-200 text-sm mb-8 italic\">Estamos aqu\u00ed para ayudarte. Cu\u00e9ntanos qu\u00e9 necesitas y te responderemos lo antes posible.<\/p>\n                \n                <div class=\"space-y-6\">\n                    <div class=\"flex items-start gap-4\">\n                        <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-accent-500 shrink-0 mt-1\"><\/i>\n                        <span class=\"text-sm\">Avda. Ricardo Carapeto Zambrano, 80<br>06008 Badajoz<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-4\">\n                        <i data-lucide=\"mail\" class=\"w-5 h-5 text-accent-500 shrink-0\"><\/i>\n                        <span class=\"text-sm\">web@telefoniasanroque.com<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-4\">\n                        <i data-lucide=\"phone\" class=\"w-5 h-5 text-accent-500 shrink-0\"><\/i>\n                        <span class=\"text-sm\">650 401 584<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Form Area -->\n            <div class=\"p-8 md:p-12 flex-grow bg-gray-50\/50\">\n                <form id=\"premium-contact-form\" class=\"space-y-5\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n                        <div>\n                            <label class=\"block text-xs font-bold text-gray-500 uppercase tracking-wider mb-2\">Nombre Completo<\/label>\n                            <input type=\"text\" name=\"cf_name\" required class=\"w-full px-4 py-3 bg-white border border-gray-200 rounded-xl focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all shadow-sm\" placeholder=\"Ej: Juan P\u00e9rez\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-xs font-bold text-gray-500 uppercase tracking-wider mb-2\">Correo Electr\u00f3nico<\/label>\n                            <input type=\"email\" name=\"cf_email\" required class=\"w-full px-4 py-3 bg-white border border-gray-200 rounded-xl focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all shadow-sm\" placeholder=\"tu@email.com\">\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <label class=\"block text-xs font-bold text-gray-500 uppercase tracking-wider mb-2\">Asunto \/ Direcci\u00f3n<\/label>\n                        <input type=\"text\" name=\"cf_subject\" class=\"w-full px-4 py-3 bg-white border border-gray-200 rounded-xl focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all shadow-sm\" placeholder=\"\u00bfEn qu\u00e9 podemos ayudarte?\">\n                    <\/div>\n\n                    <div>\n                        <label class=\"block text-xs font-bold text-gray-500 uppercase tracking-wider mb-2\">Mensaje<\/label>\n                        <textarea name=\"cf_message\" required rows=\"4\" class=\"w-full px-4 py-3 bg-white border border-gray-200 rounded-xl focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all shadow-sm resize-none\" placeholder=\"Escribe aqu\u00ed tu consulta...\"><\/textarea>\n                    <\/div>\n\n                    <div class=\"flex items-start gap-3 py-2\">\n                        <input type=\"checkbox\" id=\"privacy_policy\" required class=\"mt-1 w-4 h-4 text-brand-600 border-gray-300 rounded focus:ring-brand-500\">\n                        <label for=\"privacy_policy\" class=\"text-xs text-gray-500 leading-relaxed\">\n                            Acepto la <a href=\"\/politica-de-privacidad\" class=\"text-brand-600 font-bold hover:underline\">pol\u00edtica de privacidad<\/a> y el tratamiento de mis datos para la resoluci\u00f3n de mi consulta.\n                        <\/label>\n                    <\/div>\n\n                    <div id=\"form-response\" class=\"hidden text-sm p-4 rounded-xl font-bold mb-4\"><\/div>\n\n                    <button type=\"submit\" class=\"w-full bg-brand-600 hover:bg-brand-700 text-white font-extrabold py-4 rounded-xl shadow-lg hover:shadow-xl transform hover:scale-[1.01] transition-all flex items-center justify-center gap-2\">\n                        <span>Enviar Mensaje<\/span>\n                        <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        $('#premium-contact-form').on('submit', function(e) {\n            e.preventDefault();\n            const form = $(this);\n            const btn = form.find('button');\n            const response = $('#form-response');\n            \n            btn.prop('disabled', true).addClass('opacity-50');\n            response.removeClass('hidden bg-red-100 text-red-700 bg-green-100 text-green-700').text('Enviando...');\n\n            $.ajax({\n                url: 'https:\/\/www.superfacel.es\/tienda\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: {\n                    action: 'submit_contact_form',\n                    nonce: 'e0d8d107a8',\n                    data: form.serialize()\n                },\n                success: function(res) {\n                    if(res.success) {\n                        response.addClass('bg-green-100 text-green-700').text(res.data);\n                        form.find('input, textarea').val('');\n                        form.find('input[type=\"checkbox\"]').prop('checked', false);\n                    } else {\n                        response.addClass('bg-red-100 text-red-700').text(res.data);\n                    }\n                    response.removeClass('hidden');\n                    btn.prop('disabled', false).removeClass('opacity-50');\n                },\n                error: function() {\n                    response.addClass('bg-red-100 text-red-700').text('Hubo un error de conexi\u00f3n. Int\u00e9ntalo de nuevo.').removeClass('hidden');\n                    btn.prop('disabled', false).removeClass('opacity-50');\n                }\n            });\n        });\n    });\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":4,"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":6008,"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/pages\/80\/revisions\/6008"}],"wp:attachment":[{"href":"https:\/\/www.superfacel.es\/tienda\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}