{"id":4304,"date":"2023-06-09T15:12:06","date_gmt":"2023-06-09T13:12:06","guid":{"rendered":"https:\/\/www.netstal.com\/?page_id=4304"},"modified":"2025-09-04T13:32:53","modified_gmt":"2025-09-04T11:32:53","slug":"landingpage","status":"publish","type":"page","link":"https:\/\/www.netstal.com\/en\/","title":{"rendered":"Landingpage"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section overlay_color=&#8221;color-rgdb&#8221; overlay_alpha=&#8221;50&#8243; uncode_shortcode_id=&#8221;210102&#8243; overlay_color_type=&#8221;uncode-palette&#8221;][\/vc_section][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;4291&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;4295&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;4298&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;202037&#8243;]    <!-- Dropdown -->\r\n    <div class=\"my-countries-topbar\">\r\n        <select id=\"my-location-select\" class=\"my-country-select\">\r\n            <!-- ==========!!!!!!!!!!! \"Alle\" Option  ==========!!!!!!!!!!!-->\r\n            <!-- <option value=\"all\">Alle<\/option> -->\r\n             <!-- <option value=\"all-en\">Alle<\/option> -->\r\n                            <option value=\"australia\" \r\n                    >\r\n                    Australia                <\/option>\r\n                            <option value=\"austria\" \r\n                    >\r\n                    Austria                <\/option>\r\n                            <option value=\"benelux-en\" \r\n                    >\r\n                    Benelux                <\/option>\r\n                            <option value=\"brazil\" \r\n                    >\r\n                    Brazil                <\/option>\r\n                            <option value=\"china-en\" \r\n                    >\r\n                    China                <\/option>\r\n                            <option value=\"denmark\" \r\n                    >\r\n                    Denmark                <\/option>\r\n                            <option value=\"france\" \r\n                    >\r\n                    France                <\/option>\r\n                            <option value=\"germany\" \r\n                    >\r\n                    Germany                <\/option>\r\n                            <option value=\"hungary\" \r\n                    >\r\n                    Hungary                <\/option>\r\n                            <option value=\"india\" \r\n                    >\r\n                    India                <\/option>\r\n                            <option value=\"indonesia\" \r\n                    >\r\n                    Indonesia                <\/option>\r\n                            <option value=\"italy\" \r\n                    >\r\n                    Italy                <\/option>\r\n                            <option value=\"mexico-en\" \r\n                    >\r\n                    Mexico                <\/option>\r\n                            <option value=\"uae-en\" \r\n                    >\r\n                    Middle East Africa                <\/option>\r\n                            <option value=\"new-zealand\" \r\n                    >\r\n                    New Zealand                <\/option>\r\n                            <option value=\"norway\" \r\n                    >\r\n                    Norway                <\/option>\r\n                            <option value=\"philippine\" \r\n                    >\r\n                    Philippine                <\/option>\r\n                            <option value=\"poland\" \r\n                    >\r\n                    Poland                <\/option>\r\n                            <option value=\"singapore\" \r\n                    >\r\n                    Singapore                <\/option>\r\n                            <option value=\"south-africa\" \r\n                    >\r\n                    South Africa                <\/option>\r\n                            <option value=\"spain\" \r\n                    >\r\n                    Spain                <\/option>\r\n                            <option value=\"sweden\" \r\n                    >\r\n                    Sweden                <\/option>\r\n                            <option value=\"switzerland\" \r\n                    selected>\r\n                    Switzerland                <\/option>\r\n                            <option value=\"taiwan-en\" \r\n                    >\r\n                    Taiwan                <\/option>\r\n                            <option value=\"thailand-en\" \r\n                    >\r\n                    Thailand                <\/option>\r\n                            <option value=\"turkey\" \r\n                    >\r\n                    Turkey                <\/option>\r\n                            <option value=\"united-kingdom-en\" \r\n                    >\r\n                    United Kingdom                <\/option>\r\n                            <option value=\"usa-en\" \r\n                    >\r\n                    USA                <\/option>\r\n                    <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"my-countries-wrapper\">\r\n      <div id=\"map-col\" class=\"my-map-col\">\r\n        <p class=\"no-screenshot\">No image available.<\/p>\r\n      <\/div>\r\n      <div class=\"my-content-col\">\r\n        <div id=\"my-locations-output\" class=\"my-locations-output\">\r\n          <p>Loading\u2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function(){\r\n        const txt   = {\"loading\":\"Loading\\u2026\",\"noImage\":\"No image available.\",\"loadingMap\":\"Loading map\\u2026\",\"btnText\":\"Go to location\"};\r\n        const sel   = document.getElementById('my-location-select');\r\n        const out   = document.getElementById('my-locations-output');\r\n        const mapEl = document.getElementById('map-col');\r\n        const baseUrl = \"https:\\\/\\\/www.netstal.com\\\/en\\\/location\\\/\";\r\n\r\n        function showLoading() {\r\n            out.innerHTML = '<p class=\"loading-indicator\">'+txt.loading+'<\/p>';\r\n            mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.loadingMap+'<\/p>';\r\n            mapEl.style.backgroundImage = 'none';\r\n            mapEl.onclick = null;\r\n            mapEl.style.cursor = 'default';\r\n        }\r\n\r\n        function loadData(slug){\r\n            showLoading();\r\n\r\n            if (slug === 'all') {\r\n            fetch('https:\/\/www.netstal.com\/wp-admin\/admin-ajax.php?action=my_get_location_data_final&loc=all')\r\n                .then(r => r.json())\r\n                .then(json => {\r\n                if (!json.success) {\r\n                    out.innerHTML = '<p style=\"color:red;\">'\r\n                    + (json.data && json.data.message ? json.data.message : 'No data')\r\n                    + '<\/p>';\r\n                    mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.noImage+'<\/p>';\r\n                    return;\r\n                }\r\n                out.innerHTML = json.data.html || '';\r\n                mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.noImage+'<\/p>';\r\n\r\n                const grid = document.getElementById('all-countries-grid');\r\n                if (grid) {\r\n                    grid.addEventListener('click', function(e){\r\n                    if (e.target.classList.contains('country-name-box')) {\r\n                        const newSlug = e.target.getAttribute('data-loc');\r\n                        sel.value = newSlug;\r\n                        loadData(newSlug);\r\n                    }\r\n                    });\r\n                }\r\n                })\r\n                .catch(err => {\r\n                console.error(\"AJAX Error:\", err);\r\n                out.innerHTML = '<p style=\"color:red;\">Error loading data<\/p>';\r\n                mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.noImage+'<\/p>';\r\n                });\r\n            } else {\r\n            fetch('https:\/\/www.netstal.com\/wp-admin\/admin-ajax.php?action=my_get_location_data_final&loc=' + encodeURIComponent(slug))\r\n                .then(r => r.json())\r\n                .then(json => {\r\n                if (!json.success) {\r\n                    out.innerHTML = '<p style=\"color:red;\">'\r\n                    + (json.data && json.data.message ? json.data.message : 'No data')\r\n                    + '<\/p>';\r\n                    mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.noImage+'<\/p>';\r\n                    return;\r\n                }\r\n\r\n                \/\/ Screenshot + Klick\r\n                const shotUrl = json.data.screenshot || '';\r\n                const mapLink = json.data.maps_link || '';\r\n                if (shotUrl) {\r\n                    mapEl.innerHTML = '';\r\n                    mapEl.style.backgroundImage = 'url(\"' + shotUrl + '\")';\r\n                    mapEl.style.backgroundSize = 'cover';\r\n                    mapEl.style.backgroundPosition = 'center';\r\n                    if (mapLink) {\r\n                    mapEl.onclick = () => window.open(mapLink, '_blank');\r\n                    mapEl.style.cursor = 'pointer';\r\n                    }\r\n                } else {\r\n                    mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.noImage+'<\/p>';\r\n                }\r\n\r\n                \/\/ People-Liste\r\n                out.innerHTML = json.data.html || '';\r\n\r\n                \/\/ \"Zum Standort\"-Button\r\n                const locSlug = json.data.location_slug || '';\r\n                if (locSlug) {\r\n                    const btn = document.createElement('a');\r\n                    btn.className = 'zum-standort-btn';\r\n                    btn.href      = baseUrl + locSlug + '\/'\r\n                    btn.target = '_blank';\r\n                    btn.innerText = txt.btnText;\r\n                    out.appendChild(btn);\r\n                }\r\n                })\r\n                .catch(err => {\r\n                console.error(\"AJAX Error:\", err);\r\n                out.innerHTML = '<p style=\"color:red;\">Error loading data<\/p>';\r\n                mapEl.innerHTML = '<p class=\"no-screenshot\">'+txt.noImage+'<\/p>';\r\n                });\r\n            }\r\n        }\r\n\r\n        sel.addEventListener('change', () => loadData(sel.value));\r\n        loadData(sel.value);\r\n        });\r\n    <\/script>\r\n\r\n    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section overlay_color=&#8221;color-rgdb&#8221; overlay_alpha=&#8221;50&#8243; uncode_shortcode_id=&#8221;210102&#8243; overlay_color_type=&#8221;uncode-palette&#8221;][\/vc_section][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;4291&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;4295&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;4298&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;202037&#8243;][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":50,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"wds_primary_page_category":0,"footnotes":""},"class_list":["post-4304","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/pages\/4304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/comments?post=4304"}],"version-history":[{"count":6,"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/pages\/4304\/revisions"}],"predecessor-version":[{"id":20515,"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/pages\/4304\/revisions\/20515"}],"wp:attachment":[{"href":"https:\/\/www.netstal.com\/en\/wp-json\/wp\/v2\/media?parent=4304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}