{"id":24497,"date":"2024-05-15T17:10:43","date_gmt":"2024-05-15T15:10:43","guid":{"rendered":"https:\/\/test204.ciancoders.com\/?page_id=24497"},"modified":"2025-04-09T00:47:17","modified_gmt":"2025-04-09T06:47:17","slug":"leadership-circle","status":"publish","type":"page","link":"https:\/\/test204.ciancoders.com\/en\/leadership-circle\/","title":{"rendered":"Leadership Circle"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"24497\" class=\"elementor elementor-24497\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f320c1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9f320c1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4610650 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4610650\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-486891d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"486891d\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6409fba elementor-widget elementor-widget-heading\" data-id=\"6409fba\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Leadership Circle<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7efba18 elementor-widget elementor-widget-heading\" data-id=\"7efba18\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default translation-block\">Currently 34 companies are part of this great partnership.<\/h2>\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<div class=\"elementor-element elementor-element-76dba18 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"76dba18\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e35a73 elementor-widget elementor-widget-text-editor\" data-id=\"3e35a73\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>AmCham created this program to provide all services in a customized manner, providing brand presence throughout our communication and being your business advisor in Guatemala and the U.S., helping your company's growth and development.<\/p><p>AmCham created this program to provide all services in a customized manner, providing brand presence throughout our communication and being your business advisor in Guatemala and the U.S., helping your company's growth and development.<\/p>\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-691ec21 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"691ec21\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-dffc81f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"dffc81f\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc2753c elementor-widget elementor-widget-shortcode\" data-id=\"fc2753c\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \n        <section class=\"leadership-section\">\n            <div class=\"loader-spinner\">\n                <div class=\"spinner-wrapper\">\n                    <div class=\"lds-ring\"><div><\/div><div><\/div><div><\/div><div><\/div><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"leadership-container\"><\/div>\n            <div class=\"leadership-counter\"><\/div>      \n        <\/section>\n\n        <script>\n            const leadershipContainer = document.querySelector('.leadership-container');\n            const leadershipCounter = document.querySelector('.leadership-counter');\n            const loaderSpinner = document.querySelector('.loader-spinner');\n\n            function displayLeadershipCounter(pages, total, current) {\n                leadershipCounter.innerHTML = '';\n\n                if (pages <= 1) return;\n\n                \/\/ Bot\u00f3n anterior\n                if (current > 1) {\n                    const prev = document.createElement('button');\n                    prev.innerText = 'Anterior';\n                    prev.onclick = () => getLeadership(10, (current - 2) * 10, current - 1);\n                    leadershipCounter.appendChild(prev);\n                }\n\n                \/\/ N\u00fameros de p\u00e1gina\n                for (let i = 1; i <= pages; i++) {\n                    const pageBtn = document.createElement('button');\n                    pageBtn.innerText = i;\n                    pageBtn.className = (i === current) ? 'active' : '';\n                    pageBtn.onclick = () => getLeadership(10, (i - 1) * 10, i);\n                    leadershipCounter.appendChild(pageBtn);\n                }\n\n                \/\/ Bot\u00f3n siguiente\n                if (current < pages) {\n                    const next = document.createElement('button');\n                    next.innerText = 'Siguiente';\n                    next.onclick = () => getLeadership(10, current * 10, current + 1);\n                    leadershipCounter.appendChild(next);\n                }\n            }\n\n            function displayLeadership(posts){\n                leadershipContainer.innerHTML = '';\n                posts.forEach(post => {\n                    const {address, company_name, content, date, email, excerpt, id, image, phone, site, title} = post;\n\n                    const leadershipCard = `\n                        <div class=\"leadership-card-wrapper leadership-card-${id}\">\n                            <article class=\"leadrship-card\">\n                                <div class=\"leadership-image-wrapper\">\n                                    <img decoding=\"async\" src=\"${image}\" class=\"leadership-image\" alt=\"${title}\">\n                                <\/div>\n                                <div class=\"leadership-info\">\n                                    <h2 class=\"leadership-title\">${title}<\/h2>\n                                    <div class=\"leadership-excerpt\">${content.slice(0, 90)}...<\/div>\n                                    <button onclick=\"leadershipCardFn(${id})\" class=\"leadership-button\">Ver detalle completo <i class=\"fas fa-chevron-right\"><\/i><\/button>\n                                <\/div>\n                            <\/article>\n                            <div class=\"leadership-modal-wrapper\">\n                                <div class=\"leadership-modal-overlay\">\n                                    <div class=\"leadership-modal\">\n                                        <div class=\"leadership-modal-image-wrapper\">\n                                            <img decoding=\"async\" src=\"${image}\" class=\"leadership-modal-image\" alt=\"${title}\">\n                                        <\/div>\n                                        <div class=\"leadership-modal-content\">\n                                            <div class=\"leadership-modal-header\">\n                                                <button class=\"leadership-modal-close\"><i class=\"fas fa-times\"><\/i><\/button>\n                                            <\/div>\n                                            <h2 class=\"leadership-modal-title\">${title}<\/h2>\n                                            <div class=\"leadership-modal-content\">${content}<\/div>\n                                            <div class=\"contactomodal\">\n                                                <div class=\"contacto tile\"><i class=\"fas fa-user\"><\/i> <span>Contacto | <\/span><\/div>\n                                                <div><span><i class=\"fas fa-phone\"><\/i><\/span> ${phone}<\/div>\n                                                <div><span><i class=\"fas fa-envelope\"><\/i><\/span> ${email}<\/div>\n                                                <div><span><i class=\"fas fa-map-marker-alt\"><\/i><\/span> ${address}<\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>`;\n                    leadershipContainer.innerHTML += leadershipCard;\n                });\n            }\n\n            async function getLeadership(limitPage, offsetPage, currentPage) {\n                jQuery(loaderSpinner).fadeIn();\n                const url = `https:\/\/test204.ciancoders.com\/en\/wp-json\/amcham-leadership\/v1\/get-all?limit=${limitPage}&current=${currentPage}&offset=${offsetPage}`;\n                \n                const response = await fetch(url);\n                const data = await response.json();\n                const {error, pages, total, posts, current} = data;\n\n                if (error !== null) {\n                    leadershipContainer.innerHTML = `<div class=\"error-container\"><h3 class=\"error-message\">${error}<\/h3><\/div>`;\n                } else if (posts.length > 0) {\n                    displayLeadershipCounter(pages, total, current);\n                    displayLeadership(posts);\n                }\n\n                setTimeout(() => {\n                    jQuery(loaderSpinner).fadeOut();\n                }, 300);                 \n            }\n\n            document.addEventListener('DOMContentLoaded', function() {\n                if (leadershipContainer) {\n                    getLeadership(10, 0, 1);\n                }\n            });\n\n            function leadershipCardFn(id){\n                \/\/ Acci\u00f3n al hacer clic en \"Ver detalle completo\"\n            }\n        <\/script>\n\n        <style>\n            .leadership-counter button {\n                margin: 0 4px;\n                padding: 6px 10px;\n                cursor: pointer;\n                border: 1px solid #ccc;\n                background: #f7f7f7;\n            }\n            .leadership-counter button.active {\n                background-color: #0073aa;\n                color: #fff;\n                font-weight: bold;\n            }\n        <\/style>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Leadership Circle Actualmente 32 empresas forman parte de este gran c\u00edrculo. Leadership Circle es un programa exclusivo de patrocinadores de AmCham Guatemala el cual busca ser un aliado estrat\u00e9gico para su organizaci\u00f3n, brind\u00e1ndole amplias oportunidades de desarrollo comercial, herramientas fundamentales para influir en el mercado de EE.UU., as\u00ed como la facilitaci\u00f3n de informaci\u00f3n y acercamiento a las agencias pol\u00edticas, comerciales y regionales, entre otros. AmCham Guatemala crea este programa con el objetivo de brindar todos los servicios de una forma personalizada, brindando presencia de marca en toda nuestra comunicaci\u00f3n y ser su Concierge para hacer negocios en Guatemala y EE.UU., apoyando as\u00ed al crecimiento y desarrollo de su empresa.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"class_list":["post-24497","page","type-page","status-publish","hentry","pmpro-has-access"],"acf":[],"_links":{"self":[{"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/pages\/24497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/comments?post=24497"}],"version-history":[{"count":19,"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/pages\/24497\/revisions"}],"predecessor-version":[{"id":27117,"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/pages\/24497\/revisions\/27117"}],"wp:attachment":[{"href":"https:\/\/test204.ciancoders.com\/en\/wp-json\/wp\/v2\/media?parent=24497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}