{"id":3557,"date":"2024-11-06T14:36:59","date_gmt":"2024-11-06T13:36:59","guid":{"rendered":"https:\/\/www.vncnt.nl\/multiboxx\/?page_id=3557"},"modified":"2024-11-06T14:39:18","modified_gmt":"2024-11-06T13:39:18","slug":"distributors","status":"publish","type":"page","link":"https:\/\/multiboxxenergy.com\/pt\/distributors\/","title":{"rendered":"Distribuidores"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-a6dfa9ea alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">    <style>\r\n        .distributor-container {\r\n            display: flex;\r\n            gap: 2rem;\r\n            margin: 20px 0;\r\n        }\r\n        \r\n        .distributor-list {\r\n            flex: 0 0 300px;\r\n            max-height: 600px;\r\n            overflow-y: auto;\r\n            padding-right: 20px;\r\n        }\r\n        \r\n        .distributor-card {\r\n            border: 1px solid #ddd;\r\n            border-radius: 8px;\r\n            padding: 15px;\r\n            margin-bottom: 15px;\r\n            background: white;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .distributor-card:hover {\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .distributor-name {\r\n            font-weight: bold;\r\n            color: #333;\r\n            margin-bottom: 8px;\r\n            font-size: 1.1em;\r\n        }\r\n        \r\n        .distributor-website {\r\n            color: #0066cc;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .distributor-website:hover {\r\n            text-decoration: underline;\r\n        }\r\n        \r\n        .distributor-details {\r\n            font-size: 0.9em;\r\n            color: #666;\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        #distributor-map {\r\n            flex: 1;\r\n            height: 600px;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .distributor-container {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .distributor-list {\r\n                flex: none;\r\n                width: 100%;\r\n                max-height: 300px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"distributor-container\">\r\n        <div class=\"distributor-list\">\r\n                            <div class=\"distributor-card\" data-distributor-id=\"19\">\r\n                    <div class=\"distributor-name\">DROPBOX GREEN ENERGY SOLUTIONS (GLOBAL) LTD<\/div>\r\n                                            <a href=\"http:\/\/www.dropboxges.co.uk\" class=\"distributor-website\" target=\"_blank\">Visit Website<\/a>\r\n                                        <div class=\"distributor-details\">\r\n                        <div>The Lauries, Office 304, 42 Claughton Road<\/div>\r\n                        <div>\r\n                            Wirral, England                        <\/div>\r\n                                                    <div>Phone: +44 151 332 8000<\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n                            <div class=\"distributor-card\" data-distributor-id=\"17\">\r\n                    <div class=\"distributor-name\">NATIONAL DRILLING EQUIPMENT<\/div>\r\n                                            <a href=\"http:\/\/www.natdrill.com.au\" class=\"distributor-website\" target=\"_blank\">Visit Website<\/a>\r\n                                        <div class=\"distributor-details\">\r\n                        <div>15 Furnace Rd<\/div>\r\n                        <div>\r\n                            Welshpool, WA, Australia                        <\/div>\r\n                                                    <div>Phone: +61 410 220 205<\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n                            <div class=\"distributor-card\" data-distributor-id=\"20\">\r\n                    <div class=\"distributor-name\">ChargeBlock B.V.<\/div>\r\n                                            <a href=\"http:\/\/www.chargeblock.nl\" class=\"distributor-website\" target=\"_blank\">Visit Website<\/a>\r\n                                        <div class=\"distributor-details\">\r\n                        <div>Rotterdam Airportplein 29<\/div>\r\n                        <div>\r\n                            Rotterdam, Netherlands                        <\/div>\r\n                                                    <div>Phone: +31 85 888 40 03<\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n                            <div class=\"distributor-card\" data-distributor-id=\"18\">\r\n                    <div class=\"distributor-name\">Conical Gmbh<\/div>\r\n                                            <a href=\"https:\/\/conical.de\/\" class=\"distributor-website\" target=\"_blank\">Visit Website<\/a>\r\n                                        <div class=\"distributor-details\">\r\n                        <div>Wedenstrasse<\/div>\r\n                        <div>\r\n                            Hamburg, Germany                        <\/div>\r\n                                                    <div>Phone: +1305 209 2078<\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n                            <div class=\"distributor-card\" data-distributor-id=\"22\">\r\n                    <div class=\"distributor-name\">Pro Box, Inc.<\/div>\r\n                                            <a href=\"http:\/\/www.proboxinc.com\" class=\"distributor-website\" target=\"_blank\">Visit Website<\/a>\r\n                                        <div class=\"distributor-details\">\r\n                        <div>3807 Oates Rd.<\/div>\r\n                        <div>\r\n                            Houston, Texas, United States of America                        <\/div>\r\n                                                    <div>Phone: +1 713 4106206<\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n                            <div class=\"distributor-card\" data-distributor-id=\"21\">\r\n                    <div class=\"distributor-name\">ELCOLINE GROUP OY<\/div>\r\n                                            <a href=\"https:\/\/elcoline.fi\/en\" class=\"distributor-website\" target=\"_blank\">Visit Website<\/a>\r\n                                        <div class=\"distributor-details\">\r\n                        <div>Nuottasaarentie 17<\/div>\r\n                        <div>\r\n                            Oulu, Finland                        <\/div>\r\n                                                    <div>Phone: +358 45 788 131 76<\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n        <div id=\"distributor-map\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function initMap() {\r\n            var map = new google.maps.Map(document.getElementById('distributor-map'), {\r\n                zoom: 3,\r\n                center: {lat: 20, lng: 0},\r\n                styles: [\r\n                    {\r\n                        \"featureType\": \"water\",\r\n                        \"elementType\": \"geometry\",\r\n                        \"stylers\": [{\"color\": \"#e9e9e9\"},{\"lightness\": 17}]\r\n                    },\r\n                    {\r\n                        \"featureType\": \"landscape\",\r\n                        \"elementType\": \"geometry\",\r\n                        \"stylers\": [{\"color\": \"#f5f5f5\"},{\"lightness\": 20}]\r\n                    }\r\n                    \/\/ Add more custom styles if needed\r\n                ]\r\n            });\r\n\r\n            var distributors = [{\"id\":19,\"company\":\"DROPBOX GREEN ENERGY SOLUTIONS (GLOBAL) LTD\",\"lat\":\"53.390663\",\"lng\":\"-3.029311\",\"address\":\"The Lauries, Office 304, 42 Claughton Road, Wirral, , England\"},{\"id\":17,\"company\":\"NATIONAL DRILLING EQUIPMENT\",\"lat\":\"-31.995852\",\"lng\":\"115.949127\",\"address\":\"15 Furnace Rd, Welshpool, WA, Australia\"},{\"id\":20,\"company\":\"ChargeBlock B.V.\",\"lat\":\"51.948597\",\"lng\":\"4.432494\",\"address\":\"Rotterdam Airportplein 29, Rotterdam, , Netherlands\"},{\"id\":18,\"company\":\"Conical Gmbh\",\"lat\":\"53.548828\",\"lng\":\"9.987170\",\"address\":\"Wedenstrasse, Hamburg, , Germany\"},{\"id\":22,\"company\":\"Pro Box, Inc.\",\"lat\":\"29.798538\",\"lng\":\"-95.242989\",\"address\":\"3807 Oates Rd., Houston, Texas, United States of America\"},{\"id\":21,\"company\":\"ELCOLINE GROUP OY\",\"lat\":\"65.003326\",\"lng\":\"25.439610\",\"address\":\"Nuottasaarentie 17, Oulu, , Finland\"}];\r\n\r\n            var markers = {};\r\n            var bounds = new google.maps.LatLngBounds();\r\n\r\n            distributors.forEach(function(distributor) {\r\n                var position = {\r\n                    lat: parseFloat(distributor.lat),\r\n                    lng: parseFloat(distributor.lng)\r\n                };\r\n\r\n                var marker = new google.maps.Marker({\r\n                    map: map,\r\n                    position: position,\r\n                    title: distributor.company,\r\n                    animation: google.maps.Animation.DROP\r\n                });\r\n\r\n                var infowindow = new google.maps.InfoWindow({\r\n                    content: '<div style=\"padding: 10px;\">' +\r\n                            '<h4 style=\"margin: 0 0 8px;\">' + distributor.company + '<\/h4>' +\r\n                            '<p style=\"margin: 0;\">' + distributor.address + '<\/p>' +\r\n                            '<\/div>'\r\n                });\r\n\r\n                marker.addListener('click', function() {\r\n                    infowindow.open(map, marker);\r\n                });\r\n\r\n                markers[distributor.id] = {\r\n                    marker: marker,\r\n                    info: infowindow\r\n                };\r\n\r\n                bounds.extend(position);\r\n            });\r\n\r\n            \/\/ Fit map to show all markers with padding\r\n            map.fitBounds(bounds, { padding: 50 });\r\n\r\n            \/\/ Add hover effect for distributor cards\r\n            document.querySelectorAll('.distributor-card').forEach(function(card) {\r\n                var distributorId = card.dataset.distributorId;\r\n                \r\n                card.addEventListener('mouseenter', function() {\r\n                    if (markers[distributorId]) {\r\n                        markers[distributorId].marker.setAnimation(google.maps.Animation.BOUNCE);\r\n                        markers[distributorId].info.open(map, markers[distributorId].marker);\r\n                    }\r\n                });\r\n\r\n                card.addEventListener('mouseleave', function() {\r\n                    if (markers[distributorId]) {\r\n                        markers[distributorId].marker.setAnimation(null);\r\n                        markers[distributorId].info.close();\r\n                    }\r\n                });\r\n            });\r\n        }\r\n    <\/script>\r\n    <script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCO6mlfphOkLUqd-Ja70wx4lcmBkghLAyU&callback=initMap\"><\/script>\r\n    \n<\/div><\/div>\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":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-3557","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"awb_sm":false,"awb_md":false,"awb_lg":false,"awb_xl":false},"uagb_author_info":{"display_name":"Vincent","author_link":"https:\/\/multiboxxenergy.com\/pt\/author\/vincent\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/pages\/3557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/comments?post=3557"}],"version-history":[{"count":3,"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/pages\/3557\/revisions"}],"predecessor-version":[{"id":3561,"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/pages\/3557\/revisions\/3561"}],"wp:attachment":[{"href":"https:\/\/multiboxxenergy.com\/pt\/wp-json\/wp\/v2\/media?parent=3557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}