{"version":3,"file":"js/app.cbc6c584.js","mappings":"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","sources":["webpack://english-matters/./src/App.vue","webpack://english-matters/./src/components/SiteNavbar.vue","webpack://english-matters/./src/components/SiteNavbar.vue?19d5","webpack://english-matters/./src/components/SiteFooter.vue","webpack://english-matters/./src/components/SiteFooter.vue?41ca","webpack://english-matters/./src/App.vue?7ccd","webpack://english-matters/./src/components/WhyUs.vue","webpack://english-matters/./src/components/WhyUs.vue?42c2","webpack://english-matters/./src/views/HomePage.vue","webpack://english-matters/./src/views/HomePage.vue?150d","webpack://english-matters/./src/views/AboutUs.vue","webpack://english-matters/./src/views/AboutUs.vue?08e2","webpack://english-matters/./src/views/WhyUs.vue","webpack://english-matters/./src/views/WhyUs.vue?b8e8","webpack://english-matters/./src/views/ContactUs.vue","webpack://english-matters/./src/views/ContactUs.vue?39a5","webpack://english-matters/./src/views/AllPrograms.vue","webpack://english-matters/./src/components/ContactUs.vue","webpack://english-matters/./src/components/ContactUs.vue?66e6","webpack://english-matters/./src/views/AllPrograms.vue?c18b","webpack://english-matters/./src/views/EnglishClasses.vue","webpack://english-matters/./src/views/EnglishClasses.vue?ac78","webpack://english-matters/./src/views/CambridgeExams.vue","webpack://english-matters/./src/views/CambridgeExams.vue?c857","webpack://english-matters/./src/views/EnglishClassesForPrimary.vue","webpack://english-matters/./src/views/EnglishClassesForPrimary.vue?872f","webpack://english-matters/./src/views/EnglishClassesForSecondary.vue","webpack://english-matters/./src/views/EnglishClassesForSecondary.vue?b250","webpack://english-matters/./src/views/EnglishClassesForAdults.vue","webpack://english-matters/./src/views/EnglishClassesForAdults.vue?ca96","webpack://english-matters/./src/views/EnglishClassesForCreativeWriting.vue","webpack://english-matters/./src/views/EnglishClassesForCreativeWriting.vue?441f","webpack://english-matters/./src/router.js","webpack://english-matters/./src/main.js","webpack://english-matters/webpack/bootstrap","webpack://english-matters/webpack/runtime/chunk loaded","webpack://english-matters/webpack/runtime/compat get default export","webpack://english-matters/webpack/runtime/define property getters","webpack://english-matters/webpack/runtime/global","webpack://english-matters/webpack/runtime/hasOwnProperty shorthand","webpack://english-matters/webpack/runtime/make namespace object","webpack://english-matters/webpack/runtime/jsonp chunk loading","webpack://english-matters/webpack/startup"],"sourcesContent":["<template>\n  <div>\n    <Navbar />\n    <div style=\"\">\n      <router-view />\n      <Footer />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useHead } from '@vueuse/head';\nimport Navbar from './components/SiteNavbar.vue';\nimport Footer from './components/SiteFooter.vue';\n\nexport default {\n  components: { Navbar, Footer },\n  setup() {\n    useHead({\n      title: \"Learn English in Petaling Jaya, Malaysia | To Learn English\",\n      meta: [\n        { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1' },\n        { name: 'theme-color', content: '#ffffff', media: '(prefers-color-scheme: light)' },\n        { name: 'theme-color', content: '#ffffff', media: '(prefers-color-scheme: dark)' },\n        { name: 'description', content: 'Learn to speak English with English Matters, a Language Centre in Petaling Jaya with classes for kids, teens & adults in English speaking & correct grammar.' },\n        { name: 'robots', content: 'index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' },\n        { name: 'google-site-verification', content: 'jLLfdgJCv_nmjaQz4RA_XzM6a4b5QLwmkz18u0tUgJY' },\n        { property: 'og:url', content: 'https://ukenglishmatters.com/' },\n        { property: 'og:site_name', content: 'Learn English in Petaling Jaya, Malaysia | To Learn English' },\n        { property: 'og:locale', content: 'en_GB' },\n        { property: 'og:type', content: 'website' },\n        { property: 'og:title', content: 'Learn English in Petaling Jaya, Malaysia | To Learn English' },\n        { property: 'og:description', content: 'Learn to speak English with English Matters, a Language Centre in Petaling Jaya with classes for kids, teens & adults in English speaking & correct grammar.' },\n        { property: 'og:image', content: 'https://ukenglishmatters.com/wp-content/uploads/2024/03/knowledge-graph-banner.webp' },\n        { property: 'og:image:secure_url', content: 'https://ukenglishmatters.com/wp-content/uploads/2024/03/knowledge-graph-banner.webp' },\n        { property: 'og:image:width', content: '1200' },\n        { property: 'og:image:height', content: '630' },\n        { property: 'og:image:alt', content: 'knowledge graph banner' },\n        { name: 'twitter:card', content: 'summary' },\n        { name: 'twitter:site', content: 'https://www.twitter.com/UKEngMatters' },\n        { name: 'twitter:creator', content: 'https://www.twitter.com/UKEngMatters' },\n        { name: 'twitter:title', content: 'Learn English in Petaling Jaya, Malaysia | To Learn English' },\n        { name: 'twitter:description', content: 'Learn to speak English with English Matters, a Language Centre in Petaling Jaya with classes for kids, teens & adults in English speaking & correct grammar.' },\n        { name: 'twitter:image', content: 'https://ukenglishmatters.com/wp-content/uploads/2024/03/knowledge-graph-banner.webp' },\n      ],\n      link: [\n        { rel: 'shortcut icon', href: 'https://english-matters.s3.ap-southeast-1.amazonaws.com/favicon.png', type: 'image/x-icon' },\n        { rel: 'canonical', href: 'https://ukenglishmatters.com/' }\n      ],\n    });\n  }\n};\n</script>","<template>\n  <nav class=\"navbar navbar-expand-md fixed-top\" :class=\"{ 'scrolled': isScrolled }\">\n    <div class=\"container-fluid p-0\">\n      <router-link class=\"navbar-brand\" @click=\"closeNavbar\" to=\"/\">\n        <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/logo_250px.webp\" alt=\"English Matters\" width=\"180px\">\n      </router-link>\n      <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n        <span class=\"navbar-toggler-icon\"></span>\n      </button>\n      <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n        <ul class=\"navbar-nav ms-auto\">\n          <li class=\"nav-item\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/\">\n              Home\n            </router-link>\n          </li>\n          <li class=\"nav-item dropdown d-flex\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/our-programs\" style=\"padding-right: 0 !important;\">\n              Our Programs\n            </router-link>\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"></a>\n            <ul class=\"dropdown-menu\">\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/our-programs\">\n                  New Language Offerings\n                </router-link>\n              </li>\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/our-programs\">\n                  Personal Development Program\n                </router-link>\n              </li>\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/our-programs\">\n                  Hybrid IGCSE Program\n                </router-link>\n              </li>\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/our-programs\">\n                  School Holiday Camps\n                </router-link>\n              </li>\n            </ul>\n          </li>\n          <li class=\"nav-item dropdown d-flex\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/english-classes\" style=\"padding-right: 0 !important;\">\n              English Classes\n            </router-link>\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"></a>\n            <ul class=\"dropdown-menu\">\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/english-classes/english-class-for-5-11-years-old-kids/\">\n                  Ages 5-11\n                </router-link>\n              </li>\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/english-classes/english-class-for-12-19-years-old-kids/\">\n                  Ages 12-19\n                </router-link>\n              </li>\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/english-classes/english-class-for-adults/\">\n                  Adults\n                </router-link>\n              </li>\n              <li>\n                <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/english-classes/school-holidays-english-class/\">\n                  Creative Writing Classes\n                </router-link>\n              </li>\n            </ul>\n          </li>\n          <li class=\"nav-item\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/english-classes/cambridge-english-exams-in-petaling-jaya/\">\n              Exams\n            </router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/about-english-matters\">\n              About Us\n            </router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/why-us\">\n              Why Us\n            </router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link class=\"nav-link\" @click=\"closeNavbar\" to=\"/contact\">\n              Contact\n            </router-link>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n  .navbar-toggler {\n    border: none;\n  }\n\n  .navbar-toggler-icon {\n    filter: invert(1);\n  }\n  .navbar {\n    background-color: transparent;\n    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n  }\n\n  /* Navbar after scrolling 30vh */\n  .navbar.scrolled {\n    background-color: #2e1aaf;\n    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n  }\n  .navbar .collapse.show, .navbar .collapsing {\n    background-color: #2e1aaf !important;\n  }\n  a {\n    color: white; \n    font-family: \"Red Hat Display\", sans-serif;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n  }\n  a.router-link-active, a:hover {\n    color: #FEB832;\n  }\n  ul.dropdown-menu li a.nav-link {\n    color: black;\n  }\n\n  .dropdown:hover .dropdown-menu {\n    display: block;\n    margin-top: 2em;\n  }\n</style>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport { Collapse } from \"bootstrap\"; // Import Bootstrap Collapse\n\nconst isScrolled = ref(false);\n\nconst handleScroll = () => {\n  isScrolled.value = window.scrollY > (window.innerHeight * 0.1);\n};\n\nonMounted(() => {\n  window.addEventListener(\"scroll\", handleScroll);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n});\n\nconst closeNavbar = () => {\n  const navbar = document.getElementById(\"navbarNav\");\n  if (window.innerWidth < 992) {\n    const bsCollapse = Collapse.getInstance(navbar) || new Collapse(navbar, { toggle: false });\n    bsCollapse.toggle(); // Toggle instead of just hiding\n  }\n};\n</script>","import script from \"./SiteNavbar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SiteNavbar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SiteNavbar.vue?vue&type=style&index=0&id=363e7344&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-363e7344\"]])\n\nexport default __exports__","<template>\n  <footer>\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col-12 col-md-6 col-lg-3 mb-5 ps-4\">\n          <p class=\"title\">Our Programs</p>\n          <div>\n            <router-link to=\"/our-programs\">\n              Personal Development Program\n            </router-link>\n          </div>\n          <div>\n            <router-link to=\"/our-programs\">\n              Hybrid IGCSE Program\n            </router-link>\n          </div>\n          <div>\n            <router-link to=\"/our-programs\">\n              School Holiday Camps\n            </router-link>\n          </div>\n          <br><br>\n          <p class=\"title\">ENGLISH CLASSES</p>\n          <div>\n            <router-link to=\"/english-classes/english-class-for-5-11-years-old-kids/\">\n              Ages 5-11\n            </router-link>\n          </div>\n          <div>\n            <router-link to=\"/english-classes/english-class-for-12-19-years-old-kids/\">\n              Ages 12-19\n            </router-link>\n          </div>\n          <div>\n            <router-link to=\"/english-classes/english-class-for-adults/\">\n              Adults\n            </router-link>\n          </div>\n          <div>\n            <router-link to=\"/english-classes/school-holidays-english-class/\">\n              Creative Writing Classes\n            </router-link>\n          </div>\n        </div>\n        <div class=\"col-12 col-md-6 col-lg-5 mb-5 ps-4 pe-5\">\n          <p class=\"title\">WHY US</p>\n          We have a 100% pass rate for the Cambridge English exams – FCE, CAE & CPE.\n        </div>\n        <div class=\"col-12 col-md-3 col-lg-3 mb-5 ps-4\">\n          <p class=\"title\">CONTACT US</p>\n  \n          No.1-3, 2nd Floor,\n          <br>Jalan SS 23/15, Taman SEA,\n          <br>47400 Petaling Jaya, Selangor,\n          <br>MALAYSIA\n          \n          <br><br>\n          <a href=\"https://wa.me/+60173807335\" target=\"_blank\" alt=\"Contact us via WhatsApp\">\n            WhatsApp us your questions\n          </a>\n        </div>\n      </div>\n    </div>\n    <div style=\"height: 20vh\"></div>\n    <div id=\"copyright\" class=\"text-center\">\n      &copy; 2025 English Matters Sdn Bhd (1016133-X)\n    </div>\n  </footer>\n  <div id=\"whatsApp\">\n    <a href=\"https://wa.me/+60173807335\" target=\"_blank\">\n      <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/whatsapp-icon.webp\" alt=\"Contact us via WhatsApp\">\n    </a>\n  </div>\n</template>\n\n<style scoped>\n  footer {\n    background-color: #2e1aaf;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/footer.png\");\n    background-position: right bottom -50px;\n    background-repeat: no-repeat;\n    color: white;\n    padding-top: 5em;\n    padding-bottom: 3em;\n    background-size: 1600px;\n  }\n  footer a {\n    text-decoration: none;\n    color: white;\n  }\n  footer a:hover {\n    color: #FEB832;\n  }\n  p.title {\n    font-weight: bold;\n    padding-bottom: 20px;\n  }\n  #copyright {\n    color: #8276cf;\n  }\n  #whatsApp {\n    position: fixed;\n    bottom: 15px;\n    right: 15px;\n  }\n</style>","import { render } from \"./SiteFooter.vue?vue&type=template&id=00657d64&scoped=true\"\nconst script = {}\n\nimport \"./SiteFooter.vue?vue&type=style&index=0&id=00657d64&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-00657d64\"]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=0ad4ce5c\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"bg-color\">\n    <div class=\"container py-5\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-7\">\n          <h2 class=\"text-primary mb-4\">\n            Why Choose English Matters?\n          </h2>\n          <ul class=\"style-type-none\">\n            <li>✔️ Expert instructors with international experience</li>\n            <li>✔️ Experience learning in our WHALE room (Accelerative Learning Environment)</li>\n            <li>✔️ Small class sizes for personalized attention</li>\n            <li>✔️ Flexible online and in-person learning options</li>\n            <li>✔️ Comprehensive curriculum with real-world applications</li>\n            <li>✔️ Part of the Edu Circle Group, ensuring quality and innovation</li>\n            <li>✔️ Transportation can be arranged if by demand</li>\n          </ul>\n\n          <p>\n            Ready to start your learning journey? \n            <router-link class=\"\" to=\"/contact\">Contact Us</router-link>\n            today!\n          </p>\n        </div> \n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\nh2 { font-size: 1.8em; }\n\n.bg-color {\n  background-color: #F4F3F9;\n}\n\nul.style-type-none {\n  list-style-type: none;\n}\n</style>","import { render } from \"./WhyUs.vue?vue&type=template&id=7aef76c8&scoped=true\"\nconst script = {}\n\nimport \"./WhyUs.vue?vue&type=style&index=0&id=7aef76c8&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7aef76c8\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\" class=\"row m-0\">\n    <div id=\"bubble\" class=\"col-12 col-md-4 col-lg-3 d-none d-md-block\">\n      <div class=\"text text-center\">\n        <div class=\"title tf-dm-serif text-secondary\">100%</div>\n        <p>\n          Our Cambridge\n          <br>English exams\n          <br>pass rate!\n        </p>\n      </div>\n    </div>\n    <div id=\"welcome\" class=\"col-12 col-md-8 col-lg-9\">\n      <h1 class=\"mt-5 pt-5\">Welcome to English Matters,<br>and more!</h1>\n      <p>Yes. We can help.</p>\n\n      <div>\n        <router-link class=\"btn btn-secondary me-4 px-4\" to=\"/our-programs\">Our Programs</router-link>\n        <router-link class=\"btn btn-primary px-4\" to=\"/about-english-matters\">About Us</router-link>\n      </div>\n    </div>\n  </div>\n\n  <div id=\"about\" class=\"text-center py-5\">\n    <p class=\"fw-bold text-secondary\">\n      ABOUT US\n    </p>\n    <p class=\"container\" style=\"max-width: 800px\">\n      At <strong>English Matters</strong>, we are dedicated to empowering learners with the linguistic skills needed to excel in today’s globalized world. Now part of the <strong>Edu Circle Group</strong>, we have expanded beyond English proficiency to offer a diverse range of language programs, as well as a Personal Development Program (PDP) tailored for students to build their soft skills, which is much needed in today’s world.\n    </p>\n    <br><br><br>\n    <div class=\"text-start\">\n      <WhyUs />\n    </div>\n    <br><br><br><br>\n    <h2 class=\"text-primary\">\n      The limits of your language\n      <br>means the limits of your world\n    </h2>\n    <Carousel v-bind=\"carouselConfig\">\n      <Slide v-for=\"slide in slides\" :key=\"slide\">\n        <img class=\"carousel__item\" :src=\"slide\" height=\"300px\" width=\"225px\">\n      </Slide>\n    </Carousel>\n  </div>\n  \n  <div id=\"classes\" class=\"text-center pb-5\">\n    <p class=\"fw-bold text-secondary\">\n      ENGLISH CLASSES\n    </p>\n    <br>\n    <h2 class=\"text-primary\">\n      We work in age groups\n      <br>with personalised exercises\n    </h2>\n    <div class=\"row justify-content-center mx-auto\">\n      <div class=\"col-12 col-md-4 p-4\">\n        <div class=\"year bg-white p-4\">\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/chat-bubble-1.png\" alt=\"Year 5-11 english classes\" class=\"mx-auto py-3\">\n          <div class=\"heading text-secondary\">5-11</div>\n          <p class=\"sub-heading\">YEARS</p>\n          <p class=\"description\">\n            We have 5 different levels for kids learning English from ages 5-11, based not just on the student’s age but also their level of English and their own particular needs.\n          </p>\n          <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/english-class-for-5-11-years-old-kids/\">\n            Learn More\n          </router-link>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-4 p-4\">\n        <div class=\"year bg-white p-4\">\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/chat-bubble-2.png\" alt=\"Year 12-19 english classes\" class=\"mx-auto py-3\">\n          <div class=\"heading text-secondary\">12-19</div>\n          <p class=\"sub-heading\">YEARS</p>\n          <p class=\"description\">\n            We have 7 levels for students aged 12-19, with each level focusing in greater depth on the key skills of writing, speaking, reading and listening.\n          </p>\n          <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/english-class-for-12-19-years-old-kids/\">\n            Learn More\n          </router-link>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-4 p-4\">\n        <div class=\"year bg-white p-4\">\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/chat-bubble-3.png\" alt=\"Adult english classes\" class=\"mx-auto py-3\">\n          <div class=\"heading text-secondary\">Adult</div>\n          <p class=\"sub-heading\">YEARS</p>\n          <p class=\"description\">\n            Here at English Matters we offer you a unique opportunity to learn at your own pace and in accordance with your own particular needs.\n          </p>\n          <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/english-class-for-adults/\">\n            Learn More\n          </router-link>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-8 p-4\">\n        <div class=\"year bg-white p-4\">\n          <div class=\"heading text-secondary\" style=\"font-size: 3.5em;\">Creative Writing Classes</div>\n          <p class=\"sub-heading\">for ages 5 to 17</p>\n          <p class=\"description mx-auto\" style=\"max-width: 360px;\">\n            Nurture your child’s storytelling and writing skills! Join our Creative Writing classes to inspire the writer within.\n          </p>\n          <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/school-holidays-english-class/\">\n            Learn More\n          </router-link>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div id=\"testimonials\" class=\"container py-5\">\n    <h4 class=\"text-primary text-center\">Endorsements from some of our current and previous students about our English teaching methods.</h4>\n\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-sm-6 col-md-4 p-4\">\n        <div class=\"testimony\">\n          <p>\n            There are brilliant English teachers here. I personally enjoy the approach they use on their courses to create a fun learning experience.\n          </p>\n          <div class=\"author text-secondary\">\n            Hong Wei\n          </div>\n          <div class=\"author-details\">\n            18 years old\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 p-4\">\n        <div class=\"testimony\">\n          <p>\n            We are so happy to see ... both of [our children] gaining confidence and showing great progress in their English language skills throughout the years.  We really appreciate all the support and help from teachers and staff.\n          </p>\n          <div class=\"author text-secondary\">\n            Ching Ching\n          </div>\n          <div class=\"author-details\">\n            Parents of 2 children at English Matters for over 4 years\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 p-4\">\n        <div class=\"testimony\">\n          <p>\n            The discussions and debates we did in class really prepared me for my scholarship interview - it gave me the confidence I needed.\n          </p>\n          <div class=\"author text-secondary\">\n            Samuel\n          </div>\n          <div class=\"author-details\">\n            Current law undergraduate at UK's Manchester University and former English Matters' student\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 p-4\">\n        <div class=\"testimony\">\n          <p>\n            Their teaching methods are very effective. I don't dread coming for tuition.\n          </p>\n          <div class=\"author text-secondary\">\n            H'ng Wei\n          </div>\n          <div class=\"author-details\">\n            at English Matters for over 2 years\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 p-4\">\n        <div class=\"testimony\">\n          <p>\n            The activities are fun... The English speaking and reading exercises are challenging and the teachers are great at teaching. Also, my English grammar and writing have vastly improved.\n          </p>\n          <div class=\"author text-secondary\">\n            Hazel\n          </div>\n          <div class=\"author-details\">\n            at English Matters for more than 8 years\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 p-4\">\n        <div class=\"testimony\">\n          <p>\n            This English language course has inspired me to take up more languages.\n          </p>\n          <div class=\"author text-secondary\">\n            Ingrid\n          </div>\n          <div class=\"author-details\">\n            at English Matters for 4 years\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div id=\"prospectus\">\n    <div class=\"container text-center text-md-start\">\n      <p class=\"fw-bold text-secondary\">\n        DOWNLOAD OUR LATEST FLYER\n      </p>\n      <h4 class=\"text-primary\">\n        2025 flyer\n      </h4>\n      <a href=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/files/English+Matters+2025+Program+Brochure.pdf\" \n        target=\"_blank\"\n        class=\"btn btn-primary\">Download</a>\n    </div>\n  </div>\n\n  <div id=\"history\">\n    <div class=\"container\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-6\">\n          <div class=\"sub-container-1\">\n            <h4 class=\"text-secondary text-center\">1999</h4>\n            <p class=\"text-primary tf-dm-serif\">\n              We have been teaching English in Petaling Jaya to students of all ages since 1999\n            </p>\n          </div>\n        </div>\n        <div class=\"col-12 col-md-6\">\n          <div class=\"sub-container-2\">\n            <p class=\"text-primary\"><strong>\n              We run all levels of English courses, for students of all ages, and we pride ourselves on the personal touch, combining the highest- quality professional teaching with a strong commitment to seeing our students become more confident and proficient with the English language.\n            </strong></p>\n            <p>\n              The vast majority of our students stay with us for a number of years - and so it's very important to me that our teachers also stay with English Matters for a long time.\n            </p>\n\n            <router-link class=\"btn btn-primary px-4 mt-4\" to=\"/about-english-matters\">Learn More</router-link>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  // If you are using PurgeCSS, make sure to whitelist the carousel CSS classes\n  import 'vue3-carousel/carousel.css'\n  import { Carousel, Slide } from 'vue3-carousel'\n\n  const carouselConfig = {\n    itemsToShow: 1,\n    wrapAround: true,\n    autoplay: 3000,\n    snapAlign: 'center',\n    height: '400px',\n    gap: 5,\n    breakpoints: {\n      0: { itemsToShow: 1 },\n      500: { itemsToShow: 2 },\n      768: { itemsToShow: 3 },\n      1200: { itemsToShow: 5 },\n    }\n  }\n</script>\n\n<script>\n  import WhyUs from '../components/WhyUs.vue';\n  export default {\n    components: { WhyUs },\n    data() {\n      return {\n        slides: [\n          \"https://english-matters.s3.ap-southeast-1.amazonaws.com/carousel/Nas+with+student.webp\",\n          \"https://english-matters.s3.ap-southeast-1.amazonaws.com/carousel/Student+Discussion.webp\",\n          \"https://english-matters.s3.ap-southeast-1.amazonaws.com/carousel/Word+games.webp\",\n          \"https://english-matters.s3.ap-southeast-1.amazonaws.com/carousel/Happy+students.webp\",\n          \"https://english-matters.s3.ap-southeast-1.amazonaws.com/carousel/Student+Discussion+2.webp\"\n        ]\n      };\n    }\n  };\n</script>\n\n<style scoped>\n  #jumbotron {\n    background-color: #2e1aaf;\n    min-height: 85vh;\n    background-image: url('https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/jumbotron.png');\n    background-position: right bottom -200px;\n    background-repeat: no-repeat;\n    background-size: 100vw auto;\n    width: 100%;\n    color: white;\n  }\n  @media (max-width: 800px) {\n    #jumbotron {\n      background-position: right bottom;\n    }\n  }\n\n  #bubble {\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/bubble.png\");\n    background-position: left -145px top 100px;\n    background-repeat: no-repeat;\n    background-size: 400px;\n  }\n  #bubble .text {\n    margin-top: 110px;\n    margin-left: 85px;\n    width: 130px;\n  }\n  #bubble .title {\n    font-size: 2.5em;\n  }\n  #bubble p {\n    font-size: 0.9em;\n    color: #21147c;\n  }\n\n  #welcome { margin-top: 10vh; padding-bottom: 10vh; }\n  #welcome h1 { font-size: 4em; }\n  #welcome p { font-size: 1.8em; }\n\n  #about h2 { font-size: 3.5em; }\n  #about p { font-size: 1.2em; }\n\n  #classes {\n    background-color: #F4F3F9;\n    margin-top: -150px;\n    padding-top: 200px;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/human-bubble-2.png\");\n    background-position: right -10px top 400px;\n    background-repeat: no-repeat;\n    background-size: 1600px;\n  }\n  #classes h2 { font-size: 3.5em; }\n  #classes p { font-size: 1.2em; }\n  #classes .year { border-radius: 15px; }\n  #classes .year .heading { \n    font-size: 5em; \n    font-weight: 400;\n    font-family: \"DM Serif Display\", serif;\n  }\n  #classes .row {\n    max-width: 1200px;\n  }\n  #classes .year .sub-heading { \n    font-size: 1.2em; \n    color: #B2Aecc;\n    font-weight: 700;\n  }\n\n  #testimonials { max-width: 1100px; }\n  #testimonials h4 { font-size: 2.5em; }\n  #testimonials .testimony {\n    padding: 24px 48px 24px 24px;\n    background-position: 95% 8px;\n    background-repeat: no-repeat;\n    background-size: 40px auto;\n    border-style: solid;\n    border-width: 5px 5px 5px 5px;\n    border-color: #F4F3F9;\n    border-radius: 25px 25px 25px 25px;\n    height: 100%;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/quote-symbol.webp\");\n    background-position: right 10px top 10px;\n    background-repeat: no-repeat;\n  }\n  #testimonials .testimony .author {\n    font-weight: bold;\n  }\n  #testimonials .testimony .author-details {\n    font-style: italic;\n    font-size: 0.9em;\n  }\n\n  #prospectus {\n    background-color: #F4F3F9;\n    min-height: 500px;\n    padding-top: 200px;\n    padding-bottom: 200px;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/consultation.png\");\n    background-position: left bottom;\n    background-repeat: no-repeat;\n  }\n  #prospectus .container {\n    max-width: 1000px;\n  }\n  #prospectus h4 { font-size: 3.5em; }\n  #prospectus p { font-size: 1.2em; }\n\n  #history {\n    min-height: 700px;\n    padding-top: 100px;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/discussion.png\");\n    background-position: left bottom 20px;\n    background-repeat: no-repeat;\n  }\n  @media (max-width: 1200px) {\n    #history {\n      background-image: none;\n    }\n  }\n  #history .sub-container-1 {\n    max-width: 450px;\n    margin: auto;\n  }\n  #history .sub-container-1 h4 { font-size: 8em; }\n  #history .sub-container-1 p { font-size: 1.5em; }\n  #history .sub-container-2 {\n    padding: 4em 0;\n    max-width: 300px;\n    margin: auto;\n  }\n</style>\n","import script from \"./HomePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HomePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HomePage.vue?vue&type=style&index=0&id=e12fe978&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e12fe978\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"overlay\"></div> <!-- Blue blur overlay -->\n    <div class=\"container content\">\n      <p class=\"title\">About Us</p>\n    </div>\n  </div>\n\n  <div class=\"container mt-5\">\n\n    <h1>About Us: A Commitment to Educational Excellence</h1>\n\n    <p>\n      At English Matters, we specialize in teaching English and other key languages to students aged 5 to young adults. Our programs focus on building fluency, academic success, and essential communication skills that will benefit students for life.\n    </p>\n    \n    <p>\n      As part of Edu Circle Group, we are backed by a team of education professionals with years of experience in international student placement, academic counseling, and language instruction. This allows us to ensure that our courses are highly effective, engaging, and aligned with global education standards.\n    </p>\n    \n    <div class=\"container py-5\">\n      <h2 class=\"text-center mb-4\">Meet Our Leadership – Experts Who Care</h2>\n      <p>\n        Our leadership team is committed to academic quality, student engagement, and preparing learners for success in an increasingly globalized world.\n      </p>\n      <div class=\"row justify-content-center mt-5\">\n        <div class=\"col-12 col-sm-6 col-md-6 col-lg-4\">\n          <div class=\"card\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/profiles/Nas.webp\" class=\"card-img-top\" alt=\"Pricipal, Nasiha Nas\">\n            <div class=\"card-body text-center\">\n              <h5 class=\"card-title\">Nasiha Nas</h5>\n              <p class=\"card-subtitle\">Principal</p>\n              <p class=\"card-text\">\n                A dedicated and experienced educator, specializing in English language instruction and academic excellence, ensuring high-quality learning outcomes for students.\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"col-12 col-sm-6 col-md-6 col-lg-4\">\n          <div class=\"card\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/profiles/matthew.jpg\" class=\"card-img-top\" alt=\"Group CEO, Matthew Gan\">\n            <div class=\"card-body text-center\">\n              <h5 class=\"card-title\">Matthew Gan</h5>\n              <p class=\"card-subtitle\">Group CEO</p>\n              <p class=\"card-text\">\n                A respected education specialist with 20+ years of experience in student guidance, assessments, and academic excellence.\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"col-12 col-sm-6 col-md-6 col-lg-4\">\n          <div class=\"card\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/profiles/nicholas.jpg\" class=\"card-img-top\" alt=\"Centre Director, Nicolas Chan\">\n            <div class=\"card-body text-center\">\n              <h5 class=\"card-title\">Nicolas Chan</h5>\n              <p class=\"card-subtitle\">Centre Director</p>\n              <p class=\"card-text\">\n                An experienced educator and administrator with a strong background in student engagement and academic management, ensuring a high-quality learning environment for all students.\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"col-12 col-sm-6 col-md-6 col-lg-4\">\n          <div class=\"card\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/profiles/olivier.webp\" class=\"card-img-top\" alt=\"Professor Dr. Olivier Cane (Academic Advisor and French Principal)\">\n            <div class=\"card-body text-center\">\n              <h5 class=\"card-title\">Professor Dr. Olivier Cane</h5>\n              <p class=\"card-subtitle\">Academic Advisor and French Principal</p>\n              <p class=\"card-text\">\n                Founder of The French Academy, President of Riviera University, and Dean at Genovasi University. An expert in language education and curriculum design.\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"col-12 col-sm-6 col-md-6 col-lg-4\">\n          <div class=\"card\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/profiles/leon.enc\" class=\"card-img-top\" alt=\"Chief Technology Officer, Leon Lim\">\n            <div class=\"card-body text-center\">\n              <h5 class=\"card-title\">Leon Lim</h5>\n              <p class=\"card-subtitle\">Chief Technology Officer</p>\n              <p class=\"card-text\">\n                Innovator in education technology, ensuring our digital learning tools are cutting-edge and effective.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n  #jumbotron {\n    position: relative;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/banner-buiding.webp\");\n    background-size: cover;\n    background-position: center;\n    height: 60vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Blue blurry overlay */\n  #jumbotron .overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(19, 5, 115, 0.75); /* Blue tint */\n  }\n\n  #jumbotron .content {\n    position: relative;\n    z-index: 2;\n  }\n\n  #jumbotron .title {\n    color: white;\n    font-size: 5em;\n    font-weight: bold;\n  }\n\n .card {\n    border: none;\n    border-radius: 10px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease-in-out;\n    margin-bottom: 2em;\n  }\n  .card:hover {\n    transform: translateY(-5px);\n  }\n  .card img {\n    width: 70%;\n    height: auto;\n    object-fit: cover;\n    border-radius: 50%;\n    margin: auto;\n    margin-top: 1em;\n    border: 4px solid white;\n    display: block;\n  }\n  .card-title {\n    font-size: 1.25rem;\n    font-weight: bold;\n  }\n  .card-subtitle {\n    font-size: 1rem;\n    font-weight: bold;\n    color: #FF4d37;\n  }\n  .card-text {\n    color: #555;\n  }\n</style>","import { render } from \"./AboutUs.vue?vue&type=template&id=21272942&scoped=true\"\nconst script = {}\n\nimport \"./AboutUs.vue?vue&type=style&index=0&id=21272942&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-21272942\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"overlay\"></div> <!-- Blue blur overlay -->\n    <div class=\"container content\">\n      <p class=\"title\">Why Us</p>\n    </div>\n  </div>\n  <WhyUs />\n</template>\n\n<script>\n  import WhyUs from '../components/WhyUs.vue';\n  export default {\n    components: { WhyUs }\n  };\n</script>\n\n<style scoped>\n  #jumbotron {\n    position: relative;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/banner-buiding.webp\");\n    background-size: cover;\n    background-position: center;\n    height: 60vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Blue blurry overlay */\n  #jumbotron .overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(19, 5, 115, 0.75); /* Blue tint */\n  }\n\n  #jumbotron .content {\n    position: relative;\n    z-index: 2;\n  }\n\n  #jumbotron .title {\n    color: white;\n    font-size: 5em;\n    font-weight: bold;\n  }\n</style>","import { render } from \"./WhyUs.vue?vue&type=template&id=739e14d4&scoped=true\"\nimport script from \"./WhyUs.vue?vue&type=script&lang=js\"\nexport * from \"./WhyUs.vue?vue&type=script&lang=js\"\n\nimport \"./WhyUs.vue?vue&type=style&index=0&id=739e14d4&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-739e14d4\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"overlay\"></div> <!-- Blue blur overlay -->\n    <div class=\"container content\">\n      <p class=\"title tf-dm-serif\">\n        Talk to us at\n        <br>English Matters,\n        <br>anytime!\n      </p>\n    </div>\n  </div>\n  <div class=\"container pt-5\">\n    <div class=\"row flex-row-reverse\">\n      <div class=\"col-12 col-md-6 col-lg-5\">\n        <div class=\"shop-photo\">\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/frontal-photo.webp\" \n            alt=\"English Matters, Petaling Jaya\" width=\"350px\" class=\"rounded w-100\">\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6 col-lg-7\">\n        <div id=\"contact\" class=\"row\">\n          <div class=\"col-12 col-lg-6 mb-5\">\n            <p class=\"title\"><i class=\"bi bi-geo-alt-fill\"></i></p>\n            <p class=\"text-primary fw-bold\">English Matters Language Centre</p>\n            <p>\n              No.1-3, 2nd Floor,\n              <br>Jalan SS 23/15, Taman SEA,\n              <br>47400 Petaling Jaya, Selangor,\n              <br>Malaysia\n            </p>\n          </div>\n          <div class=\"col-12 col-lg-6 mb-5\">\n            <p class=\"title\"><i class=\"bi bi-chat-dots-fill\"></i></p>\n            <p class=\"text-primary fw-bold\">+6017 380 7335</p>\n            <p><strong>Centre Director</strong>: Nicholas Chan</p>\n\n            <div>\n\t\t\t\t\t\t\t<span class=\"me-3\">\n                <a class=\"text-dark\" href=\"https://www.facebook.com/UKEngMatters\" target=\"_blank\">\n                  <i class=\"bi bi-facebook\"></i>\n                </a>\n              </span>\n              <span class=\"me-3\">\n                <a class=\"text-dark\" href=\"https://www.instagram.com/UKEngMatters\" target=\"_blank\">\n                  <i class=\"bi bi-instagram\"></i>  \n                </a>\n              </span>\n              <span class=\"me-3\">\n                <a class=\"text-dark\" href=\"https://www.twitter.com/UKEngMatters\" target=\"_blank\">\n                  <i class=\"bi bi-twitter-x\"></i>  \n                </a>\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div id=\"contactForm\">\n    <div id=\"form-container\"></div>\n  </div>\n  <div>\n    <iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3983.9195770315687!2d101.60958297467602!3d3.1159776968595616!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc4eabb1d84e95%3A0xe178294f469b9a52!2sEnglish%20Matters!5e0!3m2!1sen!2smy!4v1741792093388!5m2!1sen!2smy\" width=\"100%  \" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"></iframe>\n  </div>\n</template>\n\n<script>\nexport default {\n  mounted() {\n    this.loadActiveCampaignForm();\n  },\n  methods: {\n    loadActiveCampaignForm() {\n      // Remove existing script if any\n      const existingScript = document.querySelector(\"#activecampaign-script\");\n      if (existingScript) {\n        existingScript.remove();\n      }\n      const existingForm = document.querySelector(\"#_form_67D04DD803A9B_\");\n      if (existingForm) {\n        existingForm.remove();\n      }\n\n      // Create the script\n      const script = document.createElement(\"script\");\n      script.id = \"activecampaign-script\";\n      script.src = \"https://scholarships2u.activehosted.com/f/embed.php?id=75\";\n      script.type = \"text/javascript\";\n      script.charset = \"utf-8\";\n      script.async = true;\n      document.body.appendChild(script);\n\n      // Observe the DOM and move the form when it appears\n      const observer = new MutationObserver(() => {\n        let formContent = document.querySelector(\"[id^='_form_']\");\n        let container = document.querySelector(\"#form-container\");\n\n        if (formContent && container && !container.contains(formContent)) {\n          container.appendChild(formContent);\n          observer.disconnect(); // Stop observing once moved\n        }\n      });\n\n      observer.observe(document.body, { childList: true, subtree: true });\n    },\n  },\n};\n</script>\n\n<style scoped>\n  #jumbotron {\n    position: relative;\n    background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/banner-buiding.webp\");\n    background-size: cover;\n    background-position: center;\n    height: 60vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Blue blurry overlay */\n  #jumbotron .overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(19, 5, 115, 0.75); /* Blue tint */\n  }\n\n  #jumbotron .content {\n    position: relative;\n    z-index: 2;\n  }\n\n  #jumbotron .title {\n    color: white;\n    font-size: 4em;\n  }\n\n  #contact {\n    font-size: 18px;\n  }\n  #contact .title {\n    color: #FF4d37;\n    font-size: 3em;\n  }\n\n  .shop-photo {\n    max-width: 80%;\n    margin: auto;\n  }\n\n  #contactForm {\n    background-color: #F4F3F9;\n  }\n</style>\n","import { render } from \"./ContactUs.vue?vue&type=template&id=4039ee32&scoped=true\"\nimport script from \"./ContactUs.vue?vue&type=script&lang=js\"\nexport * from \"./ContactUs.vue?vue&type=script&lang=js\"\n\nimport \"./ContactUs.vue?vue&type=style&index=0&id=4039ee32&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4039ee32\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>Our Programs<br>for all ages</h1>\n    </div>\n  </div>\n\n  <div class=\"container pt-5 mt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-7\">\n        <h2 class=\"text-primary mb-4\">\n          1. English Language Programs\n        </h2>\n        \n        <p>\n          Our core English programs continue to focus on:\n        </p>\n\n        <ul>\n          <li><strong>General English</strong> - Improve your everyday communication skills.</li>\n          <li><strong>Business English</strong> - Gain confidence in corporate communication.</li>\n          <li><strong>Cambridge Exam Preparation (FCE, CAE, CPE)</strong> - Structured courses to prepare students for internationally recognized English proficiency certifications.</li>\n          <li><strong>IELTS & TOEFL Preparation</strong> - Achieve your desired scores for academic and professional advancement.</li>\n          <li><strong>English for Young Learners</strong> - Interactive lessons for children and teenagers</li>\n          <li><strong>Reading & Writing Enhancement</strong> - Strengthen literacy skills, creative writing, and academic writing techniques.</li>\n        </ul>\n\n        <router-link class=\"btn btn-secondary me-4 px-4\" to=\"/english-classes\">Learn More</router-link>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bg-color\">\n    <div class=\"container py-5 my-5\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-7\">\n          <h2 class=\"text-primary mb-4\">\n            2. New Language Offerings\n          </h2>\n          <p>\n            To cater to a broader audience, we are excited to introduce <strong>French, Mandarin, and German courses</strong>! Whether you are learning for travel, business, or personal growth, our structured programs ensure rapid progress with native-speaking instructors.\n          </p>\n          <a class=\"btn btn-secondary me-4 px-4\" href=\"https://scholarships2u.activehosted.com/f/79\" target=\"_blank\">Learn More</a>\n        </div> \n      </div>\n    </div>\n  </div>\n\n  <div class=\"container pt-5 mt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-6\">\n        <h2 class=\"text-primary mb-4\">\n          3. Personal Development Program (PDP) by Edumind\n        </h2>\n        <p>\n          In collaboration with Edumind, we offer the Personal Development Program (PDP), designed for students aged 12-21. This program enhances essential life skills, including:\n        </p>\n        <ul>\n          <li>Whole Brain Learning & Study Techniques</li>\n          <li>Critical & Creative Thinking</li>\n          <li>Leadership & Teamwork</li>\n          <li>Communication & Public Speaking</li>\n          <li>Time & Stress Management</li>\n        </ul>\n        <a class=\"btn btn-secondary me-4 px-4\" href=\"https://scholarships2u.activehosted.com/f/77\" target=\"_blank\">Learn More</a>\n      </div>\n      <div class=\"col-12 col-md-6\">\n        <div class=\"row m-0 pt-5\">\n          <div class=\"col-6\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/whale+room+01.jpeg\" alt=\"Whale Room\" class=\"w-100\">\n          </div>\n          <div class=\"col-6\">\n            <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/whale+room+02.jpeg\" alt=\"Whale Room\" class=\"w-100\">\n          </div>\n          <div class=\"col-12 text-center pt-2\">\n            <p>Whale Room</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bg-color\">\n    <div class=\"container py-5 my-5\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-7\">\n          <h2 class=\"text-primary mb-4\">\n            4. Hybrid IGCSE Program (by Edumind)\n          </h2>\n          <p>\n            For students seeking a globally recognized qualification at an affordable price, explore our <strong>IGCSE / A-levels / Tuition / Exam Prep Program</strong>. Taught by mostly native English-speaking teachers, this program blends online flexibility with in-person support. Call us or (Learn more at <a href=\"www.edumind.com.my\" target=\"_blank\">www.edumind.com.my</a>)\n          </p>\n          <a class=\"btn btn-secondary me-4 px-4\" href=\"https://scholarships2u.activehosted.com/f/81\" target=\"_blank\">Learn More</a>\n        </div> \n      </div>\n    </div>\n  </div>\n\n  <div class=\"container pt-5 mt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-7\">\n        <h2 class=\"text-primary mb-4\">\n          5. School Holiday Camps (Enquire now)\n        </h2>\n        <p>\n          Sitting around bored or playing computer/mobile games throughout your holidays? Why not GET out and about, this is the opportune time to increase your skills! \n        </p>\n        <p>\n          We offer exciting school holiday camps designed to enhance students’ learning in a fun and engaging environment. These camps focus on language immersion, leadership skills, teamwork, and creative problem-solving through interactive activities and real-world projects. Ideal for students looking to boost their confidence while making new friends!\n        </p>\n        <a class=\"btn btn-secondary me-4 px-4\" href=\"https://scholarships2u.activehosted.com/f/83\" target=\"_blank\">Learn More</a>\n      </div>\n    </div>\n  </div>\n  <br><br><br>\n  <WhyUs />\n  <ContactUs />\n</template>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 1.8em; }\nh3 { font-size: 1.5em; }\n\n.bg-color {\n  background-color: #F4F3F9;\n}\n\nul.style-type-none {\n  list-style-type: none;\n}\n</style>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nimport WhyUs from '../components/WhyUs.vue';\nexport default {\n  components: { ContactUs, WhyUs }\n}\n</script>","<template>\n  <div id=\"cta\">\n    <div class=\"container text-center\">\n      <h4 class=\"text-secondary\">NEED HELP WITH ENGLISH</h4>\n      <p class=\"text-primary\">We are here for you.</p>\n\n      <router-link class=\"btn btn-secondary me-4 px-4 my-4\" to=\"/contact\">Contact Us</router-link>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n#cta {\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/call-to-action.png\");\n  background-size: 1800px;\n  background-position: left bottom -150px;\n  background-repeat: no-repeat;\n  padding: 5em 0;\n  min-height: 350px;\n}\n\n#cta h4 { \n  font-size: 1.5em;\n  font-family: \"Red Hat Display\", sans-serif;\n}\n#cta p { \n  font-size: 2.5em;\n  font-family: \"DM Serif Display\", serif;\n}\n.btn {\n  font-family: \"Red Hat Display\", sans-serif;\n  font-weight: bold;\n}\n</style>","import { render } from \"./ContactUs.vue?vue&type=template&id=7c73ad87&scoped=true\"\nconst script = {}\n\nimport \"./ContactUs.vue?vue&type=style&index=0&id=7c73ad87&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7c73ad87\"]])\n\nexport default __exports__","import { render } from \"./AllPrograms.vue?vue&type=template&id=346932aa&scoped=true\"\nimport script from \"./AllPrograms.vue?vue&type=script&lang=js\"\nexport * from \"./AllPrograms.vue?vue&type=script&lang=js\"\n\nimport \"./AllPrograms.vue?vue&type=style&index=0&id=346932aa&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-346932aa\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>English Classes<br>for all ages</h1>\n    </div>\n  </div>\n\n  <div class=\"container pt-5 mt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-7\">\n        <h2 class=\"text-primary mb-4\">\n          When it comes to studying how to learn English we take great care in our language courses to make sure our students are placed in the class that's right for them.\n        </h2>\n    \n        <p>\n          In fact, this is so important to us that we offer <strong>free placement tests</strong> before registration – only after having carefully assessed an individual’s level of English, can we advise on the right choice of class and course for their ability and age.\n        </p>\n    \n        <p>\n          And with 15 levels to choose from, we’re confident we can place every student in the English class that’s right for them.\n        </p>\n    \n        <p>\n          So, whether:\n        </p>\n    \n        <ul class=\"pb-4\">\n          <li>You’re a young learner, a student or a young adult looking for the best way to learn English.</li>\n          <li>You are at a local, international or home school.</li>\n          <li>You want an internationally-recognised exam or you want to learn without the pressure of tests.</li>\n          <li>You want to obtain the right certificates to help gain entry to an overseas university.</li>\n          <li>You want to do better at school.</li>\n          <li>You’re a working adult who wants to brush up on your English speaking language skills and grammar.</li>\n        </ul>\n\n        <div class=\"pb-5\">\n          <a href=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/files/English+Matters+2025+Term+Dates.pdf\" target=\"_blank\" class=\"btn btn-secondary px-4 py-2 fw-bold me-5\">2025 Term Dates</a>\n          <a href=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/files/2025+Fee+Structure+%26+Timetable.pdf\" target=\"_blank\" class=\"btn btn-secondary px-4 py-2 fw-bold\">Fee Structure</a>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-6\">\n        <div class=\"section-container p-5\">\n          <h2 class=\"section-title text-secondary\">5-11</h2>\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/classes+5+to+11.webp\" \n                alt=\"Classes for 5 to 11 years old\" class=\"w-100 shadow\">\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6 bg-color p-5\">\n        <h3 class=\"text-primary\">\n          Choosing topics that will appeal to young learners, we build up their confidence and their skills in all areas of the language.\n        </h3>\n        <p class=\"fw-bold\">\n          We have 5 different levels for kids learning English from ages 5-11, based not just on the student’s age but also their level of English and their own particular needs.\n        </p>\n\n        <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/english-class-for-5-11-years-old-kids/\">\n          Learn More\n        </router-link>\n      </div>\n    </div>\n\n    <div class=\"row flex-row-reverse m-0\">\n      <div class=\"col-12 col-md-6\">\n        <div class=\"section-container p-5\">\n          <h2 class=\"section-title text-secondary\">12-19</h2>\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/classes+12+to+19.webp\" \n                alt=\"Classes for 12 to 19 years old\" class=\"w-100 shadow\">\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6 bg-color p-5\">\n        <h3 class=\"text-primary\">\n          The English grammar becomes increasingly advanced, with the higher levels aiming for natural fluency.\n        </h3>\n        <p class=\"fw-bold\">\n          We have 7 levels for students aged 12-19, with each level focusing in greater depth on the key skills of writing, speaking, reading and listening.\n        </p>\n        <p>\n          3 external exam classes, focusing on the internationally-recognised FCE, CAE and CPE English exams.\n        </p>\n\n        <p>\n          For more information on our approach to exams, <router-link to=\"/english-classes/cambridge-english-exams-in-petaling-jaya/\">click HERE</router-link>.\n        </p>\n\n        <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/english-class-for-12-19-years-old-kids/\">\n          Learn More\n        </router-link>\n      </div>\n    </div>\n    \n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-6\">\n        <div class=\"section-container p-5\">\n          <h2 class=\"section-title text-secondary\">Adults</h2>\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/classes+adult.webp\" \n                alt=\"Classes for Adults\" class=\"w-100 shadow\">\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6 bg-color p-5\">\n        <h3 class=\"text-primary\">\n          We recognise that adult learners, especially those who work, have so many demands on their time that it can sometimes be hard to commit to regular classes.\n        </h3>\n        <p class=\"fw-bold\">\n          For this reason, here at English Matters we offer you a unique opportunity to learn at your own pace and in accordance with your own particular needs.\n        </p>\n        <p>\n          You can choose one (or more) of 2 different options:\n        </p>\n        <ul>\n          <li>\n            Private one-on-one lessons, completely tailored to each individual student’s needs – anything from elementary pronunciation or conversation classes to advanced business writing. We can also generally provide these individual sessions at a time and day of your choosing. We have the most affordable rates for a package of 12 lessons at RM165 per private class. Terms & Conditions apply.\n          </li>\n          <li>\n            Class sessions for groups of 4 or more students. So if you and your friends or work colleagues want to come together to improve your English, then get in touch with us for more information.\n          </li>\n        </ul>\n\n        <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/english-class-for-adults/\">\n          Learn More\n        </router-link>\n      </div>\n    </div>\n  </div>\n\n  <div id=\"creativeClass\" class=\"bg-color py-5 mt-5\">\n    <div class=\"container\">\n      <h3 class=\"text-center text-secondary\">Creative Writing</h3>\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-6 px-5\">\n          <p class=\"fw-bold text-primary\">For ages 5-17 years old</p>\n          <p>At English Matters, our Creative Writing class is designed for students aged 5-17, with three tailored levels: Beginner, Junior, and Intermediate.</p>\n          <p>If your child has a passion for writing or shows creative potential, this course offers the perfect environment to nurture their skills. Through engaging lessons, students will explore a variety of writing styles, allowing them to express themselves while developing critical creative thinking abilities. Whether they’re just starting or building on their writing talents, this class provides a fun and inspiring journey into the world of storytelling and expression.</p>\n\n          <router-link class=\"btn btn-primary px-4 py-2 my-4\" to=\"/english-classes/school-holidays-english-class/\">\n            Learn More\n          </router-link>\n        </div>\n        <div class=\"col-12 col-md-6\">\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/classes+creative+writing.webp\" \n                alt=\"Classes for Creative Writing\" class=\"w-100 shadow\">\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <ContactUs />\n</template>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 1.8em; }\nh3 { font-size: 1.5em; }\n\n.section-container {\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/chat-bubble-4.png\");\n  background-position: left 0 top 100px;\n  background-repeat: no-repeat;\n  text-align: center;\n  margin-bottom: 3em;\n}\n.section-title {\n  font-size: 7em;\n  text-align: left;\n  padding-left: 0.2em;\n}\n.section-container img {\n  max-width: 375px;\n  height: auto;\n  margin: auto;\n}\n.bg-color {\n  background-color: #F4F3F9;\n}\n\n#creativeClass h3 {\n  font-size: 7em;\n}\n\n#creativeClass img {\n  max-width: 450px;\n  margin: auto;\n}\n</style>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nexport default {\n  components: { ContactUs }\n}\n</script>","import { render } from \"./EnglishClasses.vue?vue&type=template&id=98e3917e&scoped=true\"\nimport script from \"./EnglishClasses.vue?vue&type=script&lang=js\"\nexport * from \"./EnglishClasses.vue?vue&type=script&lang=js\"\n\nimport \"./EnglishClasses.vue?vue&type=style&index=0&id=98e3917e&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-98e3917e\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>Cambridge<br>English Exams</h1>\n    </div>\n  </div>\n\n  <div class=\"container my-5\">\n    <div class=\"row flex-row-reverse m-0\">\n      <div class=\"col-12 col-md-6\">\n        <div id=\"exam\" class=\"mx-auto py-md-5 mt-md-5 mb-5\">\n          <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/cambridge-exams-ielts.webp\" alt=\"Cambridge English Exams\" width=\"400px\" class=\"w-100\">\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6\">\n        <h2 class=\"text-primary\">\n          Approach To English Exams and Learning\n        </h2>\n\n        <p>\n          We have a 100% pass rate for the Cambridge English exams – FCE, CAE & CPE.   \n        </p>\n\n        <p>\n          These exams are internationally recognised and accepted by thousands of schools, universities and employers worldwide.\n        </p>\n\n        <p>\n          However, we recognise that Malaysian children already have a lot of school exams to worry about – and so the main focus of our English language classes, especially with our younger learners, is not on external exams but to promote fluency and accuracy in all areas of the English language.\n        </p>\n\n        <p>\n          As our students progress, they will be able to apply their English language skills to all areas of their lives, including their school work and, later, their further studies and in their chosen professions.\n        </p>\n\n        <p>\n          For us, learning English is more than just exams and grades. It’s about having the confidence to communicate and access a lifetime of enriching experiences and opportunities. Our qualifications are designed specifically for school-aged students, giving them regular milestones to keep them motivated.\n        </p>\n      </div>\n    </div>\n  </div>\n\n  <ContactUs />\n</template>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nexport default {\n  components: { ContactUs }\n}\n</script>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n#exam { max-width: 400px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 3em; }\n</style>","import { render } from \"./CambridgeExams.vue?vue&type=template&id=66a95daa&scoped=true\"\nimport script from \"./CambridgeExams.vue?vue&type=script&lang=js\"\nexport * from \"./CambridgeExams.vue?vue&type=script&lang=js\"\n\nimport \"./CambridgeExams.vue?vue&type=style&index=0&id=66a95daa&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-66a95daa\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>English Classes<br>5-11 years old</h1>\n    </div>\n  </div>\n\n  <div class=\"container pt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-4 col-lg-3\">\n        <h2 class=\"text-primary mb-4\">Course structure</h2>\n      </div>\n      <div class=\"col-12 col-md-8 col-lg-9\">\n        <p>\n          We have 5 different levels for kids learning English from ages 5-11, based not just on the student’s age but also their level of English and their own particular needs.\n        </p>\n\n        <p>\n          Choosing topics that will appeal to young learners, we build up their confidence and their skills in all areas of the language.\n        </p>\n\n        <p>\n          Creative Writing Classes – a wonderful English writing course that gives our junior students the chance to express themselves as they take their first steps towards creative thinking.\n        </p>\n\n        <div id=\"classPhotos\" class=\"row m-0\">\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+1.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+2.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+3.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+4.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+5.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+6.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+7.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_5_to_11/Classes+5+to+11+-+8.webp\" alt=\"English Class for 5 to 11 Years Old\" class=\"w-100 rounded\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bg-color py-5 mt-5\">\n    <div class=\"container\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-4 col-lg-3\">\n          <h2 class=\"text-primary mb-4\">Fee structure</h2>\n        </div>\n        <div class=\"col-12 col-md-8 col-lg-9\">\n          <ul>\n            <li><strong>RM100</strong> proficiency assessment & placement test.</li>\n            <li><strong>RM200</strong> registration & administration fee (one off).</li>\n            <li><strong>RM790 per term</strong>. 1 term comprises 10 lessons, and these lessons are once a week for 2 hours. There are 4 terms in the year, and if you join part of the way through a term, we will happily pro-rate your fees.</li>\n            <li>The cost of the coursebook (to last the year) depends on the student’s level. </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <ContactUs />\n</template>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 3em; }\n\n.bg-color {\n  background-color: #F4F3F9;\n}\n\n#classPhotos img {\n  max-width: 225px;\n  height: auto;\n  object-fit: cover; \n  aspect-ratio: 1 / 1;\n  margin-bottom: 20px;\n}\n\nli {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n</style>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nexport default {\n  components: { ContactUs }\n}\n</script>","import { render } from \"./EnglishClassesForPrimary.vue?vue&type=template&id=4cd49d30&scoped=true\"\nimport script from \"./EnglishClassesForPrimary.vue?vue&type=script&lang=js\"\nexport * from \"./EnglishClassesForPrimary.vue?vue&type=script&lang=js\"\n\nimport \"./EnglishClassesForPrimary.vue?vue&type=style&index=0&id=4cd49d30&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4cd49d30\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>English Classes<br>12-19 years old</h1>\n    </div>\n  </div>\n\n  <div class=\"container pt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-4 col-lg-3\">\n        <h2 class=\"text-primary mb-4\">Course structure</h2>\n      </div>\n      <div class=\"col-12 col-md-8 col-lg-9\">\n        <p>\n          We have 7 levels for students aged 12-19, with each level focusing in greater depth on the key skills of writing, speaking, reading and listening.\n        </p>\n\n        <ul>\n          <li>The English grammar becomes increasingly advanced, with the higher levels aiming for natural fluency.</li>\n          <li>3 external exam classes, focusing on the internationally-recognised FCE, CAE and CPE English exams. For more information, learn \n            <router-link to=\"/english-classes/cambridge-english-exams-in-petaling-jaya/\">\n              how to approach the Cambridge English Exams\n            </router-link>\n          </li>\n          <li>Specialist Writing Classes – new in 2016, but already hugely popular, these unique classes give students a real chance to improve their English writing skills – whether for the love of writing, or for school/college, or preferably both.</li>\n        </ul>\n\n        <div id=\"classPhotos\" class=\"row m-0\">\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+1.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+2.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+3.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+4.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+5.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+6.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+7.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_12_to_19/Classes+12+to+19+-+8.webp\" alt=\"English Class for 12 to 19 Years Old\" class=\"w-100 rounded\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bg-color py-5 mt-5\">\n    <div class=\"container\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-4 col-lg-3\">\n          <h2 class=\"text-primary mb-4\">Fee structure</h2>\n        </div>\n        <div class=\"col-12 col-md-8 col-lg-9\">\n          <ul>\n            <li><strong>RM100</strong> proficiency assessment & placement test.</li>\n            <li><strong>RM200</strong> registration & administration fee (one off).</li>\n            <li><strong>RM790 per term</strong>. 1 term comprises 10 lessons, and these lessons are once a week for 2 hours.  There are 4 terms in the year, and if you join part of the way through a term, we will happily pro-rate your fees.</li>\n            <li>The cost of the coursebook (to last the year) depends on the student’s level.</li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <ContactUs />\n</template>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 3em; }\n\n.bg-color {\n  background-color: #F4F3F9;\n}\n\n#classPhotos img {\n  max-width: 225px;\n  height: auto;\n  object-fit: cover; \n  aspect-ratio: 1 / 1;\n  margin-bottom: 20px;\n}\n\nli {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n</style>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nexport default {\n  components: { ContactUs }\n}\n</script>","import { render } from \"./EnglishClassesForSecondary.vue?vue&type=template&id=ed4ff0ac&scoped=true\"\nimport script from \"./EnglishClassesForSecondary.vue?vue&type=script&lang=js\"\nexport * from \"./EnglishClassesForSecondary.vue?vue&type=script&lang=js\"\n\nimport \"./EnglishClassesForSecondary.vue?vue&type=style&index=0&id=ed4ff0ac&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ed4ff0ac\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>English Classes<br>Adults</h1>\n    </div>\n  </div>\n\n  <div class=\"container pt-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-4 col-lg-3\">\n        <h2 class=\"text-primary mb-4\">Course structure</h2>\n      </div>\n      <div class=\"col-12 col-md-8 col-lg-9\">\n        <p>We recognise that adult learners, especially those who work, have so many demands on their time that it can sometimes be hard to commit to regular classes.</p>\n\n        <p>For this reason, here at English Matters we offer you a unique opportunity to learn at your own pace and in accordance with your own particular needs.</p>\n\n        <p>You can choose one (or more) of 2 different options:</p>\n\n        <ul>\n          <li>Private <strong>one-on-one lessons</strong>, completely tailored to each individual student’s needs – anything from elementary pronunciation or conversation classes to advanced business writing. We can also generally provide these individual sessions at a time and day of your choosing. We have the most affordable rates for a package of 12 lessons at RM165 per private class. Terms & Conditions apply.</li>\n          <li>Class sessions for <strong>groups of 4 or more students</strong>. So if you and your friends or work colleagues want to come together to improve your English, then get in touch with us for more information.</li>\n        </ul>\n\n        <p>\n          Please \n          <router-link to=\"/contact\">contact us</router-link>\n          for our latest rates customized to your specific requirements.\n        </p>\n\n        <div id=\"classPhotos\" class=\"row m-0 mt-5\">\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_adult/Classes+Adults-1.webp\" alt=\"English Class for Adults\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_adult/Classes+Adults-2.webp\" alt=\"English Class for Adults\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_adult/Classes+Adults-3.webp\" alt=\"English Class for Adults\" class=\"w-100 rounded\"></div>\n          <div class=\"col-6 col-sm-4 col-lg-3\"><img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_adult/Classes+Adults-4.webp\" alt=\"English Class for Adults\" class=\"w-100 rounded\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bg-color py-5 mt-5\">\n    <div class=\"container\">\n      <div class=\"row m-0\">\n        <div class=\"col-12 col-md-3 col-lg-3\">\n          <h2 class=\"text-primary mb-4\">Corporate Solutions</h2>\n        </div>\n        <div class=\"col-12 col-md-7 col-lg-7\">\n          <ul>\n            <li>English Matters is HRDCorp (formerly HRDF) certified.</li>\n            <li>We are experienced corporate trainers, and look to provide that unique personal touch for our corporate clients just as much as for our individual students. With particular expertise in <strong>Business Writing Courses</strong> and <strong>Communication Skills</strong> classes, we can tailor our courses to your company’s needs.</li>\n            <li>Please <router-link to=\"/contact\">contact us</router-link> now to find out how we can help you and your business.</li>\n          </ul>\n        </div>\n        <div class=\"col-12 col-md-2 col-lg-2 text-center text-md-end\">\n          <img id=\"hrdfLogo\" src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/class_adult/hrdcorp-trainer.webp\" alt=\"Classes are HRDF Claimable\" class=\"w-100\">\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <ContactUs />\n</template>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 3em; }\n\n.bg-color {\n  background-color: #F4F3F9;\n}\n\n#classPhotos img {\n  max-width: 225px;\n  height: auto;\n  object-fit: cover; \n  aspect-ratio: 1 / 1;\n  margin-bottom: 20px;\n}\n\nli {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n#hrdfLogo {\n  max-width: 200px;\n}\n</style>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nexport default {\n  components: { ContactUs }\n}\n</script>","import { render } from \"./EnglishClassesForAdults.vue?vue&type=template&id=6d494d06&scoped=true\"\nimport script from \"./EnglishClassesForAdults.vue?vue&type=script&lang=js\"\nexport * from \"./EnglishClassesForAdults.vue?vue&type=script&lang=js\"\n\nimport \"./EnglishClassesForAdults.vue?vue&type=style&index=0&id=6d494d06&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6d494d06\"]])\n\nexport default __exports__","<template>\n  <div id=\"jumbotron\">\n    <div class=\"container\">\n      <h1>Creative Writing Class<br>  for Ages 5 to 17</h1>\n    </div>\n  </div>\n\n  <div class=\"container pt-5\">\n    <h2 class=\"text-primary\">Write Your Own Adventure with Our Creative Writing Class!</h2>\n    <div class=\"yt-container\">\n      <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/nw3kjL0QrWw?si=LennlpPcc1efLPk4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>\n    </div>\n  </div>\n\n  <div class=\"container py-5\">\n    <div class=\"row m-0\">\n      <div class=\"col-12 col-md-6 text-center\">\n        <img src=\"https://english-matters.s3.ap-southeast-1.amazonaws.com/photos/Classes+Creative+Writing.webp\"\n            alt=\"Creative Writing Class\" class=\"w-100\">\n      </div>\n      <div id=\"description\" class=\"col-12 col-md-6\">\n        <p>Great English doesn’t mean great writing skills!</p>\n  \n        <p>Did you know only 1 in 3 kids enjoy writing? As they grow, this number drops even more—especially with AI on the rise. 🧠✨</p>\n  \n        <p>At English Matters in Petaling Jaya, we’re not just about language skills; we’re about nurturing the next generation of writers, poets, and storytellers. If your child dreams of becoming a journalist, producer, social media influencer, content creator or author, our Creative Writing classes are where they need to be. </p>\n  \n        <p>Don’t let their creativity fade. Let’s inspire the writer within!</p>\n      </div>\n    </div>\n  </div>\n  <ContactUs />\n</template>\n\n<style scoped>\n#jumbotron {\n  background-color: #2e1aaf;\n  background-image: url(\"https://english-matters.s3.ap-southeast-1.amazonaws.com/assets/celebration.png\");\n  background-size: cover;\n  background-position: right bottom -200px;\n  background-repeat: no-repeat;\n  padding-top: 20vh;\n  color: white;\n  height: 55vh;\n}\n\n.container { max-width: 1100px; }\n\nh1 { font-size: 3.5em; }\nh2 { font-size: 3em; max-width: 900px; margin: auto; }\n\n.yt-container {\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; /* 16:9 aspect ratio (height = width * 9/16) */\n}\n\n.yt-container iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\nimg {\n  max-width: 450px;\n  margin: auto;\n  text-align: center;\n}\n\n#description {\n  font-size: 1.4em;\n}\n</style>\n\n<script>\nimport ContactUs from '../components/ContactUs.vue';\nexport default {\n  components: { ContactUs }\n}\n</script>","import { render } from \"./EnglishClassesForCreativeWriting.vue?vue&type=template&id=26f9bc9d&scoped=true\"\nimport script from \"./EnglishClassesForCreativeWriting.vue?vue&type=script&lang=js\"\nexport * from \"./EnglishClassesForCreativeWriting.vue?vue&type=script&lang=js\"\n\nimport \"./EnglishClassesForCreativeWriting.vue?vue&type=style&index=0&id=26f9bc9d&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-26f9bc9d\"]])\n\nexport default __exports__","import { createRouter, createWebHistory } from \"vue-router\";\nimport HomePage from \"./views/HomePage.vue\";\nimport AboutUs from \"./views/AboutUs.vue\";\nimport WhyUs from \"./views/WhyUs.vue\";\nimport ContactUs from \"./views/ContactUs.vue\";\nimport AllPrograms from \"./views/AllPrograms.vue\";\nimport EnglishClasses from \"./views/EnglishClasses.vue\";\nimport CambridgeExams from \"./views/CambridgeExams.vue\";\nimport EnglishClassesForPrimary from \"./views/EnglishClassesForPrimary.vue\";\nimport EnglishClassesForSecondary from \"./views/EnglishClassesForSecondary.vue\";\nimport EnglishClassesForAdults from \"./views/EnglishClassesForAdults.vue\";\nimport EnglishClassesForCreativeWriting from \"./views/EnglishClassesForCreativeWriting.vue\";\n\nconst routes = [\n  { path: \"/\", component: HomePage },\n  { path: \"/about-english-matters\", component: AboutUs },\n  { path: \"/why-us\", component: WhyUs },\n  { path: \"/contact\", component: ContactUs },\n  { path: \"/our-programs\", component: AllPrograms },\n  { path: \"/english-classes\", component: EnglishClasses },\n  { path: \"/english-classes/cambridge-english-exams-in-petaling-jaya/\", component: CambridgeExams },\n  { path: \"/english-classes/english-class-for-5-11-years-old-kids/\", component: EnglishClassesForPrimary },\n  { path: \"/english-classes/english-class-for-12-19-years-old-kids/\", component: EnglishClassesForSecondary },\n  { path: \"/english-classes/english-class-for-adults/\", component: EnglishClassesForAdults },\n  { path: \"/english-classes/school-holidays-english-class/\", component: EnglishClassesForCreativeWriting },\n];\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes,\n  scrollBehavior(to, from, savedPosition) {\n    if (savedPosition) {\n      return savedPosition; // If the user is going back, retain scroll position\n    } else {\n      return { top: 0 }; // Scroll to the top for new navigations\n    }\n  },\n});\n\nexport default router;","import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport { createHead } from '@vueuse/head';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport \"bootstrap-icons/font/bootstrap-icons.css\";\nimport './assets/styles.css';\n\nconst app = createApp(App);\nconst head = createHead();\n\napp.use(router);\napp.use(head);\napp.mount('#app');","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkenglish_matters\"] = self[\"webpackChunkenglish_matters\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(2258); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["style","_createElementBlock","_createVNode","_component_Navbar","_createElementVNode","_hoisted_1","_component_router_view","_component_Footer","isScrolled","ref","handleScroll","value","window","scrollY","innerHeight","onMounted","addEventListener","onUnmounted","removeEventListener","closeNavbar","navbar","document","getElementById","innerWidth","bsCollapse","Collapse","getInstance","toggle","__exports__","class","_Fragment","_hoisted_2","_hoisted_3","_component_router_link","to","default","_withCtx","_cache","_createTextVNode","_","_createStaticVNode","id","href","target","src","alt","script","components","Navbar","Footer","setup","useHead","title","meta","name","content","media","property","link","rel","type","render","_hoisted_4","__default__","WhyUs","data","slides","carouselConfig","itemsToShow","wrapAround","autoplay","snapAlign","height","gap","breakpoints","_component_WhyUs","width","allowfullscreen","loading","referrerpolicy","mounted","this","loadActiveCampaignForm","methods","existingScript","querySelector","remove","existingForm","createElement","charset","async","body","appendChild","observer","MutationObserver","formContent","container","contains","disconnect","observe","childList","subtree","_component_ContactUs","ContactUs","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","frameborder","allow","routes","path","component","HomePage","AboutUs","AllPrograms","EnglishClasses","CambridgeExams","EnglishClassesForPrimary","EnglishClassesForSecondary","EnglishClassesForAdults","EnglishClassesForCreativeWriting","router","createRouter","history","createWebHistory","scrollBehavior","from","savedPosition","top","app","createApp","App","head","createHead","use","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","get","g","globalThis","Function","e","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""}