{"id":345097,"date":"2025-11-14T09:47:34","date_gmt":"2025-11-14T08:47:34","guid":{"rendered":"https:\/\/piano-academie.com\/online-lessons\/children\/choisir-votre-pays\/"},"modified":"2025-12-10T18:17:50","modified_gmt":"2025-12-10T17:17:50","slug":"select-your-country","status":"publish","type":"page","link":"https:\/\/piano-academie.com\/en\/online-lessons\/children\/select-your-country\/","title":{"rendered":"Country selection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"345097\" class=\"elementor elementor-345097 elementor-330416\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5962d84 e-flex e-con-boxed e-con e-parent\" data-id=\"5962d84\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b14c5cc elementor-widget elementor-widget-global elementor-global-10647 elementor-widget-breadcrumbs\" data-id=\"b14c5cc\" data-element_type=\"widget\" data-settings=\"{&quot;dotlife_ext_is_scrollme&quot;:&quot;false&quot;,&quot;dotlife_ext_is_smoove&quot;:&quot;false&quot;,&quot;dotlife_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;dotlife_ext_is_infinite&quot;:&quot;false&quot;,&quot;dotlife_ext_is_fadeout_animation&quot;:&quot;false&quot;}\" data-widget_type=\"breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Accueil<\/span><\/p><\/nav>\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-f4ef1e8 e-flex e-con-boxed e-con e-parent\" data-id=\"f4ef1e8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05f7a33 elementor-widget elementor-widget-html\" data-id=\"05f7a33\" data-element_type=\"widget\" data-settings=\"{&quot;dotlife_ext_is_scrollme&quot;:&quot;false&quot;,&quot;dotlife_ext_is_smoove&quot;:&quot;false&quot;,&quot;dotlife_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;dotlife_ext_is_infinite&quot;:&quot;false&quot;,&quot;dotlife_ext_is_fadeout_animation&quot;:&quot;false&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"pa-world-hero\" style=\"padding:48px 20px; max-width:1100px; margin:0 auto; font-family:'Source Sans Pro',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#222; line-height:1.6;\">\n\n  <h1 style=\"text-align:center; font-size:clamp(26px,4vw,36px); margin:0 0 14px;\">\n    Choose your country for online piano lessons\n  <\/h1>\n\n  <p style=\"text-align:center; font-size:clamp(16px,2.2vw,18px); color:#555; max-width:760px; margin:0 auto 24px;\">\n    First select your geographic area, then your country. You will be redirected to the local page\n    with information about lesson times, time zones, VAT and enrollment details.\n  <\/p>\n\n  <!-- Region buttons -->\n  <div id=\"pa-region-buttons\" style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:24px;\">\n    <button type=\"button\" data-region=\"europe\" style=\"padding:10px 16px; border-radius:999px; border:1px solid #f8d9b1; background:#fef6f0; color:#e67e22; cursor:pointer; font-size:15px;\">\n      Europe\n    <\/button>\n    <button type=\"button\" data-region=\"afrique\" style=\"padding:10px 16px; border-radius:999px; border:1px solid #f8d9b1; background:#fef6f0; color:#e67e22; cursor:pointer; font-size:15px;\">\n      Africa\n    <\/button>\n    <button type=\"button\" data-region=\"asie\" style=\"padding:10px 16px; border-radius:999px; border:1px solid #f8d9b1; background:#fef6f0; color:#e67e22; cursor:pointer; font-size:15px;\">\n      Asia\n    <\/button>\n    <button type=\"button\" data-region=\"ameriques\" style=\"padding:10px 16px; border-radius:999px; border:1px solid #f8d9b1; background:#fef6f0; color:#e67e22; cursor:pointer; font-size:15px;\">\n      Americas\n    <\/button>\n    <button type=\"button\" data-region=\"oceanie\" style=\"padding:10px 16px; border-radius:999px; border:1px solid #f8d9b1; background:#fef6f0; color:#e67e22; cursor:pointer; font-size:15px;\">\n      Oceania\n    <\/button>\n  <\/div>\n\n  <!-- Country search bar -->\n  <div style=\"max-width:420px; margin:0 auto 16px;\">\n    <input \n      id=\"countrySearchGlobal\" \n      type=\"text\" \n      placeholder=\"Search for a country in the selected area\u2026\" \n      style=\"width:100%; padding:12px 14px; font-size:16px; border:1px solid #ccc; border-radius:8px;\">\n  <\/div>\n\n  <!-- Selected region summary -->\n  <p id=\"pa-region-summary\" style=\"text-align:center; font-size:15px; color:#777; margin:0 0 24px;\">\n    Selected region: Europe\n  <\/p>\n<\/section>\n\n<section id=\"pa-country-list-global\" style=\"padding:0 20px 40px; max-width:1100px; margin:0 auto;\">\n  <h2 id=\"pa-country-list-title\" style=\"font-size:24px; margin:0 0 12px;\">\n    Choose your country in Europe\n  <\/h2>\n\n  <div id=\"countryGridGlobal\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px;\">\n    <!-- Country cards will be injected here by JavaScript -->\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Region and country data\n  const regions = {\n    europe: {\n      label: \"Europe\",\n      urlPrefix: \"\/en\/online-lessons\/children\/europe\/\",\n      countries: [\n        \"Albania\",\n        \"Germany\",\n        \"Andorra\",\n        \"Austria\",\n        \"Belgium\",\n        \"Belarus\",\n        \"Bosnia and Herzegovina\",\n        \"Bulgaria\",\n        \"Cyprus\",\n        \"Croatia\",\n        \"Denmark\",\n        \"Spain\",\n        \"Estonia\",\n        \"Finland\",\n        \"France\",\n        \"Greece\",\n        \"Hungary\",\n        \"Ireland\",\n        \"Iceland\",\n        \"Italy\",\n        \"Kosovo\",\n        \"Latvia\",\n        \"Liechtenstein\",\n        \"Lithuania\",\n        \"Luxembourg\",\n        \"Malta\",\n        \"Moldova\",\n        \"Monaco\",\n        \"Montenegro\",\n        \"Norway\",\n        \"Netherlands\",\n        \"Poland\",\n        \"Portugal\",\n        \"Czech Republic\",\n        \"Romania\",\n        \"United Kingdom\",\n        \"Russia\",\n        \"San Marino\",\n        \"Serbia\",\n        \"Slovakia\",\n        \"Slovenia\",\n        \"Sweden\",\n        \"Switzerland\",\n        \"Ukraine\",\n        \"Vatican City\"\n      ]\n    },\n    afrique: {\n      label: \"Africa\",\n      urlPrefix: \"\/en\/online-lessons\/children\/africa\/\",\n      countries: [\n        \"South Africa\",\n        \"Algeria\",\n        \"Angola\",\n        \"Benin\",\n        \"Botswana\",\n        \"Burkina Faso\",\n        \"Burundi\",\n        \"Cabo Verde\",\n        \"Cameroon\",\n        \"Comoros\",\n        \"Republic of the Congo\",\n        \"Democratic Republic of the Congo\",\n        \"C\u00f4te d\u2019Ivoire\",\n        \"Djibouti\",\n        \"Egypt\",\n        \"Eritrea\",\n        \"Eswatini\",\n        \"Ethiopia\",\n        \"Gabon\",\n        \"Gambia\",\n        \"Ghana\",\n        \"Guinea\",\n        \"Guinea-Bissau\",\n        \"Equatorial Guinea\",\n        \"Kenya\",\n        \"Lesotho\",\n        \"Liberia\",\n        \"Libya\",\n        \"Madagascar\",\n        \"Malawi\",\n        \"Mali\",\n        \"Morocco\",\n        \"Mauritius\",\n        \"Mauritania\",\n        \"Mozambique\",\n        \"Namibia\",\n        \"Niger\",\n        \"Nigeria\",\n        \"Uganda\",\n        \"Central African Republic\",\n        \"Rwanda\",\n        \"S\u00e3o Tom\u00e9 and Pr\u00edncipe\",\n        \"Senegal\",\n        \"Seychelles\",\n        \"Sierra Leone\",\n        \"Somalia\",\n        \"Sudan\",\n        \"South Sudan\",\n        \"Tanzania\",\n        \"Chad\",\n        \"Togo\",\n        \"Tunisia\",\n        \"Zambia\",\n        \"Zimbabwe\"\n      ]\n    },\n    asie: {\n      label: \"Asia\",\n      urlPrefix: \"\/en\/online-lessons\/children\/asia\/\",\n      countries: [\n        \"Afghanistan\",\n        \"Saudi Arabia\",\n        \"Armenia\",\n        \"Azerbaijan\",\n        \"Bahrain\",\n        \"Bangladesh\",\n        \"Bhutan\",\n        \"Myanmar\",\n        \"Brunei\",\n        \"Cambodia\",\n        \"China\",\n        \"Cyprus\",\n        \"North Korea\",\n        \"South Korea\",\n        \"United Arab Emirates\",\n        \"Georgia\",\n        \"India\",\n        \"Indonesia\",\n        \"Iraq\",\n        \"Iran\",\n        \"Israel\",\n        \"Japan\",\n        \"Jordan\",\n        \"Kazakhstan\",\n        \"Kyrgyzstan\",\n        \"Kuwait\",\n        \"Laos\",\n        \"Lebanon\",\n        \"Malaysia\",\n        \"Maldives\",\n        \"Mongolia\",\n        \"Nepal\",\n        \"Oman\",\n        \"Uzbekistan\",\n        \"Pakistan\",\n        \"Philippines\",\n        \"Qatar\",\n        \"Russia\",\n        \"Singapore\",\n        \"Sri Lanka\",\n        \"Syria\",\n        \"Tajikistan\",\n        \"Taiwan\",\n        \"Thailand\",\n        \"Timor-Leste\",\n        \"Turkmenistan\",\n        \"Turkey\",\n        \"Vietnam\",\n        \"Yemen\"\n      ]\n    },\n    ameriques: {\n      label: \"Americas\",\n      urlPrefix: \"\/en\/online-lessons\/children\/americas\/\",\n      countries: [\n        \"Antigua and Barbuda\",\n        \"Argentina\",\n        \"Bahamas\",\n        \"Barbados\",\n        \"Belize\",\n        \"Bolivia\",\n        \"Brazil\",\n        \"Canada\",\n        \"Chile\",\n        \"Colombia\",\n        \"Costa Rica\",\n        \"Cuba\",\n        \"Dominica\",\n        \"United States\",\n        \"Grenada\",\n        \"Guatemala\",\n        \"Guyana\",\n        \"Haiti\",\n        \"Honduras\",\n        \"Jamaica\",\n        \"Mexico\",\n        \"Nicaragua\",\n        \"Panama\",\n        \"Paraguay\",\n        \"Peru\",\n        \"Dominican Republic\",\n        \"Saint Kitts and Nevis\",\n        \"Saint Vincent and the Grenadines\",\n        \"Saint Lucia\",\n        \"El Salvador\",\n        \"Suriname\",\n        \"Trinidad and Tobago\",\n        \"Uruguay\",\n        \"Venezuela\"\n      ]\n    },\n    oceanie: {\n      label: \"Oceania\",\n      urlPrefix: \"\/en\/online-lessons\/children\/oceania\/\",\n      countries: [\n        \"Australia\",\n        \"Fiji\",\n        \"Kiribati\",\n        \"Marshall Islands\",\n        \"Micronesia\",\n        \"Nauru\",\n        \"New Zealand\",\n        \"Palau\",\n        \"Papua New Guinea\",\n        \"Samoa\",\n        \"Solomon Islands\",\n        \"Tonga\",\n        \"Tuvalu\",\n        \"Vanuatu\"\n      ]\n    }\n  };\n\n  \/\/ Function to slugify a country name (for the URL)\n  function slugify(str) {\n    return str\n      .normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\") \/\/ remove accents\n      .toLowerCase()\n      .replace(\/[^a-z0-9]+\/g, \"-\") \/\/ replace spaces and punctuation\n      .replace(\/(^-|-$)\/g, \"\");    \/\/ trim hyphens at start\/end\n  }\n\n  const regionButtons = document.querySelectorAll(\"#pa-region-buttons button\");\n  const countryGrid = document.getElementById(\"countryGridGlobal\");\n  const countryTitle = document.getElementById(\"pa-country-list-title\");\n  const regionSummary = document.getElementById(\"pa-region-summary\");\n  const searchInput = document.getElementById(\"countrySearchGlobal\");\n\n  let currentRegionKey = \"europe\";\n\n  function renderCountries(regionKey) {\n    const region = regions[regionKey];\n    if (!region) return;\n\n    \/\/ Update titles\n    countryTitle.textContent = \"Choose your country in \" + region.label;\n    regionSummary.textContent = \"Selected region: \" + region.label;\n\n    \/\/ Clear the grid\n    countryGrid.innerHTML = \"\";\n\n    \/\/ Rebuild the list\n    region.countries.forEach(name => {\n      const slug = slugify(name);\n      const link = document.createElement(\"a\");\n      link.href = region.urlPrefix + slug + \"\/\";\n      link.textContent = name;\n      link.setAttribute(\"data-name\", name.toLowerCase());\n      link.style.display = \"block\";\n      link.style.padding = \"16px\";\n      link.style.background = \"#fef6f0\";\n      link.style.border = \"1px solid #f8d9b1\";\n      link.style.borderRadius = \"10px\";\n      link.style.textDecoration = \"none\";\n      link.style.color = \"#e67e22\";\n      countryGrid.appendChild(link);\n    });\n  }\n\n  \/\/ Handle region buttons\n  regionButtons.forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      const selectedRegion = btn.getAttribute(\"data-region\");\n      currentRegionKey = selectedRegion;\n\n      \/\/ Active \/ inactive style\n      regionButtons.forEach(b => {\n        b.style.background = \"#fef6f0\";\n        b.style.color = \"#e67e22\";\n        b.style.borderColor = \"#f8d9b1\";\n      });\n      btn.style.background = \"#e67e22\";\n      btn.style.color = \"#ffffff\";\n      btn.style.borderColor = \"#e67e22\";\n\n      \/\/ Reset search\n      searchInput.value = \"\";\n      renderCountries(selectedRegion);\n    });\n  });\n\n  \/\/ Search within countries of the selected region\n  searchInput.addEventListener(\"keyup\", function() {\n    const query = this.value.toLowerCase().trim();\n    const links = countryGrid.querySelectorAll(\"a\");\n\n    links.forEach(link => {\n      const name = link.getAttribute(\"data-name\") || \"\";\n      if (!query || name.includes(query)) {\n        link.style.display = \"block\";\n      } else {\n        link.style.display = \"none\";\n      }\n    });\n  });\n\n  \/\/ Initialization: Europe selected by default\n  window.addEventListener(\"DOMContentLoaded\", () => {\n    \/\/ Visually activate the Europe button\n    regionButtons.forEach(b => {\n      if (b.getAttribute(\"data-region\") === \"europe\") {\n        b.style.background = \"#e67e22\";\n        b.style.color = \"#ffffff\";\n        b.style.borderColor = \"#e67e22\";\n      }\n    });\n    renderCountries(\"europe\");\n  });\n<\/script>\n\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","protected":false},"excerpt":{"rendered":"<p>Accueil Choose your country for online piano lessons First select your geographic area, then your country. You will be redirected to the local page with information about lesson times, time zones, VAT and enrollment details. Europe Africa Asia Americas Oceania [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":345056,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[522],"tags":[],"class_list":["post-345097","page","type-page","status-publish","hentry","category-en-ligne"],"acf":[],"_links":{"self":[{"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/pages\/345097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/comments?post=345097"}],"version-history":[{"count":0,"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/pages\/345097\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/pages\/345056"}],"wp:attachment":[{"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/media?parent=345097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/categories?post=345097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/piano-academie.com\/en\/wp-json\/wp\/v2\/tags?post=345097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}