{"version":3,"file":"js/app.d22d92c0.js","mappings":"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","sources":["webpack://camlds/./src/App.vue","webpack://camlds/./src/App.vue?7ccd","webpack://camlds/./src/registerServiceWorker.ts","webpack://camlds/./src/components/IconComp/HeroIconsComp/ProgrammingIconComp.vue","webpack://camlds/./src/components/IconComp/HeroIconsComp/BadgeIconComp.vue","webpack://camlds/./src/components/IconComp/HeroIconsComp/BadgeIconComp.vue?196a","webpack://camlds/./src/components/IconComp/LevelBarIconComp.vue?8905","webpack://camlds/./src/components/IconComp/LevelBarIconComp.vue","webpack://camlds/./src/services/axios/axiosConfig.ts","webpack://camlds/./src/services/api/courseApi.ts","webpack://camlds/./src/services/api/blogApi.ts","webpack://camlds/./src/services/api/formApi.ts","webpack://camlds/./src/views/HomeView/CoursesSection.vue?022c","webpack://camlds/./src/views/HomeView/CoursesSection.vue","webpack://camlds/./src/views/HomeView/CoursesSection.vue?2312","webpack://camlds/./src/components/IconComp/StrategyIconComp/SparkIconComp.vue","webpack://camlds/./src/components/IconComp/StrategyIconComp/SparkIconComp.vue?50ea","webpack://camlds/./src/components/IconComp/StrategyIconComp/TickIconComp.vue","webpack://camlds/./src/components/IconComp/StrategyIconComp/TickIconComp.vue?e846","webpack://camlds/./src/components/IconComp/StrategyIconComp/LoopIconComp.vue","webpack://camlds/./src/components/IconComp/StrategyIconComp/LoopIconComp.vue?8c5e","webpack://camlds/./src/components/IconComp/StrategyIconComp/SmallCircleIconComp.vue","webpack://camlds/./src/components/IconComp/StrategyIconComp/SmallCircleIconComp.vue?572f","webpack://camlds/./src/components/IconComp/StrategyIconComp/TrophyIconComp.vue","webpack://camlds/./src/components/IconComp/StrategyIconComp/TrophyIconComp.vue?9756","webpack://camlds/./src/components/IconComp/StrategyIconComp/Badge2IconComp.vue","webpack://camlds/./src/components/IconComp/StrategyIconComp/Badge2IconComp.vue?1fad","webpack://camlds/./src/views/HomeView/StrategySection.vue?527e","webpack://camlds/./src/views/HomeView/StrategySection.vue","webpack://camlds/./src/views/HomeView/StrategySection.vue?149c","webpack://camlds/./src/components/IconComp/ProfileAvatarIconComp.vue","webpack://camlds/./src/components/IconComp/ProfileAvatarIconComp.vue?fce6","webpack://camlds/./src/components/IconComp/MLIconComp.vue","webpack://camlds/./src/components/IconComp/MLIconComp.vue?e25d","webpack://camlds/./src/components/IconComp/DSIconComp.vue","webpack://camlds/./src/components/IconComp/DSIconComp.vue?d4b7","webpack://camlds/./src/components/IconComp/NLPIconComp.vue","webpack://camlds/./src/components/IconComp/NLPIconComp.vue?2e72","webpack://camlds/./src/components/IconComp/CVIconComp.vue","webpack://camlds/./src/components/IconComp/CVIconComp.vue?56b8","webpack://camlds/./src/views/HomeView/BottomContent.vue?1d4e","webpack://camlds/./src/views/HomeView/BottomContent.vue","webpack://camlds/./src/views/HomeView/BottomContent.vue?379c","webpack://camlds/./src/components/ModalComp/AdsModal.vue","webpack://camlds/./src/components/ModalComp/AdsModal.vue?22c0","webpack://camlds/./src/views/HomeView/TestimonialSection.vue?3455","webpack://camlds/./src/views/HomeView/TestimonialSection.vue","webpack://camlds/./src/views/HomeView/TestimonialSection.vue?f0f1","webpack://camlds/./src/views/HomeView/GallerySection.vue","webpack://camlds/./src/views/HomeView/GallerySection.vue?618e","webpack://camlds/./src/components/ModalComp/CustomiseCourse.vue","webpack://camlds/./src/components/ModalComp/CustomiseCourse.vue?734a","webpack://camlds/./src/views/HomeView/HomeView.vue?887f","webpack://camlds/./src/views/HomeView/HomeView.vue","webpack://camlds/./src/views/HomeView/HomeView.vue?2ef5","webpack://camlds/./src/views/BecomeAnInstructorView/BecomeAnInstructor.vue?4d4c","webpack://camlds/./src/views/BecomeAnInstructorView/BecomeAnInstructor.vue","webpack://camlds/./src/views/BecomeAnInstructorView/BecomeAnInstructor.vue?9ca6","webpack://camlds/./src/views/CourseDetailView/CourseDetail.vue?2342","webpack://camlds/./src/views/CourseDetailView/CourseDetail.vue","webpack://camlds/./src/views/CourseDetailView/CourseDetail.vue?804d","webpack://camlds/./src/views/CourseView/Course.vue?e773","webpack://camlds/./src/views/CourseView/Course.vue","webpack://camlds/./src/views/CourseView/Course.vue?15e7","webpack://camlds/./src/views/EnrollNow/EnrollNow.vue?8f54","webpack://camlds/./src/views/EnrollNow/EnrollNow.vue","webpack://camlds/./src/views/EnrollNow/EnrollNow.vue?5981","webpack://camlds/./src/components/IconComp/ClapIconComp.vue","webpack://camlds/./src/components/IconComp/ClapIconComp.vue?97d4","webpack://camlds/./src/views/BlogView/BlogView.vue?9474","webpack://camlds/./src/views/BlogView/BlogView.vue","webpack://camlds/./src/views/BlogView/BlogView.vue?1ee7","webpack://camlds/./src/components/IconComp/SpeakOutIconComp.vue?d60c","webpack://camlds/./src/components/IconComp/SpeakOutIconComp.vue","webpack://camlds/./src/components/IconComp/ArrowUpIconComp.vue","webpack://camlds/./src/components/IconComp/ArrowUpIconComp.vue?2a88","webpack://camlds/./src/components/IconComp/ArrowRightIconComp.vue","webpack://camlds/./src/components/IconComp/ArrowRightIconComp.vue?6c7d","webpack://camlds/./src/components/IconComp/CloseIconComp2.vue","webpack://camlds/./src/components/IconComp/CloseIconComp2.vue?98d5","webpack://camlds/./src/components/ShareButton.vue","webpack://camlds/./src/components/ShareButton.vue?a5b6","webpack://camlds/./src/views/BlogView/SingleBlogPost.vue?8d72","webpack://camlds/./src/views/BlogView/SingleBlogPost.vue","webpack://camlds/./src/views/BlogView/SingleBlogPost.vue?c0f6","webpack://camlds/./src/views/ContactView/ContactView.vue?6c48","webpack://camlds/./src/views/ContactView/ContactView.vue","webpack://camlds/./src/views/ContactView/ContactView.vue?7639","webpack://camlds/./src/components/ModalComp/CampusRegForm.vue?8965","webpack://camlds/./src/components/ModalComp/CampusRegForm.vue","webpack://camlds/./src/components/ModalComp/CampusRegForm.vue?a94b","webpack://camlds/./src/views/CampusNetwork/CampusNetworkView.vue?9627","webpack://camlds/./src/views/CampusNetwork/CampusNetworkView.vue","webpack://camlds/./src/views/CampusNetwork/CampusNetworkView.vue?941e","webpack://camlds/./src/components/IconComp/InfoIconComp.vue","webpack://camlds/./src/components/IconComp/InfoIconComp.vue?bf68","webpack://camlds/./src/components/IconComp/AddIconComp.vue","webpack://camlds/./src/components/IconComp/AddIconComp.vue?3777","webpack://camlds/./src/components/IconComp/TimeIconComp.vue","webpack://camlds/./src/components/IconComp/TimeIconComp.vue?9679","webpack://camlds/./src/components/IconComp/ListIconComp.vue","webpack://camlds/./src/components/IconComp/ListIconComp.vue?4b73","webpack://camlds/./src/components/ModalComp/InfoModal.vue","webpack://camlds/./src/components/ModalComp/InfoModal.vue?485a","webpack://camlds/./src/components/IconComp/TimesIconComp.vue","webpack://camlds/./src/components/IconComp/TimesIconComp.vue?8df4","webpack://camlds/./src/views/MiniCourseDetail/MIniCourseDetail.vue?a3bf","webpack://camlds/./src/views/MiniCourseDetail/MIniCourseDetail.vue","webpack://camlds/./src/views/MiniCourseDetail/MIniCourseDetail.vue?8d88","webpack://camlds/./src/router/index.ts","webpack://camlds/./src/main.ts","webpack://camlds/./src/components/ModalComp/Contact.vue?9a51","webpack://camlds/./src/components/ModalComp/Contact.vue","webpack://camlds/./src/components/ModalComp/Contact.vue?9703","webpack://camlds/./src/components/ModalComp/LiveCode.vue","webpack://camlds/./src/components/ModalComp/LiveCode.vue?6113","webpack://camlds/./src/views/HomeView/FooterSection.vue?a782","webpack://camlds/./src/views/HomeView/FooterSection.vue","webpack://camlds/./src/views/HomeView/FooterSection.vue?d1ab","webpack://camlds/./src/views/HomeView/Navbar.vue?e2e1","webpack://camlds/./src/views/HomeView/Navbar.vue","webpack://camlds/./src/views/HomeView/Navbar.vue?40f9","webpack://camlds/webpack/bootstrap","webpack://camlds/webpack/runtime/chunk loaded","webpack://camlds/webpack/runtime/compat get default export","webpack://camlds/webpack/runtime/define property getters","webpack://camlds/webpack/runtime/ensure chunk","webpack://camlds/webpack/runtime/get javascript chunk filename","webpack://camlds/webpack/runtime/get mini-css chunk filename","webpack://camlds/webpack/runtime/global","webpack://camlds/webpack/runtime/hasOwnProperty shorthand","webpack://camlds/webpack/runtime/load script","webpack://camlds/webpack/runtime/make namespace object","webpack://camlds/webpack/runtime/publicPath","webpack://camlds/webpack/runtime/css loading","webpack://camlds/webpack/runtime/jsonp chunk loading","webpack://camlds/webpack/startup"],"sourcesContent":["\n<template>\n  <router-view />\n</template>\n\n<script setup lang=\"ts\">\n\n\n</script>\n\n<style>\n</style>\n","import { render } from \"./App.vue?vue&type=template&id=9c50eb6c\"\nconst script = {}\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","/* eslint-disable no-console */\n\nimport { register } from 'register-service-worker'\n\nif (process.env.NODE_ENV === 'production') {\n  register(`${process.env.BASE_URL}service-worker.js`, {\n    ready () {\n      console.log(\n        'App is being served from cache by a service worker.\\n' +\n        'For more details, visit https://goo.gl/AFskqB'\n      )\n    },\n    registered () {\n      console.log('Service worker has been registered.')\n    },\n    cached () {\n      console.log('Content has been cached for offline use.')\n    },\n    updatefound () {\n      console.log('New content is downloading.')\n    },\n    updated () {\n      console.log('New content is available; please refresh.')\n    },\n    offline () {\n      console.log('No internet connection found. App is running in offline mode.')\n    },\n    error (error) {\n      console.error('Error during service worker registration:', error)\n    }\n  })\n}\n","import { render } from \"./ProgrammingIconComp.vue?vue&type=template&id=42dd3296\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <img src=\"../../../assets/Badge.png\" />\n</template>","import { render } from \"./BadgeIconComp.vue?vue&type=template&id=3dd6b179\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"me-1 mt-n1\",\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"3\",\n  y: \"8\",\n  width: \"2\",\n  height: \"6\",\n  rx: \"1\",\n  fill: \"#754FFE\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"7\",\n  y: \"5\",\n  width: \"2\",\n  height: \"9\",\n  rx: \"1\",\n  fill: \"#DBD8E9\"\n}, null, -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"11\",\n  y: \"2\",\n  width: \"2\",\n  height: \"12\",\n  rx: \"1\",\n  fill: \"#DBD8E9\"\n}, null, -1)\nconst _hoisted_5 = [\n  _hoisted_2,\n  _hoisted_3,\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"me-1 mt-n1\",\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"3\",\n  y: \"8\",\n  width: \"2\",\n  height: \"6\",\n  rx: \"1\",\n  fill: \"#754FFE\"\n}, null, -1)\nconst _hoisted_8 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"7\",\n  y: \"5\",\n  width: \"2\",\n  height: \"9\",\n  rx: \"1\",\n  fill: \"#754FFE\"\n}, null, -1)\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"11\",\n  y: \"2\",\n  width: \"2\",\n  height: \"12\",\n  rx: \"1\",\n  fill: \"#DBD8E9\"\n}, null, -1)\nconst _hoisted_10 = [\n  _hoisted_7,\n  _hoisted_8,\n  _hoisted_9\n]\nconst _hoisted_11 = {\n  key: 2,\n  class: \"me-1 mt-n1\",\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_12 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"3\",\n  y: \"8\",\n  width: \"2\",\n  height: \"6\",\n  rx: \"1\",\n  fill: \"#754FFE\"\n}, null, -1)\nconst _hoisted_13 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"7\",\n  y: \"5\",\n  width: \"2\",\n  height: \"9\",\n  rx: \"1\",\n  fill: \"#754FFE\"\n}, null, -1)\nconst _hoisted_14 = /*#__PURE__*/_createElementVNode(\"rect\", {\n  x: \"11\",\n  y: \"2\",\n  width: \"2\",\n  height: \"12\",\n  rx: \"1\",\n  fill: \"#754FFE\"\n}, null, -1)\nconst _hoisted_15 = [\n  _hoisted_12,\n  _hoisted_13,\n  _hoisted_14\n]\n\ninterface IconProps {\n  type: \"Beginner\" | \"Intermediate\" | \"Advanced\";\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'LevelBarIconComp',\n  props: {\n    type: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    (_ctx.type =='Beginner')\n      ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_5))\n      : _createCommentVNode(\"\", true),\n    (_ctx.type == 'Intermediate')\n      ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_6, _hoisted_10))\n      : _createCommentVNode(\"\", true),\n    (_ctx.type == 'Advanced')\n      ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_11, _hoisted_15))\n      : _createCommentVNode(\"\", true)\n  ], 64))\n}\n}\n\n})","import script from \"./LevelBarIconComp.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./LevelBarIconComp.vue?vue&type=script&lang=ts&setup=true\"\n\nconst __exports__ = script;\n\nexport default __exports__","import axios from \"axios\";\n\nconst integrationToken = `Bearer ${process.env.VUE_APP_INTERGRATION_TOKEN}`;\n\n// Create an Axios instance\nconst axiosInstance = axios.create({\n  baseURL: process.env.VUE_APP_Base_url,\n  timeout: 10000,\n  headers: {\n    \"Content-Type\": \"application/json\",\n  },\n});\n\naxiosInstance.interceptors.request.use(\n  (config) => {\n    // Add the integration token to the Authorization header\n    config.headers[\"Integration-Token\"] =\n      process.env.VUE_APP_INTERGRATION_TOKEN;\n    return config;\n  },\n  (error) => {\n    return Promise.reject(error);\n  }\n);\n\naxiosInstance.interceptors.response.use(\n  (response) => {\n    \n    return response.data;\n  },\n  (error) => {\n    // Any status codes that falls outside the range of 2xx cause this function to trigger\n    // Do something with response error\n    return Promise.reject(error);\n  }\n);\n\nexport default axiosInstance;\n","import { AxiosResponse } from \"axios\";\nimport { axios$ } from \"..\";\n\ninterface MicroCourses {\n  title: string;\n  description: string;\n  image: string;\n  duration: string;\n  amount: string;\n  id: string;\n  hours: string;\n}\n\ninterface Course {\n  id: string;\n  category: string[];\n  image: string;\n  title: string;\n  duration: string;\n  level: string;\n  projects: string;\n  rating: string;\n}\n\ninterface CourseBig {\n  title: string;\n  image: string;\n  description: string;\n  overview: string;\n  amount: string;\n  whoCanEnroll: string[];\n  benefits: string[];\n  durationAndFormat: {\n    duration: string;\n    format: string;\n  };\n  toolsCovered: string[];\n}\n\nexport async function allCategories() {\n  try {\n    const response = await axios$.get(`/categories/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n\nexport async function allCourses() {\n  try {\n    const response: AxiosResponse<Course[]> = await axios$.get(`/courses/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n\n// Get all Micro Courses \nexport async function allMicroCourses() {\n  try {\n    const response: AxiosResponse<MicroCourses[]> = await axios$.get(`/micro-courses/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n\nexport async function singleCourse(id: string) {\n  try {\n    const response:AxiosResponse<CourseBig[]> = await axios$.get(`/courses/${id}/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n// Get single micro  course \nexport async function singleMicroCourse(id: string) {\n  try {\n    const response:AxiosResponse<any[]> = await axios$.get(`/micro-courses/${id}/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}","import { axios$ } from \"..\";\n\nexport async function getBlogPosts() {\n  try {\n    const response = await axios$.get(`/blog/posts/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n\nexport async function getPost(post_id: string) {\n    try {\n      const response = await axios$.get(`/blog/posts/${post_id}/`);\n      return response;\n    } catch (error) {\n      throw error;\n    }\n  }\n\nexport async function clap(post_id: string) {\n    try {\n      const response = await axios$.post(`/blog/clap/${post_id}/`);\n      return response;\n    } catch (error) {\n      throw error;\n    }\n  }\n\n\n\n","import { AxiosResponse } from \"axios\";\nimport { axios$ } from \"..\";\n\ninterface Course {\n  id: string;\n  category: string[];\n  image: string;\n  title: string;\n  duration: string;\n  level: string;\n  projects: string;\n  rating: string;\n}\n\n\n\n\nexport async function contactUs(data: {\n    fname: string; \n    lname: string;\n    email: string; \n    phone_number: string; \n    message: string;\n  }) {\n  try {\n    const response = await axios$.post(`contact-us/`,data);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n\nexport async function enrollNow(data:any) {\n  try {\n    const response: AxiosResponse<Course[]> = await axios$.post(`enroll-now/ `,data);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\n\nexport async function customizeTraining(data: any) {\n  try {\n    const response = await axios$.post(`/customize-training/`, data);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}\nexport async function coursePreferences() {\n  try {\n    const response = await axios$.get(`/course-preferences/`);\n    return response;\n  } catch (error) {\n    throw error;\n  }\n}","import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createVNode as _createVNode, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, withCtx as _withCtx, createStaticVNode as _createStaticVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-026ffdb6\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = {\n  id: \"courses\",\n  class: \"bg-[#faf9ff] py-28\"\n}\nconst _hoisted_2 = { class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto lg:px-0 px-4\" }\nconst _hoisted_3 = { class: \"title text-black text-center\" }\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"hr\", { class: \"w-1/2 mx-auto\" }, null, -1))\nconst _hoisted_5 = { class: \"mt-8 h-full py-3\" }\nconst _hoisted_6 = [\"href\"]\nconst _hoisted_7 = [\"src\", \"alt\"]\nconst _hoisted_8 = { class: \"mt-4 px-3\" }\nconst _hoisted_9 = { class: \"text-sm font-semibold h-[60px] text-left\" }\nconst _hoisted_10 = { class: \"flex justify-start gap-4 items-center\" }\nconst _hoisted_11 = { class: \"text-gray-500 mt-2\" }\nconst _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", {\n  class: \"pi pi-clock\",\n  style: {\"font-size\":\"0.75rem\"}\n}, null, -1))\nconst _hoisted_13 = { class: \"text-gray-500 mt-2 flex justify-start items-center\" }\nconst _hoisted_14 = { class: \"text-gray-500 mt-2 text-left\" }\nconst _hoisted_15 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", {\n  class: \"pi pi-briefcase\",\n  style: {\"font-size\":\"0.75rem\"}\n}, null, -1))\nconst _hoisted_16 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"p\", { class: \"text-primary-orange mt-2 text-left\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-star-fill\",\n    style: {\"font-size\":\"0.75rem\"}\n  }),\n  /*#__PURE__*/_createTextVNode(),\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-star-fill\",\n    style: {\"font-size\":\"0.75rem\"}\n  }),\n  /*#__PURE__*/_createTextVNode(),\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-star-fill\",\n    style: {\"font-size\":\"0.75rem\"}\n  }),\n  /*#__PURE__*/_createTextVNode(),\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-star-fill\",\n    style: {\"font-size\":\"0.75rem\"}\n  }),\n  /*#__PURE__*/_createTextVNode(),\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-star-half-fill\",\n    style: {\"font-size\":\"0.75rem\"}\n  })\n], -1))\nconst _hoisted_17 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"hr\", null, null, -1))\nconst _hoisted_18 = [\"href\"]\nconst _hoisted_19 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex justify-start items-center gap-2 py-2 px-4 w-fit my-3 bg-[#EDEAFF] text-purple-950 font-bold text-sm rounded-md\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"\" }, \"View Details\"),\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-arrow-right\",\n    style: {\"font-size\":\"0.5rem\"}\n  })\n], -1))\nconst _hoisted_20 = [\n  _hoisted_19\n]\nconst _hoisted_21 = /*#__PURE__*/_createStaticVNode(\"<a href=\\\"/course\\\" class=\\\"w-[271px] h-[56px] mx-auto flex justify-center gap-6 items-center mt-10 rounded-[99px] bg-primary-border text-white hover:scale-105\\\" data-v-026ffdb6><div data-v-026ffdb6>See more course</div><svg width=\\\"19\\\" height=\\\"18\\\" viewBox=\\\"0 0 19 18\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" data-v-026ffdb6><g clip-path=\\\"url(#clip0_979_4666)\\\" data-v-026ffdb6><rect opacity=\\\"0.6\\\" x=\\\"2.75\\\" y=\\\"2.25\\\" width=\\\"13.5\\\" height=\\\"13.5\\\" rx=\\\"1.5\\\" stroke=\\\"#74DCFF\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></rect><rect opacity=\\\"0.6\\\" x=\\\"2\\\" y=\\\"1.5\\\" width=\\\"15\\\" height=\\\"15\\\" rx=\\\"7.5\\\" stroke=\\\"#A5A5A5\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></rect><rect opacity=\\\"0.6\\\" x=\\\"5.75\\\" y=\\\"5.25\\\" width=\\\"7.5\\\" height=\\\"7.5\\\" rx=\\\"3.75\\\" stroke=\\\"#A5A5A5\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></rect><rect opacity=\\\"0.6\\\" x=\\\"2\\\" y=\\\"3\\\" width=\\\"15\\\" height=\\\"12\\\" rx=\\\"1.5\\\" stroke=\\\"#FFA800\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></rect><rect opacity=\\\"0.6\\\" x=\\\"3.5\\\" y=\\\"16.5\\\" width=\\\"15\\\" height=\\\"12\\\" rx=\\\"1.5\\\" transform=\\\"rotate(-90 3.5 16.5)\\\" stroke=\\\"#F79DFF\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></rect><path opacity=\\\"0.6\\\" d=\\\"M18.5 0L0.5 18\\\" stroke=\\\"#A5A5A5\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></path><path opacity=\\\"0.6\\\" d=\\\"M0.5 0L18.5 18\\\" stroke=\\\"#A5A5A5\\\" stroke-width=\\\"0.03\\\" data-v-026ffdb6></path><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M11.436 -0.264273C11.0763 -0.683322 10.445 -0.731396 10.0259 -0.371651C9.60686 -0.0119053 9.55878 0.619432 9.91853 1.03848L15.4685 7.50338H1.3871C0.834812 7.50338 0.387097 7.9511 0.387097 8.50338C0.387097 9.05567 0.834812 9.50338 1.3871 9.50338H15.4689L9.91853 15.9687C9.55878 16.3877 9.60686 17.0191 10.0259 17.3788C10.445 17.7386 11.0763 17.6905 11.436 17.2714L18.4039 9.15496C18.7255 8.78028 18.7255 8.22689 18.4039 7.85221L11.436 -0.264273Z\\\" fill=\\\"white\\\" data-v-026ffdb6></path></g><defs data-v-026ffdb6><clipPath id=\\\"clip0_979_4666\\\" data-v-026ffdb6><rect x=\\\"0.5\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"white\\\" data-v-026ffdb6></rect></clipPath></defs></svg></a>\", 1)\n\nimport { onMounted, ref, watch } from 'vue';\nimport LevelBarIconComp from '../../components/IconComp/LevelBarIconComp.vue';\nimport VueTypewriterEffect from \"vue-typewriter-effect\";\nimport Carousel from 'primevue/carousel';\nimport { CourseApi } from '@/services';\n\ninterface Course {\n  id: string;\n  category: string[];\n  image: string;\n  title: string;\n  duration: string;\n  level: string;\n  projects: string;\n  rating: string;\n}\n\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'CoursesSection',\n  setup(__props) {\n\nconst courses =ref<Course[]>([]);\n\nonMounted(async () => {\n  try {\n    const response:any = await CourseApi.allCourses(); // Replace with your API endpoint\n    courses.value =  response\n    console.log('object', courses.value);\n    // Update courses data with fetched data\n  } catch (error) {\n    console.error('Error fetching courses:', error);\n    // Handle error gracefully, e.g., show an error message\n  }\n});\n\nconst numVisible = ref(4);\nconst interval = ref(3000);\n\nonMounted(() => {\n  updateNumVisible();\n});\n\n// Update numVisible based on screen size\nconst updateNumVisible = () => {\n  if (window.innerWidth < 468) {\n    numVisible.value = 1;\n  } else if (window.innerWidth >= 768 && window.innerWidth < 1023) {\n    numVisible.value = 2;\n  } else {\n    numVisible.value = 4;\n  }\n};\nupdateNumVisible();\n// Watch for window resize and update numVisible\nwatch(() => window.innerWidth, updateNumVisible);\nupdateNumVisible();\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"section\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"div\", _hoisted_3, [\n        _createTextVNode(\" Individual \"),\n        _createVNode(_unref(VueTypewriterEffect), {\n          strings: ['Programmes','Courses'],\n          class: \"text-primary-purple\"\n        })\n      ]),\n      _hoisted_4,\n      _createElementVNode(\"div\", _hoisted_5, [\n        _createVNode(_unref(Carousel), {\n          value: courses.value,\n          numVisible: numVisible.value,\n          numScroll: 1,\n          autoplayInterval: interval.value,\n          onMouseenter: _cache[0] || (_cache[0] = ($event: any) => (interval.value = 15000)),\n          onMouseleave: _cache[1] || (_cache[1] = ($event: any) => (interval.value = 3000))\n        }, {\n          item: _withCtx((slotProps) => [\n            _createElementVNode(\"a\", {\n              href: `/course/${slotProps.data.id}`,\n              class: \"course-item block\"\n            }, [\n              _createElementVNode(\"img\", {\n                src: slotProps.data.image,\n                alt: slotProps.data.title,\n                class: \"w-full h-48 rounded-t-lg object-cover\"\n              }, null, 8, _hoisted_7),\n              _createElementVNode(\"div\", _hoisted_8, [\n                _createElementVNode(\"h3\", _hoisted_9, _toDisplayString(slotProps.data.title), 1),\n                _createElementVNode(\"div\", _hoisted_10, [\n                  _createElementVNode(\"p\", _hoisted_11, [\n                    _hoisted_12,\n                    _createTextVNode(\" \" + _toDisplayString(slotProps.data.duration), 1)\n                  ]),\n                  _createElementVNode(\"p\", _hoisted_13, [\n                    _createVNode(LevelBarIconComp, {\n                      type: slotProps.data.level\n                    }, null, 8, [\"type\"]),\n                    _createTextVNode(\" \" + _toDisplayString(slotProps.data.level), 1)\n                  ])\n                ]),\n                _createElementVNode(\"p\", _hoisted_14, [\n                  _hoisted_15,\n                  _createTextVNode(\" \" + _toDisplayString(slotProps.data.projects) + \" Projects\", 1)\n                ]),\n                _hoisted_16,\n                _hoisted_17,\n                _createElementVNode(\"a\", {\n                  href: `/course/${slotProps.data.id}`,\n                  class: \"flex items-center justify-end\"\n                }, _hoisted_20, 8, _hoisted_18)\n              ])\n            ], 8, _hoisted_6)\n          ]),\n          _: 1\n        }, 8, [\"value\", \"numVisible\", \"autoplayInterval\"])\n      ]),\n      _hoisted_21\n    ])\n  ]))\n}\n}\n\n})","<template>\n  <section id=\"courses\" class=\"bg-[#faf9ff] py-28\">\n    <div class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto lg:px-0 px-4\">\n      <div class=\"title text-black text-center\">\n        Individual\n        <vue-typewriter-effect\n          :strings=\"['Programmes','Courses']\"\n          class=\"text-primary-purple\"\n        />\n      </div>\n\n      <hr class=\"w-1/2 mx-auto\" />\n\n      <!-- =============+++++++++++++++++++++++++++++++++++++++++++++============================================ -->\n      <div class=\"mt-8 h-full py-3\">\n        <Carousel :value=\"courses\" :numVisible=\"numVisible\" :numScroll=\"1\" :autoplayInterval=\"interval\" @mouseenter=\"interval = 15000\" @mouseleave=\"interval = 3000\">\n          <template #item=\"slotProps\">\n            <a :href=\"`/course/${slotProps.data.id}`\" class=\"course-item block\">\n              <img :src=\"slotProps.data.image\" :alt=\"slotProps.data.title\" class=\"w-full h-48 rounded-t-lg object-cover\" />\n              <div class=\"mt-4 px-3\">\n                <h3 class=\"text-sm font-semibold h-[60px]  text-left  \">{{ slotProps.data.title }}</h3>\n                <div class=\"flex justify-start gap-4 items-center\">\n                  <p class=\"text-gray-500 mt-2\"><i class=\"pi pi-clock\" style=\"font-size:0.75rem\"></i> {{ slotProps.data.duration }}</p>\n                  <p class=\"text-gray-500 mt-2 flex justify-start items-center\"> <LevelBarIconComp :type='slotProps.data.level' /> {{ slotProps.data.level }}</p>\n                </div>\n                <p class=\"text-gray-500 mt-2 text-left\"><i class=\"pi pi-briefcase\" style=\"font-size: 0.75rem\"></i> {{ slotProps.data.projects }} Projects</p>\n                <p class=\"text-primary-orange mt-2 text-left \"><i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i> <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i> <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i> <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i> <i class=\"pi pi-star-half-fill\" style=\"font-size: 0.75rem\"></i> </p>\n                <hr />\n                <a :href=\"`/course/${slotProps.data.id}`\" class=\"flex items-center justify-end\">\n                  <div class=\"flex justify-start items-center gap-2 py-2 px-4 w-fit my-3  bg-[#EDEAFF] text-purple-950 font-bold text-sm rounded-md\">\n                    <div class=\"\">View Details</div>\n                    <i class=\"pi pi-arrow-right\" style=\"font-size: 0.5rem\"></i>\n                  </div>\n                </a>\n              </div>\n            </a>\n          </template>\n        </Carousel>\n      </div>\n\n\n      <a href=\"/course\" class=\"w-[271px]  h-[56px] mx-auto flex justify-center gap-6 items-center mt-10 rounded-[99px] bg-primary-border text-white hover:scale-105\">\n        <div>See more course</div>\n        <svg width=\"19\" height=\"18\" viewBox=\"0 0 19 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g clip-path=\"url(#clip0_979_4666)\">\n          <rect opacity=\"0.6\" x=\"2.75\" y=\"2.25\" width=\"13.5\" height=\"13.5\" rx=\"1.5\" stroke=\"#74DCFF\" stroke-width=\"0.03\"/>\n          <rect opacity=\"0.6\" x=\"2\" y=\"1.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#A5A5A5\" stroke-width=\"0.03\"/>\n          <rect opacity=\"0.6\" x=\"5.75\" y=\"5.25\" width=\"7.5\" height=\"7.5\" rx=\"3.75\" stroke=\"#A5A5A5\" stroke-width=\"0.03\"/>\n          <rect opacity=\"0.6\" x=\"2\" y=\"3\" width=\"15\" height=\"12\" rx=\"1.5\" stroke=\"#FFA800\" stroke-width=\"0.03\"/>\n          <rect opacity=\"0.6\" x=\"3.5\" y=\"16.5\" width=\"15\" height=\"12\" rx=\"1.5\" transform=\"rotate(-90 3.5 16.5)\" stroke=\"#F79DFF\" stroke-width=\"0.03\"/>\n          <path opacity=\"0.6\" d=\"M18.5 0L0.5 18\" stroke=\"#A5A5A5\" stroke-width=\"0.03\"/>\n          <path opacity=\"0.6\" d=\"M0.5 0L18.5 18\" stroke=\"#A5A5A5\" stroke-width=\"0.03\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.436 -0.264273C11.0763 -0.683322 10.445 -0.731396 10.0259 -0.371651C9.60686 -0.0119053 9.55878 0.619432 9.91853 1.03848L15.4685 7.50338H1.3871C0.834812 7.50338 0.387097 7.9511 0.387097 8.50338C0.387097 9.05567 0.834812 9.50338 1.3871 9.50338H15.4689L9.91853 15.9687C9.55878 16.3877 9.60686 17.0191 10.0259 17.3788C10.445 17.7386 11.0763 17.6905 11.436 17.2714L18.4039 9.15496C18.7255 8.78028 18.7255 8.22689 18.4039 7.85221L11.436 -0.264273Z\" fill=\"white\"/>\n          </g>\n          <defs>\n          <clipPath id=\"clip0_979_4666\">\n          <rect x=\"0.5\" width=\"18\" height=\"18\" fill=\"white\"/>\n          </clipPath>\n          </defs>\n          </svg>\n          \n        </a>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, ref, watch } from 'vue';\nimport LevelBarIconComp from '../../components/IconComp/LevelBarIconComp.vue';\nimport VueTypewriterEffect from \"vue-typewriter-effect\";\nimport Carousel from 'primevue/carousel';\nimport { CourseApi } from '@/services';\n\ninterface Course {\n  id: string;\n  category: string[];\n  image: string;\n  title: string;\n  duration: string;\n  level: string;\n  projects: string;\n  rating: string;\n}\n\n\nconst courses =ref<Course[]>([]);\n\nonMounted(async () => {\n  try {\n    const response:any = await CourseApi.allCourses(); // Replace with your API endpoint\n    courses.value =  response\n    console.log('object', courses.value);\n    // Update courses data with fetched data\n  } catch (error) {\n    console.error('Error fetching courses:', error);\n    // Handle error gracefully, e.g., show an error message\n  }\n});\n\nconst numVisible = ref(4);\nconst interval = ref(3000);\n\nonMounted(() => {\n  updateNumVisible();\n});\n\n// Update numVisible based on screen size\nconst updateNumVisible = () => {\n  if (window.innerWidth < 468) {\n    numVisible.value = 1;\n  } else if (window.innerWidth >= 768 && window.innerWidth < 1023) {\n    numVisible.value = 2;\n  } else {\n    numVisible.value = 4;\n  }\n};\nupdateNumVisible();\n// Watch for window resize and update numVisible\nwatch(() => window.innerWidth, updateNumVisible);\nupdateNumVisible();\n\n</script>\n\n<style scoped>\n.course-item {\n  margin: 10px;\n  background: white;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  transition: transform 0.3s ease-in-out;\n  padding: 0 2px 3px 0;\n  width: 284px;\n}\n.course-item:hover {\n  transform: scale(1.05);\n}\n\n@media (max-width: 767px) {\n   .course-item {\n    width: 294px;\n    margin: 4px;\n  }\n  .p-carousel .p-carousel-viewport .p-carousel-viewport-content {\n    display: flex !important;\n  }\n  .p-carousel .p-carousel-viewport .p-carousel-viewport-content .p-carousel-item {\n    flex: 0 0 100% !important;\n    max-width: 100% !important;\n  }\n \n}\n</style>\n","import script from \"./CoursesSection.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./CoursesSection.vue?vue&type=script&lang=ts&setup=true\"\n\nimport \"./CoursesSection.vue?vue&type=style&index=0&id=026ffdb6&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-026ffdb6\"]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M17.9105 10.7199H14.8205V3.5199C14.8205 1.8399 13.9105 1.4999 12.8005 2.7599L12.0005 3.6699L5.2305 11.3699C4.3005 12.4199 4.6905 13.2799 6.0905 13.2799H9.1805V20.4799C9.1805 22.1599 10.0905 22.4999 11.2005 21.2399L12.0005 20.3299L18.7705 12.6299C19.7005 11.5799 19.3105 10.7199 17.9105 10.7199Z\"\n      fill=\"#743DAA\"\n    />\n  </svg>\n</template>\n","import { render } from \"./SparkIconComp.vue?vue&type=template&id=6c42bd60\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"25\"\n    height=\"24\"\n    viewBox=\"0 0 25 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M22.0609 10.7401L20.7009 9.16006C20.4409 8.86006 20.2309 8.30006 20.2309 7.90006V6.20006C20.2309 5.14006 19.3609 4.27006 18.3009 4.27006H16.6009C16.2109 4.27006 15.6409 4.06006 15.3409 3.80006L13.7609 2.44006C13.0709 1.85006 11.9409 1.85006 11.2409 2.44006L9.67086 3.81006C9.37086 4.06006 8.80086 4.27006 8.41086 4.27006H6.68086C5.62086 4.27006 4.75086 5.14006 4.75086 6.20006V7.91006C4.75086 8.30006 4.54086 8.86006 4.29086 9.16006L2.94086 10.7501C2.36086 11.4401 2.36086 12.5601 2.94086 13.2501L4.29086 14.8401C4.54086 15.1401 4.75086 15.7001 4.75086 16.0901V17.8001C4.75086 18.8601 5.62086 19.7301 6.68086 19.7301H8.41086C8.80086 19.7301 9.37086 19.9401 9.67086 20.2001L11.2509 21.5601C11.9409 22.1501 13.0709 22.1501 13.7709 21.5601L15.3509 20.2001C15.6509 19.9401 16.2109 19.7301 16.6109 19.7301H18.3109C19.3709 19.7301 20.2409 18.8601 20.2409 17.8001V16.1001C20.2409 15.7101 20.4509 15.1401 20.7109 14.8401L22.0709 13.2601C22.6509 12.5701 22.6509 11.4301 22.0609 10.7401ZM16.6609 10.1101L11.8309 14.9401C11.6909 15.0801 11.5009 15.1601 11.3009 15.1601C11.1009 15.1601 10.9109 15.0801 10.7709 14.9401L8.35086 12.5201C8.06086 12.2301 8.06086 11.7501 8.35086 11.4601C8.64086 11.1701 9.12086 11.1701 9.41086 11.4601L11.3009 13.3501L15.6009 9.05006C15.8909 8.76006 16.3709 8.76006 16.6609 9.05006C16.9509 9.34006 16.9509 9.82006 16.6609 10.1101Z\"\n      fill=\"#743DAA\"\n    />\n  </svg>\n</template>\n","import { render } from \"./TickIconComp.vue?vue&type=template&id=a20521a8\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"24\"\n    height=\"25\"\n    viewBox=\"0 0 24 25\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M20.3591 13.2301C19.9891 13.2301 19.6791 12.9501 19.6391 12.5801C19.3991 10.3801 18.2191 8.40007 16.3991 7.14007C16.0691 6.91007 15.9891 6.46007 16.2191 6.13007C16.4491 5.80007 16.8991 5.72007 17.2291 5.95007C19.3991 7.46007 20.7991 9.82007 21.0891 12.4301C21.1291 12.8301 20.8391 13.1901 20.4391 13.2301C20.4091 13.2301 20.3891 13.2301 20.3591 13.2301Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M3.73931 13.28C3.71931 13.28 3.68931 13.28 3.66931 13.28C3.26931 13.24 2.97931 12.88 3.01931 12.48C3.28931 9.86996 4.66931 7.50996 6.81931 5.98996C7.13931 5.75996 7.59931 5.83996 7.82931 6.15996C8.05931 6.48996 7.97931 6.93996 7.65931 7.16996C5.85931 8.44996 4.68931 10.43 4.46931 12.62C4.42931 13 4.10931 13.28 3.73931 13.28Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M15.9906 21.6001C14.7606 22.1901 13.4406 22.4901 12.0606 22.4901C10.6206 22.4901 9.25059 22.1701 7.97059 21.5201C7.61059 21.3501 7.47059 20.9101 7.65059 20.5501C7.82059 20.1901 8.26059 20.0501 8.62059 20.2201C9.25059 20.5401 9.92059 20.7601 10.6006 20.8901C11.5206 21.0701 12.4606 21.0801 13.3806 20.9201C14.0606 20.8001 14.7306 20.5901 15.3506 20.2901C15.7206 20.1201 16.1606 20.2601 16.3206 20.6301C16.5006 20.9901 16.3606 21.4301 15.9906 21.6001Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M12.0505 2.51001C10.5005 2.51001 9.23047 3.77001 9.23047 5.33001C9.23047 6.89001 10.4905 8.15001 12.0505 8.15001C13.6105 8.15001 14.8705 6.89001 14.8705 5.33001C14.8705 3.77001 13.6105 2.51001 12.0505 2.51001Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M5.05047 14.3701C3.50047 14.3701 2.23047 15.6301 2.23047 17.1901C2.23047 18.7501 3.49047 20.0101 5.05047 20.0101C6.61047 20.0101 7.87047 18.7501 7.87047 17.1901C7.87047 15.6301 6.60047 14.3701 5.05047 14.3701Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M18.9509 14.3701C17.4009 14.3701 16.1309 15.6301 16.1309 17.1901C16.1309 18.7501 17.3909 20.0101 18.9509 20.0101C20.5109 20.0101 21.7709 18.7501 21.7709 17.1901C21.7709 15.6301 20.5109 14.3701 18.9509 14.3701Z\"\n      fill=\"#743DAA\"\n    />\n  </svg>\n</template>\n","import { render } from \"./LoopIconComp.vue?vue&type=template&id=0d7162c8\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 18C16.4183 18 20 14.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 14.4183 7.58172 18 12 18Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M18 22.75H6C5.59 22.75 5.25 22.41 5.25 22C5.25 21.59 5.59 21.25 6 21.25H18C18.41 21.25 18.75 21.59 18.75 22C18.75 22.41 18.41 22.75 18 22.75Z\"\n      fill=\"#743DAA\"\n    />\n  </svg>\n</template>\n","import { render } from \"./SmallCircleIconComp.vue?vue&type=template&id=43d39102\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"24\"\n    height=\"25\"\n    viewBox=\"0 0 24 25\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.25 18.75H9C7.9 18.75 7 19.65 7 20.75V21H6C5.59 21 5.25 21.34 5.25 21.75C5.25 22.16 5.59 22.5 6 22.5H18C18.41 22.5 18.75 22.16 18.75 21.75C18.75 21.34 18.41 21 18 21H17V20.75C17 19.65 16.1 18.75 15 18.75H12.75V16.46C12.5 16.49 12.25 16.5 12 16.5C11.75 16.5 11.5 16.49 11.25 16.46V18.75Z\"\n      fill=\"#743DAA\"\n    />\n    <path\n      d=\"M18.4793 12.14C19.1393 11.89 19.7193 11.48 20.1793 11.02C21.1093 9.99 21.7193 8.76 21.7193 7.32C21.7193 5.88 20.5893 4.75 19.1493 4.75H18.5893C17.9393 3.42 16.5793 2.5 14.9993 2.5H8.9993C7.4193 2.5 6.0593 3.42 5.4093 4.75H4.8493C3.4093 4.75 2.2793 5.88 2.2793 7.32C2.2793 8.76 2.8893 9.99 3.8193 11.02C4.2793 11.48 4.8593 11.89 5.5193 12.14C6.5593 14.7 9.0593 16.5 11.9993 16.5C14.9393 16.5 17.4393 14.7 18.4793 12.14ZM14.8393 8.95L14.2193 9.71C14.1193 9.82 14.0493 10.04 14.0593 10.19L14.1193 11.17C14.1593 11.77 13.7293 12.08 13.1693 11.86L12.2593 11.5C12.1193 11.45 11.8793 11.45 11.7393 11.5L10.8293 11.86C10.2693 12.08 9.8393 11.77 9.8793 11.17L9.9393 10.19C9.9493 10.04 9.8793 9.82 9.7793 9.71L9.1593 8.95C8.7693 8.49 8.9393 7.98 9.5193 7.83L10.4693 7.59C10.6193 7.55 10.7993 7.41 10.8793 7.28L11.4093 6.46C11.7393 5.95 12.2593 5.95 12.5893 6.46L13.1193 7.28C13.1993 7.41 13.3793 7.55 13.5293 7.59L14.4793 7.83C15.0593 7.98 15.2293 8.49 14.8393 8.95Z\"\n      fill=\"#743DAA\"\n    />\n  </svg>\n</template>\n","import { render } from \"./TrophyIconComp.vue?vue&type=template&id=1894aac1\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"73\"\n    height=\"72\"\n    viewBox=\"0 0 73 72\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M64.2488 55.4103L59.2988 56.5803C58.1888 56.8503 57.3188 57.6903 57.0788 58.8003L56.0288 63.2103C55.4588 65.6103 52.3988 66.3603 50.8088 64.4703L41.8388 54.1503C41.1188 53.3103 41.5088 51.9903 42.5888 51.7203C47.8988 50.4303 52.6688 47.4603 56.1788 43.2303C56.7488 42.5403 57.7688 42.4503 58.3988 43.0803L65.0588 49.7403C67.3388 52.0203 66.5288 54.8703 64.2488 55.4103Z\"\n      fill=\"#581699\"\n    />\n    <path\n      d=\"M8.59756 55.4103L13.5476 56.5803C14.6576 56.8503 15.5276 57.6903 15.7676 58.8003L16.8176 63.2103C17.3876 65.6103 20.4476 66.3603 22.0376 64.4703L31.0076 54.1503C31.7276 53.3103 31.3376 51.9903 30.2576 51.7203C24.9476 50.4303 20.1776 47.4603 16.6676 43.2303C16.0976 42.5403 15.0776 42.4503 14.4476 43.0803L7.78756 49.7403C5.50756 52.0203 6.31756 54.8703 8.59756 55.4103Z\"\n      fill=\"#581699\"\n    />\n    <path\n      d=\"M36.4961 5.99951C24.8861 5.99951 15.4961 15.3895 15.4961 26.9995C15.4961 31.3495 16.7861 35.3395 19.0061 38.6695C22.2461 43.4695 27.3761 46.8595 33.3461 47.7295C34.3661 47.9095 35.4161 47.9995 36.4961 47.9995C37.5761 47.9995 38.6261 47.9095 39.6461 47.7295C45.6161 46.8595 50.7461 43.4695 53.9861 38.6695C56.2061 35.3395 57.4961 31.3495 57.4961 26.9995C57.4961 15.3895 48.1061 5.99951 36.4961 5.99951ZM45.6761 26.3395L43.1861 28.8295C42.7661 29.2495 42.5261 30.0595 42.6761 30.6595L43.3961 33.7495C43.9661 36.1795 42.6761 37.1395 40.5161 35.8495L37.5161 34.0795C36.9761 33.7495 36.0761 33.7495 35.5361 34.0795L32.5361 35.8495C30.3761 37.1095 29.0861 36.1795 29.6561 33.7495L30.3761 30.6595C30.4961 30.0895 30.2861 29.2495 29.8661 28.8295L27.3161 26.3395C25.8461 24.8695 26.3261 23.3995 28.3661 23.0695L31.5761 22.5295C32.1161 22.4395 32.7461 21.9595 32.9861 21.4795L34.7561 17.9395C35.7161 16.0195 37.2761 16.0195 38.2361 17.9395L40.0061 21.4795C40.2461 21.9595 40.8761 22.4395 41.4461 22.5295L44.6561 23.0695C46.6661 23.3995 47.1461 24.8695 45.6761 26.3395Z\"\n      fill=\"#581699\"\n    />\n  </svg>\n</template>\n","import { render } from \"./Badge2IconComp.vue?vue&type=template&id=4593621c\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createStaticVNode as _createStaticVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../assets/IMG1.png'\nimport _imports_1 from '../../assets/robot.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-64e77f85\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/_createStaticVNode(\"<section id=\\\"about\\\" data-v-64e77f85><div data-aos=\\\"fade-up\\\" class=\\\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto mb-[88px] bg-[#FDF5FF] border border-primary-purple rounded-b-md py-[36px] sm:px-[71px] px-8\\\" data-v-64e77f85><div class=\\\"flex lg:flex-row flex-col-reverse justify-between items-center\\\" data-v-64e77f85><div class=\\\"w-full sm:mt-0 mt-2 text-xl\\\" data-v-64e77f85><div class=\\\"title text-primary-purple mt-[14px] mb-5 font-bold sm:leading-0 leading-[60px]\\\" data-v-64e77f85> Unlock Your Future with CAMLDS </div><div class=\\\"text-[#7F6295] font-[350] content\\\" data-v-64e77f85> CAMLDS in conjunction with industry partnership network (IPN), students have access to and possess a sense of belonging in Applied Machine Learning-Data Science and lifelong learning pathways that extend every industry and across the IT landscape through our well designed fast paced Accelerated Training, Incubation, Internship and Followership program </div></div><div class=\\\"w-full h-full\\\" data-v-64e77f85><img src=\\\"\" + _imports_0 + \"\\\" class=\\\"w-full h-full object-cover\\\" data-v-64e77f85></div></div></div></section>\", 1)\nconst _hoisted_2 = { id: \"about\" }\nconst _hoisted_3 = {\n  \"data-aos\": \"fade-up\",\n  class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full mx-auto mb-[88px] border border-primary-purple rounded-md\"\n}\nconst _hoisted_4 = { class: \"flex lg:flex-row flex-col\" }\nconst _hoisted_5 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"bg-[#F6EDFF] lg:w-1/2 w-full sm:rounded-md rounded-none sm:py-[92px] py-3 sm:px-[40px] px-5\" }, [\n  /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title mb-6 text-[#3B0545]\" }, \"Accelerate Your Career\"),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"content text-[#7F6295] font-[350]\" }, \"Our fast-paced Accelerated Training, Incubation, Internship, and Followership program is designed to launch your career in record time. Here’s what you can expect\")\n], -1))\nconst _hoisted_6 = { class: \"bg-[#743DAA] text-white lg:w-1/2 w-full rounded-none sm:py-[80px] py-8 sm:px-[30px] px-3 flex flex-col gap-8 !font-light\" }\nconst _hoisted_7 = { class: \"flex justify-start items-center gap-6 hover-item\" }\nconst _hoisted_8 = { class: \"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px] rounded-full flex justify-center items-center bg-white bg-circle\" }\nconst _hoisted_9 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full content font-[350]\" }, \"Train with the Best: Intensive training sessions to fast-track your expertise and Certified Expert Instructions.\", -1))\nconst _hoisted_10 = { class: \"flex justify-start items-center gap-6 hover-item\" }\nconst _hoisted_11 = { class: \"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px] rounded-full flex justify-center items-center bg-white bg-circle\" }\nconst _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full content font-[350]\" }, \"Land a high paying job:Feeling stuck in your career? Unlock new opportunities with a CAMLDS course and secure a future you'll be proud of.\", -1))\nconst _hoisted_13 = { class: \"flex justify-start items-center gap-6 hover-item\" }\nconst _hoisted_14 = { class: \"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px] rounded-full flex justify-center items-center bg-white bg-circle\" }\nconst _hoisted_15 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full content font-[350]\" }, \"Real-World Experience: Hands-on internships and incubation opportunities with leading companies.\", -1))\nconst _hoisted_16 = { class: \"flex justify-start items-center gap-6 hover-item\" }\nconst _hoisted_17 = { class: \"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px] rounded-full flex justify-center items-center bg-white bg-circle\" }\nconst _hoisted_18 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full content font-[350]\" }, \"Lifelong Learning: Continuous learning pathways to keep you at the forefront of innovation.\", -1))\nconst _hoisted_19 = { class: \"flex justify-start items-center gap-6 hover-item\" }\nconst _hoisted_20 = { class: \"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px] rounded-full flex justify-center items-center bg-white bg-circle\" }\nconst _hoisted_21 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full content font-[350]\" }, \"Projects: work on projects as you learn and build a professional portfolio with us.\", -1))\nconst _hoisted_22 = { class: \"bg-[#FFF2E1]\" }\nconst _hoisted_23 = { id: \"about\" }\nconst _hoisted_24 = {\n  \"data-aos\": \"fade-up\",\n  class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto mb-[88px] rounded-md sm:py-[36px] px-0 py-3\"\n}\nconst _hoisted_25 = { class: \"flex lg:flex-row flex-col gap-4 justify-between items-start w-full\" }\nconst _hoisted_26 = { class: \"w-full lg:w-1/2 sm:mt-0 mt-1 text-xl pl-0\" }\nconst _hoisted_27 = { class: \"flex items-center gap-4 mb-5\" }\nconst _hoisted_28 = { class: \"h-[86px] w-[86px] rounded-full flex items-center justify-center bg-white\" }\nconst _hoisted_29 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"title text-[#3B0545] font-bold sm:leading-0 leading-[60px] ml-0 pl-0 text-3xl sm:text-4xl\" }, \" Our Vision \", -1))\nconst _hoisted_30 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"avenir text-[#7F6295] font-[400] text-base\\\" data-v-64e77f85><ul class=\\\"mt-3 space-y-5\\\" data-v-64e77f85><li class=\\\"flex justify-start items-start gap-3 ml-0\\\" data-v-64e77f85><i class=\\\"pi pi-check-circle mt-[6px]\\\" style=\\\"font-size:1rem;color:green;\\\" data-v-64e77f85></i><span data-v-64e77f85>Empower Thousands: We&#39;re on a mission to cultivate hundreds of thousands of professionals in tech.</span></li><li class=\\\"flex justify-start items-start gap-3 ml-0\\\" data-v-64e77f85><i class=\\\"pi pi-check-circle mt-[6px]\\\" style=\\\"font-size:1rem;color:green;\\\" data-v-64e77f85></i><span data-v-64e77f85>Global Recognition: Position our students and West Africa as a premier hub for tech.</span></li><li class=\\\"flex justify-start items-start gap-3 ml-0\\\" data-v-64e77f85><i class=\\\"pi pi-check-circle mt-[6px]\\\" style=\\\"font-size:1rem;color:green;\\\" data-v-64e77f85></i><span data-v-64e77f85>Drive Innovation: Train students to professionally tackle Africa&#39;s challenges with cutting-edge solution.</span></li></ul></div>\", 1)\nconst _hoisted_31 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full lg:w-1/2 h-full pr-0\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", {\n    class: \"relative w-full overflow-hidden rounded-md shadow-lg\",\n    style: {\"padding-top\":\"56.25%\"}\n  }, [\n    /*#__PURE__*/_createElementVNode(\"iframe\", {\n      id: \"videoPlayer\",\n      class: \"absolute top-0 left-0 w-full h-full\",\n      src: \"https://www.youtube.com/embed/RZyLthKRc6c?autoplay=0&rel=0&controls=0&showinfo=0&modestbranding=1\",\n      title: \"CAMLDS Video\",\n      frameborder: \"0\",\n      allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n      allowfullscreen: \"\"\n    }),\n    /*#__PURE__*/_createElementVNode(\"div\", {\n      id: \"videoOverlay\",\n      class: \"absolute top-0 left-0 w-full h-full flex items-center justify-center cursor-pointer\",\n      style: {\"background-color\":\"rgba(0,0,0,0.2)\",\"transition\":\"opacity 0.3s ease-in-out\"}\n    }, [\n      /*#__PURE__*/_createElementVNode(\"div\", { class: \"rounded-full bg-white bg-opacity-80 w-16 h-16 flex items-center justify-center\" }, [\n        /*#__PURE__*/_createElementVNode(\"div\", {\n          class: \"w-0 h-0 ml-1 border-t-8 border-b-8 border-l-12 border-transparent border-l-purple-700\",\n          style: {\"border-left-width\":\"12px\"}\n        })\n      ])\n    ])\n  ])\n], -1))\nconst _hoisted_32 = {\n  \"data-aos\": \"fade-up\",\n  class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto mt-[56px] mb-[88px] bg-[#FDF5FF] border border-primary-purple rounded-md py-[36px] sm:px-[71px] px-8\"\n}\nconst _hoisted_33 = { class: \"flex lg:flex-row-reverse flex-col-reverse justify-between items-center\" }\nconst _hoisted_34 = { class: \"w-full sm:mt-0 mt-2 text-xl\" }\nconst _hoisted_35 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"title mt-[14px] mb-5 font-bold sm:leading-0 leading-[60px]\" }, [\n  /*#__PURE__*/_createTextVNode(\" Training \"),\n  /*#__PURE__*/_createElementVNode(\"span\", { class: \"text-primary-orange\" }, \"and\"),\n  /*#__PURE__*/_createTextVNode(\" Learning \"),\n  /*#__PURE__*/_createElementVNode(\"span\", { class: \"bg-primary-orange text-white px-3 py-1 rounded-lg w-fit sm:text-[30px] text-xl\" }, \"Track\")\n], -1))\nconst _hoisted_36 = { class: \"mt-0\" }\nconst _hoisted_37 = { class: \"flex-col flex w-full xl:gap-y-[6px] gap-y-[10px] xl:mt-[24px] sm:mt-[48px] mt-[26px]\" }\nconst _hoisted_38 = { class: \"bg-inherit px-0 sm:px-[15px] xl:px-5\" }\nconst _hoisted_39 = [\"onClick\"]\nconst _hoisted_40 = { class: \"max-w-[80%]\" }\nconst _hoisted_41 = {\n  key: 0,\n  class: \"mt-2 xl:mt-4 text-[#737373] py-3 avenir content transition-all\"\n}\nconst _hoisted_42 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"min-w-[274px] !h-[229px]\" }, [\n  /*#__PURE__*/_createElementVNode(\"img\", {\n    src: _imports_1,\n    class: \"w-full h-full\"\n  })\n], -1))\n\nimport { onMounted, ref, watch } from 'vue';\nimport CoursesSection from './CoursesSection.vue';\nimport { SparkIconComp, TickIconComp,Badge2IconComp, SmallCircleIconComp, TrophyIconComp, LoopIconComp} from '../../components/IconComp/StrategyIconComp'\n\ntype Content = {\n  header: string;\n  content: string;\n};\n\n\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'StrategySection',\n  setup(__props) {\n\nconst handleDropDown = (index: number) => {\n  if (index == currentHeader.value) {\n    currentHeaderOpen.value = !currentHeaderOpen.value;\n  } else {\n    currentHeader.value = index;\n    currentHeaderOpen.value = true;\n  }\n};\n\n\n\nconst currentHeader = ref<number>();\nconst currentHeaderOpen = ref<boolean>(false);\nconst tabs = ref<Content[]>([\n\n  {\n    header: \"In person, online and a combination of both:\",\n    content:\n      \"The AML-DS full-time program begins with two weeks of hands-on online learning, which provides students with the foundational data skills they'll need to excel in the program. Students then participate in on-campus, project-based learning, which emphasizes collaboration and outcome-based skills development.\",\n  },\n  {\n    header: \"Time for individual instruction/help:\",\n    content:\n      \"Students have access to support from the educator team throughout the day and during dedicated work periods. They also have access to a wide variety of additional training resources and materials available at all hours of the day and at intervals through dedicated mentors(Technical/Business). For the AML-DS professional development courses, typically about one-third to one-half of the class is dedicated to challenge work and project time in which students can work directly and individually with the senior AML-DS scientist instructors and/or the AML-DS scientist technical assistance. The mentor also holds weekly online office hours for students who have questions. Also offers a range of career services, including portfolio development, mock interviews with current industry professionals, résumé and job search workshops, and office tours of leading tech companies. The six-step iterative model of education prioritizes hands-on, project-based learning.\",\n  },\n  {\n    header: \"Required student background:\",\n    content:\n      'None, but individual pre-work programs are designed to bring student skills up to speed in advance of the program. No background knowledge is required but students are required to do about 20 hours of \"pre-work\" by the week day of class. Also offers a beginner Foundation Program option that students may take to skip the pre-work. Also to mention that no background knowledge is required for introductory-level courses.',\n  },\n  {\n    header: \"Placement/internship:\",\n    content:\n      \"Once you have gained mastery over the concepts and applications we will prepare you for interviews for the core AML-DS Role through our specially created models of interview preparations questions, we will teach students how to crack different types of questions. Subsequently, Students will have the opportunity to be placed on internship and have access to basic stipend from the 4th month.\",\n  },\n]);\n\n  document.addEventListener('DOMContentLoaded', function() {\n    const overlay = document.getElementById('videoOverlay');\n    const iframe = document.getElementById('videoPlayer');\n\n    // When overlay is clicked, play the video and hide overlay\n    if (overlay) {\n      overlay.addEventListener('click', function() {\n        // Update iframe src to add autoplay\n        if (iframe) {\n          const currentSrc = iframe.src;\n          iframe.src = currentSrc.replace('autoplay=0', 'autoplay=1');\n          // Hide the overlay\n          overlay.style.opacity = '0';\n          // After transition, remove from flow\n          setTimeout(() => {\n            overlay.style.display = 'none';\n          }, 300);\n        }\n      });\n    }\n  });\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _hoisted_1,\n    _createVNode(CoursesSection),\n    _createElementVNode(\"section\", _hoisted_2, [\n      _createElementVNode(\"div\", _hoisted_3, [\n        _createElementVNode(\"div\", _hoisted_4, [\n          _hoisted_5,\n          _createElementVNode(\"div\", _hoisted_6, [\n            _createElementVNode(\"div\", _hoisted_7, [\n              _createElementVNode(\"div\", _hoisted_8, [\n                _createVNode(_unref(SparkIconComp))\n              ]),\n              _hoisted_9\n            ]),\n            _createElementVNode(\"div\", _hoisted_10, [\n              _createElementVNode(\"div\", _hoisted_11, [\n                _createVNode(_unref(SmallCircleIconComp))\n              ]),\n              _hoisted_12\n            ]),\n            _createElementVNode(\"div\", _hoisted_13, [\n              _createElementVNode(\"div\", _hoisted_14, [\n                _createVNode(_unref(TrophyIconComp))\n              ]),\n              _hoisted_15\n            ]),\n            _createElementVNode(\"div\", _hoisted_16, [\n              _createElementVNode(\"div\", _hoisted_17, [\n                _createVNode(_unref(LoopIconComp))\n              ]),\n              _hoisted_18\n            ]),\n            _createElementVNode(\"div\", _hoisted_19, [\n              _createElementVNode(\"div\", _hoisted_20, [\n                _createVNode(_unref(TickIconComp))\n              ]),\n              _hoisted_21\n            ])\n          ])\n        ])\n      ])\n    ]),\n    _createElementVNode(\"div\", _hoisted_22, [\n      _createElementVNode(\"section\", _hoisted_23, [\n        _createElementVNode(\"div\", _hoisted_24, [\n          _createElementVNode(\"div\", _hoisted_25, [\n            _createElementVNode(\"div\", _hoisted_26, [\n              _createElementVNode(\"div\", _hoisted_27, [\n                _createElementVNode(\"div\", _hoisted_28, [\n                  _createVNode(_unref(Badge2IconComp))\n                ]),\n                _hoisted_29\n              ]),\n              _hoisted_30\n            ]),\n            _hoisted_31\n          ])\n        ])\n      ])\n    ]),\n    _createElementVNode(\"section\", null, [\n      _createElementVNode(\"div\", _hoisted_32, [\n        _createElementVNode(\"div\", _hoisted_33, [\n          _createElementVNode(\"div\", _hoisted_34, [\n            _hoisted_35,\n            _createElementVNode(\"div\", _hoisted_36, [\n              _createElementVNode(\"div\", _hoisted_37, [\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(tabs.value, (item, i) => {\n                  return (_openBlock(), _createElementBlock(\"section\", null, [\n                    _createElementVNode(\"div\", _hoisted_38, [\n                      _createElementVNode(\"div\", {\n                        onClick: ($event: any) => (handleDropDown(i)),\n                        class: \"flex border-b border-border-grey cursor-pointer text-text-black xl:text-xl justify-between items-center text-lg exo font-medium min-h-[60px] xl:min-h-[80px] relative\"\n                      }, [\n                        _createElementVNode(\"h1\", _hoisted_40, _toDisplayString(item.header), 1),\n                        _createElementVNode(\"i\", {\n                          class: _normalizeClass([\"pi absolute top-8 right-4\", ['pi-fw', currentHeaderOpen.value && currentHeader.value === i ? 'pi-times' : 'pi-plus']])\n                        }, null, 2)\n                      ], 8, _hoisted_39),\n                      _createVNode(_Transition, { name: \"slide-fade\" }, {\n                        default: _withCtx(() => [\n                          (currentHeaderOpen.value && currentHeader.value === i)\n                            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_41, _toDisplayString(item.content), 1))\n                            : _createCommentVNode(\"\", true)\n                        ]),\n                        _: 2\n                      }, 1024)\n                    ])\n                  ]))\n                }), 256))\n              ])\n            ])\n          ]),\n          _hoisted_42\n        ])\n      ])\n    ])\n  ], 64))\n}\n}\n\n})","<template>\n  <section id=\"about\">\n    <div\n    data-aos=\"fade-up\" \n      class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto mb-[88px] bg-[#FDF5FF] border border-primary-purple rounded-b-md py-[36px] sm:px-[71px] px-8\"\n    >\n      <div\n        class=\"flex lg:flex-row flex-col-reverse justify-between items-center\"\n      >\n        <div class=\"w-full sm:mt-0 mt-2 text-xl\">\n          <div class=\"title text-primary-purple mt-[14px] mb-5 font-bold  sm:leading-0 leading-[60px]\">\n            Unlock Your Future with CAMLDS\n          </div>\n          <div class=\" text-[#7F6295] font-[350] content\">\n            CAMLDS in conjunction with industry partnership network (IPN),\n            students have access to and possess a sense of belonging in Applied Machine Learning-Data Science\n            and lifelong learning pathways that extend every industry and across\n            the IT landscape through our well designed fast paced Accelerated\n            Training, Incubation, Internship and Followership program\n          </div>\n\n        </div>\n\n        <div class=\"w-full h-full\">\n          <img src=\"../../assets/IMG1.png\" class=\"w-full h-full object-cover\" />\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <!-- ========================================================================= -->\n  <CoursesSection />\n\n  <!-- ====================================================== -->\n\n  <section id=\"about\">\n    <div\n    data-aos=\"fade-up\" \n      class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full mx-auto mb-[88px] border border-primary-purple rounded-md\"\n    >\n      <div class=\"flex lg:flex-row flex-col\">\n\n      <div class=\"bg-[#F6EDFF] lg:w-1/2 w-full sm:rounded-md rounded-none sm:py-[92px] py-3 sm:px-[40px] px-5\">\n        <h2 class=\"title mb-6 text-[#3B0545]\">Accelerate Your Career</h2>\n        <div class=\"content text-[#7F6295] font-[350]\">Our fast-paced Accelerated Training, Incubation, Internship, and Followership program is designed to launch your career in record time. Here’s what you can expect</div>\n      </div>\n\n\n      <div class=\"bg-[#743DAA] text-white lg:w-1/2 w-full rounded-none sm:py-[80px] py-8 sm:px-[30px] px-3 flex flex-col gap-8 !font-light\">\n        \n        <div class=\"flex justify-start items-center gap-6 hover-item\">\n          <div class=\"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px]   rounded-full flex justify-center items-center bg-white bg-circle\"> <SparkIconComp /></div>\n          <div class=\"w-full content font-[350]\">Train with the Best: Intensive training sessions to fast-track your expertise and Certified Expert Instructions.</div>\n        </div>\n\n         <div class=\"flex justify-start items-center gap-6 hover-item\">\n          <div class=\"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px]  rounded-full flex justify-center items-center bg-white bg-circle\"> <SmallCircleIconComp /></div>\n          <div class=\"w-full content font-[350]\">Land a high paying job:Feeling stuck in your career? Unlock new opportunities with a CAMLDS course and secure a future you'll be proud of.</div>\n        </div> \n\n        <div class=\"flex justify-start items-center gap-6 hover-item\">\n          <div class=\"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px]  rounded-full flex justify-center items-center bg-white bg-circle\"><TrophyIconComp /></div>\n          <div class=\"w-full content font-[350]\">Real-World Experience: Hands-on internships and incubation opportunities with leading companies.</div>\n        </div>\n\n\n        <div class=\"flex justify-start items-center gap-6 hover-item\">\n          <div class=\"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px]  rounded-full flex justify-center items-center bg-white bg-circle\"> <LoopIconComp /></div>\n          <div class=\"w-full content font-[350]\">Lifelong Learning: Continuous learning pathways to keep you at the forefront of innovation.</div>\n        </div>\n\n        <div class=\"flex justify-start items-center gap-6 hover-item\">\n          <div class=\"sm:min-h-[56px] sm:min-w-[56px] min-h-[36px] min-w-[36px]  rounded-full flex justify-center items-center bg-white bg-circle\"> <TickIconComp /></div>\n          <div class=\"w-full content font-[350]\">Projects: work on projects as you learn and build a professional portfolio with us.</div>\n        </div> \n      </div>\n      </div>\n      </div>\n      </section>\n      <!-- ++++++++++++===================++++++++++++++++++++++++++++++++++++++++++ -->\n\n     <div class=\"bg-[#FFF2E1]\">\n     <section id=\"about\">\n  <div\n    data-aos=\"fade-up\"\n    class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto mb-[88px] rounded-md sm:py-[36px] px-0 py-3\"\n  >\n    <div class=\"flex lg:flex-row flex-col gap-4 justify-between items-start w-full\">\n      <div class=\"w-full lg:w-1/2 sm:mt-0 mt-1 text-xl pl-0\">\n\n        <!-- Place icon and title on the same line with flex -->\n        <div class=\"flex items-center gap-4 mb-5\">\n          <div class=\"h-[86px] w-[86px] rounded-full flex items-center justify-center bg-white\">\n            <Badge2IconComp />\n          </div>\n\n          <div class=\"title text-[#3B0545] font-bold sm:leading-0 leading-[60px] ml-0 pl-0 text-3xl sm:text-4xl\">\n            Our Vision\n          </div>\n        </div>\n\n        <div class=\"avenir text-[#7F6295] font-[400] text-base\">\n          <ul class=\"mt-3 space-y-5\">\n            <li class=\"flex justify-start items-start gap-3 ml-0\">\n              <i\n                class=\"pi pi-check-circle mt-[6px]\"\n                style=\"font-size: 1rem; color: green\"\n              ></i>\n              <span>Empower Thousands: We're on a mission to cultivate hundreds of thousands of professionals in tech.</span>\n            </li>\n            <li class=\"flex justify-start items-start gap-3 ml-0\">\n              <i\n                class=\"pi pi-check-circle mt-[6px]\"\n                style=\"font-size: 1rem; color: green\"\n              ></i>\n              <span>Global Recognition: Position our students and West Africa as a premier hub for tech.</span>\n            </li>\n            <li class=\"flex justify-start items-start gap-3 ml-0\">\n              <i\n                class=\"pi pi-check-circle mt-[6px]\"\n                style=\"font-size: 1rem; color: green\"\n              ></i>\n              <span>Drive Innovation: Train students to professionally tackle Africa's challenges with cutting-edge solution.</span>\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"w-full lg:w-1/2 h-full pr-0\">\n        <div class=\"relative w-full overflow-hidden rounded-md shadow-lg\" style=\"padding-top: 56.25%;\">\n          <iframe\n            id=\"videoPlayer\"\n            class=\"absolute top-0 left-0 w-full h-full\"\n            src=\"https://www.youtube.com/embed/RZyLthKRc6c?autoplay=0&rel=0&controls=0&showinfo=0&modestbranding=1\"\n            title=\"CAMLDS Video\"\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowfullscreen>\n          </iframe>\n\n          <div id=\"videoOverlay\" class=\"absolute top-0 left-0 w-full h-full flex items-center justify-center cursor-pointer\"\n               style=\"background-color: rgba(0,0,0,0.2); transition: opacity 0.3s ease-in-out;\">\n            <div class=\"rounded-full bg-white bg-opacity-80 w-16 h-16 flex items-center justify-center\">\n              <div class=\"w-0 h-0 ml-1 border-t-8 border-b-8 border-l-12 border-transparent border-l-purple-700\"\n                   style=\"border-left-width: 12px;\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>\n    </div>\n  <!-- =============================+++++++++++++++++++++++++++++======================= -->\n  <section>\n  \n    <div\n    data-aos=\"fade-up\" \n      class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto mt-[56px] mb-[88px] bg-[#FDF5FF] border border-primary-purple rounded-md py-[36px] sm:px-[71px] px-8\"\n    >\n      <div\n        class=\"flex lg:flex-row-reverse flex-col-reverse justify-between items-center\"\n      >\n        <div class=\"w-full sm:mt-0 mt-2 text-xl\">\n          <div class=\"title mt-[14px] mb-5 font-bold sm:leading-0 leading-[60px]\">\n            Training <span class=\"text-primary-orange\">and</span> Learning <span class=\"bg-primary-orange text-white px-3 py-1 rounded-lg w-fit sm:text-[30px] text-xl\">Track</span>\n          </div>\n          <div class=\"mt-0\">\n\n              <div class=\"flex-col flex w-full xl:gap-y-[6px] gap-y-[10px] xl:mt-[24px] sm:mt-[48px] mt-[26px]\">\n                <section v-for=\"(item, i) in tabs\">\n                  <div class=\"bg-inherit px-0 sm:px-[15px] xl:px-5\">\n                    <div\n                      @click=\"handleDropDown(i)\"\n                      class=\"flex border-b border-border-grey cursor-pointer text-text-black xl:text-xl justify-between items-center text-lg exo font-medium min-h-[60px] xl:min-h-[80px] relative\"\n                    >\n                      <h1 class=\"max-w-[80%]\">{{ item.header }}</h1>\n                      <i class=\"pi absolute top-8 right-4 \" :class=\"['pi-fw', currentHeaderOpen && currentHeader === i ? 'pi-times' : 'pi-plus']\"></i>\n\n                    </div>\n                    <transition name=\"slide-fade\">\n                    <div\n                      v-if=\"currentHeaderOpen && currentHeader === i\"\n                      class=\"mt-2 xl:mt-4 text-[#737373] py-3 avenir content transition-all\"\n                    >\n                      {{ item.content }}\n                    </div>\n                    </transition>\n                  </div>\n                </section>\n              </div>\n          </div>\n        </div>\n\n        <div class=\"min-w-[274px] !h-[229px]\">\n          <img src=\"../../assets/robot.png\" class=\"w-full h-full\" />\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, ref, watch } from 'vue';\nimport CoursesSection from './CoursesSection.vue';\nimport { SparkIconComp, TickIconComp,Badge2IconComp, SmallCircleIconComp, TrophyIconComp, LoopIconComp} from '../../components/IconComp/StrategyIconComp'\n\ntype Content = {\n  header: string;\n  content: string;\n};\n\n\n\nconst handleDropDown = (index: number) => {\n  if (index == currentHeader.value) {\n    currentHeaderOpen.value = !currentHeaderOpen.value;\n  } else {\n    currentHeader.value = index;\n    currentHeaderOpen.value = true;\n  }\n};\n\n\n\nconst currentHeader = ref<number>();\nconst currentHeaderOpen = ref<boolean>(false);\nconst tabs = ref<Content[]>([\n\n  {\n    header: \"In person, online and a combination of both:\",\n    content:\n      \"The AML-DS full-time program begins with two weeks of hands-on online learning, which provides students with the foundational data skills they'll need to excel in the program. Students then participate in on-campus, project-based learning, which emphasizes collaboration and outcome-based skills development.\",\n  },\n  {\n    header: \"Time for individual instruction/help:\",\n    content:\n      \"Students have access to support from the educator team throughout the day and during dedicated work periods. They also have access to a wide variety of additional training resources and materials available at all hours of the day and at intervals through dedicated mentors(Technical/Business). For the AML-DS professional development courses, typically about one-third to one-half of the class is dedicated to challenge work and project time in which students can work directly and individually with the senior AML-DS scientist instructors and/or the AML-DS scientist technical assistance. The mentor also holds weekly online office hours for students who have questions. Also offers a range of career services, including portfolio development, mock interviews with current industry professionals, résumé and job search workshops, and office tours of leading tech companies. The six-step iterative model of education prioritizes hands-on, project-based learning.\",\n  },\n  {\n    header: \"Required student background:\",\n    content:\n      'None, but individual pre-work programs are designed to bring student skills up to speed in advance of the program. No background knowledge is required but students are required to do about 20 hours of \"pre-work\" by the week day of class. Also offers a beginner Foundation Program option that students may take to skip the pre-work. Also to mention that no background knowledge is required for introductory-level courses.',\n  },\n  {\n    header: \"Placement/internship:\",\n    content:\n      \"Once you have gained mastery over the concepts and applications we will prepare you for interviews for the core AML-DS Role through our specially created models of interview preparations questions, we will teach students how to crack different types of questions. Subsequently, Students will have the opportunity to be placed on internship and have access to basic stipend from the 4th month.\",\n  },\n]);\n\n  document.addEventListener('DOMContentLoaded', function() {\n    const overlay = document.getElementById('videoOverlay');\n    const iframe = document.getElementById('videoPlayer');\n\n    // When overlay is clicked, play the video and hide overlay\n    if (overlay) {\n      overlay.addEventListener('click', function() {\n        // Update iframe src to add autoplay\n        if (iframe) {\n          const currentSrc = iframe.src;\n          iframe.src = currentSrc.replace('autoplay=0', 'autoplay=1');\n          // Hide the overlay\n          overlay.style.opacity = '0';\n          // After transition, remove from flow\n          setTimeout(() => {\n            overlay.style.display = 'none';\n          }, 300);\n        }\n      });\n    }\n  });\n\n\n</script>\n\n\n<style scoped>\n.slide-fade-enter-active, .slide-fade-leave-active {\n  transition: all 0.4s ease;\n}\n.slide-fade-enter-from, .slide-fade-leave-to {\n  max-height: 0;\n  opacity: 0;\n}\n.slide-fade-enter-to, .slide-fade-leave-from {\n  max-height: 500px; \n  opacity: 1;\n}\n\n\n.transition-swipe-enter-active, .transition-swipe-leave-active {\n  transition: transform 0.3s ease-out;\n}\n.transition-swipe-enter, .transition-swipe-leave-to {\n  transform: translateX(100%);\n}\n\n.marquee {\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.marquee-content {\n  white-space: nowrap;\n  animation: marquee 20s linear infinite;\n}\n\n\n.hover-item {\n  transition: background-color 0.3s, padding 0.3s;\n}\n\n/* Define the hover styles */\n.hover-item:hover {\n  @apply bg-white text-primary-purple rounded-md;\n  padding: 1rem 0.75rem; /* Adjust padding as needed */\n}\n.hover-item:hover  .bg-circle{\n  @apply bg-primary-orange;\n}\n\n\n</style>\n","import script from \"./StrategySection.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./StrategySection.vue?vue&type=script&lang=ts&setup=true\"\n\nimport \"./StrategySection.vue?vue&type=style&index=0&id=64e77f85&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-64e77f85\"]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"49\"\n    height=\"49\"\n    viewBox=\"0 0 49 49\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M24.4999 46.5498C36.6775 46.5498 46.5498 36.6775 46.5498 24.4999C46.5498 12.3222 36.6775 2.44999 24.4999 2.44999C12.3222 2.44999 2.44999 12.3222 2.44999 24.4999C2.44999 36.6775 12.3222 46.5498 24.4999 46.5498ZM24.4999 48.9998C38.0312 48.9998 48.9998 38.0312 48.9998 24.4999C48.9998 10.9686 38.0312 0 24.4999 0C10.9686 0 0 10.9686 0 24.4999C0 38.0312 10.9686 48.9998 24.4999 48.9998Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M9.7998 38.7468C9.7998 37.4814 10.7455 36.412 12.0048 36.2724C21.4556 35.2262 27.5867 35.3205 37.0167 36.2956C37.4876 36.3451 37.9339 36.5306 38.3011 36.8295C38.6683 37.1284 38.9405 37.5278 39.0845 37.9789C39.2284 38.43 39.2379 38.9132 39.1117 39.3696C38.9856 39.826 38.7292 40.2357 38.374 40.5488C27.2449 50.2495 20.8848 50.116 10.5838 40.5586C10.0816 40.0931 9.7998 39.4304 9.7998 38.7468Z\"\n      fill=\"white\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M36.8909 37.513C27.5357 36.5453 21.4928 36.4547 12.1387 37.4898C11.8308 37.5257 11.5469 37.6738 11.3415 37.906C11.136 38.1381 11.0234 38.4379 11.0252 38.7478C11.0252 39.0982 11.171 39.4302 11.4172 39.6605C16.523 44.3963 20.3915 46.5364 24.1731 46.5498C27.9681 46.5633 32.0449 44.4404 37.5696 39.6262C37.7451 39.4699 37.8715 39.2661 37.9333 39.0394C37.9951 38.8127 37.9898 38.573 37.9179 38.3493C37.846 38.1256 37.7107 37.9276 37.5284 37.7793C37.3461 37.6311 37.1246 37.5378 36.8909 37.513ZM11.8704 35.0545C21.4205 33.9973 27.641 34.0929 37.1445 35.0765C37.8529 35.1505 38.5244 35.4294 39.0768 35.8791C39.6291 36.3288 40.0384 36.9297 40.2544 37.6085C40.4705 38.2872 40.484 39.0141 40.2932 39.7004C40.1025 40.3866 39.7158 41.0024 39.1805 41.4722C33.5761 46.3575 28.9089 49.0182 24.1657 48.9998C19.409 48.9827 14.9476 46.2767 9.75242 41.4563C9.38046 41.1098 9.08393 40.6904 8.88138 40.2242C8.67883 39.7579 8.5746 39.2549 8.5752 38.7466C8.57342 37.8333 8.90865 36.9514 9.51669 36.2699C10.1247 35.5884 10.9628 35.1564 11.8704 35.0545Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M34.3001 19.6C34.3001 22.1991 33.2676 24.6918 31.4298 26.5296C29.5919 28.3675 27.0993 29.4 24.5001 29.4C21.901 29.4 19.4084 28.3675 17.5705 26.5296C15.7327 24.6918 14.7002 22.1991 14.7002 19.6C14.7002 17.0009 15.7327 14.5082 17.5705 12.6704C19.4084 10.8325 21.901 9.80005 24.5001 9.80005C27.0993 9.80005 29.5919 10.8325 31.4298 12.6704C33.2676 14.5082 34.3001 17.0009 34.3001 19.6Z\"\n      fill=\"white\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M24.5001 26.95C26.4495 26.95 28.319 26.1756 29.6974 24.7972C31.0757 23.4188 31.8501 21.5493 31.8501 19.6C31.8501 17.6507 31.0757 15.7812 29.6974 14.4028C28.319 13.0244 26.4495 12.25 24.5001 12.25C22.5508 12.25 20.6813 13.0244 19.3029 14.4028C17.9246 15.7812 17.1502 17.6507 17.1502 19.6C17.1502 21.5493 17.9246 23.4188 19.3029 24.7972C20.6813 26.1756 22.5508 26.95 24.5001 26.95ZM24.5001 29.4C27.0993 29.4 29.5919 28.3675 31.4298 26.5296C33.2676 24.6918 34.3001 22.1991 34.3001 19.6C34.3001 17.0009 33.2676 14.5082 31.4298 12.6704C29.5919 10.8325 27.0993 9.80005 24.5001 9.80005C21.901 9.80005 19.4084 10.8325 17.5705 12.6704C15.7327 14.5082 14.7002 17.0009 14.7002 19.6C14.7002 22.1991 15.7327 24.6918 17.5705 26.5296C19.4084 28.3675 21.901 29.4 24.5001 29.4Z\"\n      fill=\"white\"\n    />\n  </svg>\n</template>\n","import { render } from \"./ProfileAvatarIconComp.vue?vue&type=template&id=8ddacfa6\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg width=\"62\" height=\"62\" viewBox=\"0 0 62 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_76_2740)\">\n        <path d=\"M4.54552 23.3973C2.83927 24.4367 1.87394 26.6207 2.20522 28.5715C2.59171 30.8391 4.2089 32.5959 6.36219 32.9999C7.06503 33.1081 7.77605 33.1539 8.48697 33.137C10.2021 33.1548 11.9173 33.137 13.6306 33.137C14.4766 33.137 14.9646 33.5339 14.9682 34.2049C14.9718 34.876 14.482 35.2729 13.6431 35.2729C11.6614 35.2729 9.67968 35.2729 7.69797 35.2729C4.32645 35.2622 1.53021 33.3399 0.440207 30.2891C-0.649793 27.2383 0.320875 23.9935 2.94792 21.8541C3.03341 21.7864 3.11712 21.7152 3.22754 21.6244C1.54267 17.9596 1.69584 14.4104 4.2089 11.2048C6.72195 7.99915 10.0863 6.99172 14.0278 7.72683C15.5987 0.0464649 25.4479 -2.85659 31.0136 3.52443C33.671 0.61426 36.9303 -0.642364 40.7952 0.320573C44.66 1.28351 46.9736 3.90355 47.9514 7.72149C56.0142 5.94156 62.5097 14.0473 58.7891 21.6049C59.0651 21.8416 59.359 22.0765 59.6333 22.3311C60.7128 23.3408 61.4687 24.6476 61.8055 26.0864C62.1423 27.5252 62.0449 29.0314 61.5256 30.4149C61.0062 31.7984 60.0883 32.9971 58.8877 33.8595C57.6871 34.7219 56.2576 35.2094 54.7799 35.2604C52.5981 35.3049 50.4164 35.28 48.2346 35.2711C47.5061 35.2711 47.0413 34.8226 47.0484 34.1943C47.0555 33.5659 47.5222 33.1459 48.2595 33.1423C50.4199 33.1316 52.5803 33.1655 54.739 33.1245C55.8069 33.0803 56.837 32.7169 57.6962 32.0815C58.5554 31.446 59.2041 30.5677 59.5585 29.5599C59.9129 28.5521 59.9568 27.4613 59.6843 26.4284C59.4119 25.3955 58.8358 24.4679 58.0303 23.7657C57.8807 23.6375 57.7151 23.5272 57.5388 23.3955C56.1463 24.9959 54.27 26.0994 52.1938 26.5388C49.3068 27.1636 46.9095 26.27 45.6253 24.0736C45.0515 23.0901 44.8079 21.9488 44.93 20.8168C45.0522 19.6849 45.5338 18.6218 46.3042 17.7831C47.0747 16.9445 48.0936 16.3744 49.2118 16.1563C50.3299 15.9383 51.4885 16.0837 52.518 16.5713C52.819 16.719 53.2037 16.9842 53.2643 17.2565C53.329 17.6546 53.2433 18.0626 53.0238 18.401C52.7495 18.8033 52.2597 18.8051 51.8145 18.579C51.0815 18.1844 50.2257 18.0832 49.4208 18.296C48.6804 18.4991 48.0375 18.9609 47.609 19.5976C47.1805 20.2343 46.9949 21.0035 47.0859 21.7654C47.1769 22.5273 47.5385 23.2312 48.1049 23.7492C48.6713 24.2672 49.4049 24.5648 50.1724 24.588C54.0141 24.6859 57.3874 21.6156 57.7115 17.7246C58.0321 13.8889 55.2786 10.3095 51.5242 9.77196C50.6586 9.64736 49.7574 9.7506 48.874 9.77196C48.3397 9.77196 48.0957 10.0283 47.9941 10.6032C47.7731 11.8765 47.0921 13.0245 46.0803 13.8293C45.0684 14.6341 43.7962 15.0398 42.505 14.9693C38.6864 14.8091 36.2446 10.6281 37.99 7.23735C38.3587 6.52538 38.9055 6.26551 39.4932 6.52538C40.1237 6.81195 40.2733 7.38686 39.9224 8.16825C39.3026 9.54947 39.5039 10.8666 40.487 11.8651C40.9306 12.3249 41.5034 12.6391 42.1297 12.7662C42.7559 12.8934 43.406 12.8274 43.9939 12.5771C45.2674 12.0431 46.0047 10.8613 45.9691 9.38927C45.9233 7.82023 45.3837 6.30556 44.4269 5.06067C43.4702 3.81578 42.145 2.90407 40.6399 2.45519C39.1348 2.00631 37.5264 2.04312 36.0434 2.56038C34.5605 3.07765 33.2784 4.04904 32.3797 5.33639C32.1946 5.63035 32.0948 5.96984 32.0912 6.31713C32.0662 8.65416 32.0787 10.9912 32.0787 13.33C32.0787 13.4849 32.0787 13.6415 32.0787 13.7964C32.0466 14.5083 31.6014 14.9818 30.9762 14.9604C30.3511 14.9391 29.9504 14.487 29.9468 13.7964C29.9361 11.3045 29.9468 8.81258 29.929 6.32069C29.9253 5.97317 29.8247 5.63357 29.6387 5.33995C28.7336 4.0405 27.4385 3.06228 25.9406 2.54667C24.4427 2.03105 22.8196 2.00473 21.3057 2.47151C19.7919 2.9383 18.4657 3.87401 17.5189 5.14344C16.5721 6.41286 16.0537 7.95025 16.0386 9.53345C16.0195 10.183 16.1986 10.8231 16.552 11.3686C16.9054 11.9141 17.4165 12.3393 18.0173 12.5878C18.6123 12.8338 19.2676 12.895 19.8979 12.7636C20.5281 12.6321 21.1042 12.314 21.551 11.8508C21.9979 11.3875 22.2948 10.8005 22.4031 10.1662C22.5114 9.53194 22.4261 8.87977 22.1583 8.29462C22.1138 8.19139 22.0585 8.09527 22.0158 7.99203C21.77 7.37796 21.941 6.83508 22.4628 6.5681C22.9847 6.30111 23.5956 6.46308 23.9269 7.07182C24.331 7.78143 24.5619 8.57639 24.6005 9.392C24.6392 10.2076 24.4847 11.0208 24.1495 11.7655C23.6991 12.8059 22.9299 13.6766 21.9528 14.2523C20.9757 14.8281 19.8409 15.0791 18.712 14.9693C16.3628 14.7112 14.4285 12.9901 14.0421 10.6797C13.9263 9.98555 13.5843 9.84671 13.0126 9.7595C8.97676 9.1472 5.2045 11.7174 4.43509 15.6172C4.03789 17.5241 4.40538 19.5107 5.45853 21.1497C6.51167 22.7886 8.16636 23.9491 10.0668 24.3815C10.8833 24.5809 11.7325 24.6082 12.5602 24.4616C14.3662 24.0968 15.3725 22.1851 14.8186 20.4283C14.6855 20.0144 14.4695 19.6318 14.1837 19.304C13.8979 18.9761 13.5483 18.7098 13.1562 18.5213C12.7642 18.3328 12.3378 18.226 11.9031 18.2075C11.4684 18.189 11.0345 18.259 10.6278 18.4135C10.4622 18.4758 10.3019 18.5594 10.1362 18.6217C9.57163 18.8335 9.01772 18.6484 8.75947 18.1643C8.69308 18.0413 8.65178 17.9064 8.63798 17.7673C8.62418 17.6282 8.63814 17.4878 8.67907 17.3542C8.71999 17.2206 8.78706 17.0964 8.87638 16.9889C8.9657 16.8814 9.07549 16.7927 9.19939 16.7279C9.80979 16.3783 10.4859 16.1584 11.1853 16.0822C11.8846 16.0059 12.5923 16.0749 13.2637 16.2847C15.7572 17.0198 17.4082 19.4974 17.077 22.0107C16.7207 24.7269 14.5087 26.7293 11.8015 26.7399C9.39113 26.7677 7.06259 25.8671 5.2989 24.2249C5.03405 23.9618 4.7826 23.6856 4.54552 23.3973Z\" fill=\"#FEAE49\"/>\n        <path d=\"M27.8018 21.3768H29.9391C29.9391 20.3498 29.9391 19.337 29.9391 18.3224C29.9391 17.7084 30.2063 17.2901 30.8082 17.1459C31.4637 16.9893 32.055 17.5019 32.071 18.2548C32.0924 19.2729 32.071 20.2928 32.071 21.3536H34.2083C34.2083 20.3765 34.2083 19.426 34.2083 18.4755C34.2083 17.6247 34.593 17.137 35.2555 17.1245C35.9181 17.1121 36.3402 17.6158 36.3437 18.5022C36.3437 19.4349 36.3437 20.3676 36.3437 21.4017C37.5602 21.3394 38.7268 21.4017 39.6494 22.3041C40.5719 23.2065 40.6931 24.367 40.6058 25.6682C41.6744 25.6682 42.6807 25.6575 43.6941 25.6682C44.4689 25.6788 44.9747 26.2021 44.8839 26.866C44.8073 27.4338 44.3691 27.7898 43.6906 27.797C42.6932 27.8094 41.6958 27.797 40.6628 27.797V29.9329H43.5463C44.3976 29.9329 44.8839 30.3209 44.8945 30.9848C44.9052 31.6487 44.403 32.0652 43.5125 32.0688C42.5792 32.0688 41.6477 32.0688 40.6628 32.0688V34.2047C41.621 34.2047 42.5721 34.2047 43.5125 34.2047C44.403 34.2047 44.8999 34.6194 44.8785 35.3047C44.8571 35.9899 44.3691 36.337 43.5142 36.3406C42.5792 36.3406 41.6459 36.3406 40.6094 36.3406C40.6521 37.5402 40.6094 38.7096 39.7081 39.6352C38.8069 40.5608 37.6457 40.6871 36.3242 40.5999C36.3242 41.4027 36.3242 42.1698 36.3242 42.9387C36.3242 43.1844 36.3242 43.4282 36.3242 43.6738C36.3028 44.4107 35.8949 44.8753 35.268 44.8842C34.6411 44.8931 34.1994 44.4107 34.1887 43.6383C34.1798 42.6611 34.1887 41.6803 34.1887 40.6658H32.0514C32.0514 41.6269 32.0514 42.5774 32.0514 43.5279C32.0514 44.3894 31.6792 44.8682 31.0131 44.8895C30.347 44.9109 29.9195 44.4036 29.9159 43.5226C29.9159 42.5899 29.9159 41.6554 29.9159 40.6747H27.7929C27.7929 41.7053 27.8054 42.7429 27.7929 43.7789C27.7805 44.4001 27.394 44.8237 26.8454 44.8878C26.5881 44.9138 26.3301 44.8458 26.1191 44.6962C25.9082 44.5466 25.7587 44.3257 25.6984 44.0743C25.6632 43.8549 25.6513 43.6324 25.6628 43.4104C25.6628 42.5044 25.6628 41.5967 25.6628 40.6302C24.4161 40.6711 23.253 40.6142 22.334 39.6868C21.415 38.7595 21.3117 37.6168 21.4079 36.3495C20.3784 36.3495 19.4274 36.3495 18.4781 36.3495C17.6214 36.3495 17.1352 35.9703 17.1173 35.31C17.0995 34.6496 17.6018 34.2171 18.4852 34.2136C19.4185 34.2136 20.3535 34.2136 21.3349 34.2136V32.0777C20.3036 32.0777 19.2671 32.0777 18.2287 32.0777C17.641 32.0777 17.2438 31.768 17.1369 31.1877C17.0784 30.9449 17.1157 30.6888 17.2411 30.4727C17.3664 30.2567 17.5702 30.0971 17.8102 30.0272C18.0411 29.9587 18.2821 29.9304 18.5226 29.9435C19.4523 29.9346 20.382 29.9435 21.3455 29.9435V27.8076C20.3357 27.8076 19.3223 27.8076 18.3089 27.8076C17.6962 27.8076 17.2741 27.5406 17.1298 26.9372C16.9731 26.2822 17.486 25.6913 18.2358 25.6753C19.2564 25.6557 20.2769 25.6753 21.374 25.6753C21.3331 24.4471 21.3865 23.2831 22.302 22.3593C23.2174 21.4355 24.3733 21.3376 25.6557 21.407C25.6557 20.3195 25.6432 19.2818 25.6557 18.2441C25.6664 17.6247 26.0529 17.1993 26.6014 17.137C26.8591 17.1086 27.1183 17.1757 27.3297 17.3257C27.5412 17.4756 27.6902 17.6979 27.7484 17.9504C27.7851 18.1697 27.7977 18.3923 27.7858 18.6143C27.8036 19.5079 27.8018 20.4138 27.8018 21.3768ZM31.0754 23.5305C29.004 23.5305 26.9327 23.5305 24.8631 23.5305C23.9031 23.5305 23.5273 23.9043 23.5273 24.8636C23.5273 28.9598 23.5273 33.0536 23.5273 37.1451C23.5273 38.1045 23.9031 38.4783 24.8613 38.48C28.9589 38.48 33.0553 38.48 37.1505 38.48C38.1088 38.48 38.4863 38.1027 38.4863 37.1451C38.4863 33.0489 38.4863 28.9551 38.4863 24.8636C38.4863 23.9043 38.1105 23.5305 37.1505 23.5287C35.1291 23.5216 33.1022 23.5251 31.0754 23.5251V23.5305Z\" fill=\"#FEAE49\"/>\n        <path d=\"M17.1067 42.6985C17.1067 41.5434 17.1067 40.4131 17.1067 39.2811C17.1067 38.4445 17.5127 37.9532 18.1753 37.9568C18.8378 37.9604 19.2439 38.4481 19.2439 39.29C19.2439 40.7139 19.2439 42.1378 19.2439 43.5618C19.2439 44.5194 18.8681 44.8932 17.9117 44.8967C16.2464 44.8967 14.5811 44.8967 12.8339 44.8967C12.8339 45.9771 12.8126 47.0148 12.8553 48.0507C12.8553 48.2109 13.1403 48.396 13.3291 48.5046C13.8304 48.7832 14.2477 49.191 14.5376 49.6856C14.8275 50.1803 14.9793 50.7435 14.9772 51.3168C14.975 51.89 14.8191 52.4521 14.5255 52.9446C14.2319 53.437 13.8115 53.8418 13.3082 54.1166C12.8048 54.3914 12.2368 54.5261 11.6636 54.5069C11.0903 54.4876 10.5327 54.315 10.049 54.007C9.56518 53.6991 9.17294 53.267 8.91314 52.756C8.65334 52.2449 8.53549 51.6736 8.57189 51.1015C8.59494 50.5529 8.76581 50.0207 9.06645 49.5611C9.36708 49.1015 9.78633 48.7316 10.2799 48.4904C10.4199 48.4358 10.5377 48.3362 10.6148 48.2073C10.6918 48.0783 10.7238 47.9275 10.7056 47.7784C10.6842 46.5538 10.6931 45.331 10.7056 44.1082C10.7056 43.1435 11.076 42.7697 12.0289 42.7644C13.6532 42.7644 15.2775 42.7644 16.9018 42.7555C16.9715 42.7419 17.04 42.7229 17.1067 42.6985ZM12.8322 51.324C12.836 51.1125 12.7769 50.9045 12.6624 50.7266C12.5478 50.5487 12.3829 50.4087 12.1886 50.3246C11.9944 50.2405 11.7795 50.2159 11.5712 50.254C11.363 50.2921 11.1707 50.3912 11.0189 50.5387C10.8671 50.6861 10.7625 50.8754 10.7185 51.0823C10.6744 51.2893 10.6929 51.5047 10.7715 51.7011C10.8501 51.8976 10.9854 52.0663 11.1601 52.1858C11.3348 52.3053 11.5411 52.3702 11.7528 52.3724C12.0347 52.3753 12.3064 52.2667 12.5085 52.0703C12.7107 51.874 12.827 51.6057 12.8322 51.324Z\" fill=\"#FEAE49\"/>\n        <path d=\"M44.9058 42.7592H49.7574C51.0237 42.7592 51.3194 43.0582 51.3194 44.3362C51.3194 45.4913 51.2998 46.6501 51.3389 47.8052C51.3526 47.9334 51.3938 48.057 51.46 48.1677C51.5261 48.2783 51.6154 48.3733 51.7219 48.446C53.0933 49.2505 53.7309 50.6549 53.3426 52.1198C53.1659 52.8036 52.7672 53.4095 52.2091 53.8426C51.6509 54.2757 50.9647 54.5115 50.258 54.5131C49.5513 54.5148 48.8641 54.2821 48.3039 53.8516C47.7437 53.421 47.3422 52.817 47.1624 52.134C46.7688 50.6691 47.3957 49.2594 48.7653 48.462C48.931 48.3659 49.15 48.1737 49.1554 48.0206C49.191 47.0043 49.1732 45.9844 49.1732 44.8968H44.3394C43.066 44.8968 42.7686 44.5996 42.7686 43.3305C42.7686 41.9742 42.7686 40.6179 42.7686 39.2598C42.7686 38.4339 43.1924 37.9409 43.8603 37.9569C44.5282 37.9729 44.8969 38.45 44.9022 39.2456C44.9111 40.3954 44.9058 41.5452 44.9058 42.7592ZM51.3176 51.2814C51.3129 51.0699 51.2455 50.8645 51.1238 50.6914C51.0022 50.5182 50.8318 50.3851 50.6343 50.3088C50.4368 50.2326 50.2211 50.2167 50.0146 50.2631C49.8081 50.3096 49.62 50.4163 49.4742 50.5697C49.3285 50.7231 49.2316 50.9164 49.1959 51.1249C49.1602 51.3335 49.1873 51.5479 49.2737 51.741C49.3601 51.9342 49.502 52.0973 49.6813 52.2097C49.8607 52.3221 50.0694 52.3788 50.281 52.3725C50.5626 52.3632 50.8291 52.2432 51.0225 52.0385C51.216 51.8338 51.3207 51.5611 51.314 51.2796L51.3176 51.2814Z\" fill=\"#FEAE49\"/>\n        <path d=\"M20.3125 49.1703C20.3125 51.3062 20.2982 53.3531 20.3338 55.4C20.3338 55.6012 20.6028 55.861 20.8112 55.9838C21.4708 56.3568 21.9774 56.9506 22.2415 57.6606C22.5056 58.3705 22.5103 59.1509 22.2546 59.8639C21.999 60.5769 21.4995 61.1767 20.8443 61.5575C20.1891 61.9382 19.4204 62.0754 18.6739 61.9448C17.9109 61.8048 17.2246 61.3931 16.7421 60.7859C16.2597 60.1788 16.014 59.4175 16.0504 58.643C16.0613 58.0939 16.2216 57.5582 16.514 57.0931C16.8065 56.6281 17.22 56.2514 17.7104 56.0034C17.8688 55.9377 18.0013 55.8219 18.0876 55.6736C18.1738 55.5254 18.209 55.353 18.1877 55.1829C18.1752 52.9313 18.1752 50.6832 18.1752 48.4316C18.1752 47.3833 18.5314 47.0308 19.5769 47.0291C21.8697 47.0291 24.1625 47.0291 26.4553 47.0291C27.2995 47.0291 27.7875 47.4278 27.7911 48.097C27.7946 48.7663 27.3049 49.165 26.4642 49.165C24.4481 49.1739 22.4266 49.1703 20.3125 49.1703ZM19.2153 57.7246C19.0037 57.7304 18.7986 57.7988 18.626 57.9213C18.4533 58.0437 18.321 58.2146 18.2457 58.4124C18.1704 58.6101 18.1556 58.8257 18.2031 59.0319C18.2506 59.238 18.3583 59.4254 18.5126 59.5703C18.6668 59.7152 18.8607 59.8111 19.0695 59.8457C19.2783 59.8803 19.4928 59.8522 19.6856 59.7649C19.8784 59.6776 20.0409 59.535 20.1525 59.3552C20.2641 59.1754 20.3198 58.9666 20.3125 58.7552C20.3027 58.4747 20.1829 58.2094 19.9789 58.0165C19.7749 57.8237 19.5032 57.7188 19.2225 57.7246H19.2153Z\" fill=\"#FEAE49\"/>\n        <path d=\"M41.6977 49.1704H40.841C39.0386 49.1704 37.2361 49.1704 35.4319 49.1704C34.6946 49.1704 34.2297 48.7468 34.2208 48.1203C34.2119 47.4937 34.675 47.0666 35.4017 47.0381C35.4907 47.0381 35.5798 47.0381 35.6688 47.0381H42.3477C43.5197 47.0381 43.8367 47.362 43.8367 48.5546C43.8367 50.7563 43.8367 52.9599 43.8367 55.1634C43.8367 55.5514 43.9026 55.7882 44.2962 55.9946C44.9264 56.319 45.4269 56.8487 45.7148 57.4961C46.0028 58.1434 46.0609 58.8696 45.8796 59.5545C45.7136 60.2474 45.3204 60.8649 44.7625 61.3085C44.2047 61.7522 43.5143 61.9966 42.8014 62.0027C42.0885 62.0089 41.3941 61.7764 40.8287 61.3424C40.2633 60.9084 39.8594 60.2978 39.6815 59.6079C39.4913 58.9267 39.5387 58.201 39.8157 57.5502C40.0928 56.8994 40.5831 56.3622 41.2061 56.0267C41.3744 55.9575 41.5153 55.8351 41.6073 55.6782C41.6993 55.5213 41.7373 55.3386 41.7155 55.1581C41.6852 53.1913 41.6977 51.2334 41.6977 49.1704ZM42.7894 57.7247C42.5778 57.7195 42.3694 57.7772 42.1906 57.8905C42.0118 58.0038 41.8707 58.1676 41.7852 58.3612C41.6997 58.5548 41.6737 58.7693 41.7105 58.9777C41.7472 59.1861 41.8451 59.3788 41.9916 59.5315C42.1381 59.6843 42.3268 59.79 42.5336 59.8354C42.7403 59.8808 42.9559 59.8638 43.153 59.7866C43.3501 59.7093 43.5198 59.5753 43.6406 59.4015C43.7614 59.2277 43.8278 59.022 43.8314 58.8105C43.8361 58.5287 43.7293 58.2565 43.5342 58.0532C43.339 57.8498 43.0713 57.7317 42.7894 57.7247Z\" fill=\"#FEAE49\"/>\n        <path d=\"M6.48321 39.5534C6.3051 40.3597 6.48321 40.8207 7.18316 41.2407C8.41564 41.974 8.84844 43.5386 8.3818 44.8824C8.15104 45.537 7.71381 46.0991 7.1359 46.4839C6.55799 46.8688 5.87065 47.0557 5.17727 47.0166C4.4839 46.9775 3.822 46.7144 3.29113 46.2669C2.76027 45.8194 2.38916 45.2118 2.23363 44.5354C2.07079 43.8704 2.13233 43.1703 2.40868 42.544C2.68503 41.9176 3.16071 41.4 3.76177 41.0716C4.18922 40.842 4.32102 40.5964 4.29608 40.1479C4.26224 39.6139 4.27471 39.0799 4.29608 38.5459C4.32102 37.834 4.71997 37.4246 5.43061 37.421C8.23635 37.4091 11.0415 37.4091 13.8461 37.421C14.5264 37.421 14.977 37.8784 14.9752 38.489C14.9735 39.0995 14.5086 39.5569 13.7766 39.5569C11.5966 39.5676 9.41481 39.5569 7.23303 39.5569L6.48321 39.5534ZM5.37183 42.7572C5.16009 42.7523 4.95167 42.8104 4.77302 42.924C4.59437 43.0377 4.45356 43.2019 4.36845 43.3957C4.28334 43.5895 4.25778 43.8043 4.29501 44.0126C4.33225 44.221 4.4306 44.4136 4.57757 44.566C4.72455 44.7184 4.91352 44.8237 5.1205 44.8686C5.32748 44.9134 5.54314 44.8958 5.74008 44.818C5.93703 44.7401 6.10638 44.6055 6.22664 44.4313C6.3469 44.2571 6.41265 44.051 6.41553 43.8394C6.41747 43.5592 6.30914 43.2895 6.1139 43.0883C5.91866 42.8872 5.65214 42.7709 5.37183 42.7643V42.7572Z\" fill=\"#FEAE49\"/>\n        <path d=\"M55.5419 39.5535H48.7134C48.4913 39.5621 48.269 39.5591 48.0473 39.5446C47.7779 39.5266 47.5253 39.4074 47.3403 39.2109C47.1553 39.0145 47.0515 38.7553 47.0499 38.4855C47.0468 38.2147 47.1491 37.9533 47.3352 37.7564C47.5212 37.5595 47.7765 37.4424 48.0473 37.43C48.5335 37.3944 49.0251 37.4175 49.5148 37.4175C51.8088 37.4175 54.1016 37.4175 56.3932 37.4175C57.355 37.4175 57.7219 37.7931 57.7344 38.7489C57.7442 38.9268 57.7442 39.1051 57.7344 39.2829C57.6471 40.1729 57.8038 40.8083 58.6783 41.4064C60.2439 42.4743 60.2813 44.7544 58.9295 46.0929C58.6148 46.4097 58.237 46.6569 57.8205 46.8185C57.4041 46.98 56.9584 47.0523 56.5122 47.0307C56.066 47.009 55.6294 46.8939 55.2306 46.6928C54.8318 46.4917 54.4797 46.2091 54.1972 45.8633C53.0093 44.4393 53.2568 42.2198 54.8419 41.2444C55.5437 40.8065 55.7022 40.3509 55.5419 39.5535ZM56.6836 44.8932C56.8953 44.8903 57.1013 44.8247 57.2756 44.7046C57.4499 44.5845 57.5846 44.4154 57.6626 44.2186C57.7406 44.0219 57.7583 43.8065 57.7135 43.5997C57.6688 43.3929 57.5636 43.204 57.4113 43.0571C57.259 42.9101 57.0664 42.8117 56.858 42.7742C56.6496 42.7368 56.4348 42.7621 56.2409 42.8469C56.0469 42.9317 55.8825 43.0721 55.7685 43.2504C55.6545 43.4287 55.5961 43.6369 55.6007 43.8484C55.6072 44.1298 55.7246 44.3972 55.9274 44.5925C56.1302 44.7878 56.4019 44.8953 56.6836 44.8914V44.8932Z\" fill=\"#FEAE49\"/>\n        <path d=\"M29.9398 51.7655C29.9398 50.6103 29.9398 49.4516 29.9398 48.3C29.9398 47.5168 30.3601 47.038 31.0084 47.0398C31.6567 47.0416 32.077 47.5186 32.077 48.3018C32.077 50.5907 32.0877 52.8797 32.077 55.1687C32.077 55.5638 32.1589 55.7899 32.5436 55.9928C33.1721 56.3188 33.6707 56.849 33.9572 57.4961C34.2437 58.1432 34.3011 58.8686 34.1199 59.5527C33.9536 60.2442 33.561 60.8605 33.0042 61.3036C32.4475 61.7467 31.7586 61.9912 31.0469 61.9984C30.3353 62.0055 29.6416 61.7749 29.0761 61.3431C28.5105 60.9113 28.1055 60.303 27.9254 59.6149C27.7319 58.9356 27.7759 58.2105 28.0501 57.5595C28.3244 56.9084 28.8125 56.3703 29.4339 56.0337C29.8721 55.8006 29.9683 55.5425 29.9558 55.1046C29.9309 53.9886 29.9398 52.8815 29.9398 51.7655ZM32.077 58.7855C32.077 58.5739 32.0141 58.3671 31.8963 58.1913C31.7785 58.0155 31.611 57.8786 31.4152 57.798C31.2195 57.7175 31.0041 57.6968 30.7966 57.7388C30.5891 57.7807 30.3987 57.8833 30.2496 58.0335C30.1005 58.1838 29.9994 58.3749 29.9592 58.5827C29.919 58.7904 29.9414 59.0054 30.0237 59.2004C30.1059 59.3954 30.2443 59.5615 30.4212 59.6778C30.5981 59.7941 30.8056 59.8552 31.0173 59.8535C31.2976 59.8488 31.5649 59.7342 31.7614 59.5344C31.958 59.3347 32.0681 59.0657 32.0681 58.7855H32.077Z\" fill=\"#FEAE49\"/>\n        <path d=\"M12.8324 4.30918C12.8285 4.52042 12.7619 4.72576 12.6412 4.89921C12.5205 5.07265 12.351 5.20642 12.1542 5.28358C11.9574 5.36074 11.7421 5.37782 11.5356 5.33267C11.329 5.28752 11.1405 5.18216 10.994 5.02992C10.8474 4.87769 10.7492 4.68542 10.712 4.47744C10.6748 4.26946 10.7001 4.05512 10.7848 3.86153C10.8695 3.66795 11.0098 3.50382 11.1878 3.38992C11.3659 3.27602 11.5738 3.21746 11.7851 3.22165C12.0682 3.22726 12.3376 3.34494 12.5339 3.54885C12.7303 3.75276 12.8376 4.02623 12.8324 4.30918Z\" fill=\"#FEAE49\"/>\n        <path d=\"M51.3139 4.27189C51.3174 4.48338 51.258 4.69114 51.1432 4.86885C51.0284 5.04655 50.8634 5.18619 50.6691 5.27005C50.4748 5.35392 50.2599 5.37823 50.0518 5.33992C49.8436 5.3016 49.6516 5.20237 49.4999 5.05482C49.3483 4.90727 49.2439 4.71804 49.2 4.51113C49.1561 4.30421 49.1747 4.08893 49.2534 3.89257C49.3321 3.69622 49.4673 3.52764 49.642 3.40821C49.8167 3.28878 50.0229 3.22388 50.2346 3.22173C50.5168 3.21888 50.7886 3.3277 50.9908 3.52444C51.1931 3.72119 51.3092 3.98989 51.3139 4.27189Z\" fill=\"#FEAE49\"/>\n        <path d=\"M12.8325 58.7783C12.8356 58.9901 12.7757 59.1982 12.6602 59.3759C12.5447 59.5536 12.379 59.693 12.184 59.7763C11.989 59.8596 11.7737 59.883 11.5653 59.8436C11.357 59.8042 11.1651 59.7038 11.014 59.5551C10.863 59.4064 10.7596 59.2162 10.717 59.0086C10.6745 58.801 10.6947 58.5854 10.7751 58.3894C10.8555 58.1933 10.9924 58.0255 11.1685 57.9075C11.3446 57.7894 11.5518 57.7263 11.7638 57.7263C12.0445 57.7263 12.3139 57.8366 12.5138 58.0334C12.7138 58.2303 12.8282 58.4978 12.8325 58.7783Z\" fill=\"#FEAE49\"/>\n        <path d=\"M51.3139 58.7783C51.3171 58.9901 51.2571 59.1982 51.1416 59.3759C51.0262 59.5536 50.8604 59.693 50.6654 59.7763C50.4705 59.8596 50.2551 59.883 50.0468 59.8436C49.8385 59.8042 49.6465 59.7038 49.4955 59.5551C49.3444 59.4064 49.241 59.2162 49.1985 59.0086C49.1559 58.801 49.1761 58.5854 49.2565 58.3894C49.3369 58.1933 49.4739 58.0255 49.6499 57.9075C49.826 57.7894 50.0332 57.7263 50.2453 57.7263C50.5259 57.7263 50.7953 57.8366 50.9953 58.0334C51.1952 58.2303 51.3097 58.4978 51.3139 58.7783Z\" fill=\"#FEAE49\"/>\n        <path d=\"M30.9693 35.2798C29.9683 35.2798 28.9656 35.2798 27.9629 35.2798C27.1347 35.2691 26.7411 34.8758 26.7357 34.0339C26.7274 32.0083 26.7274 29.9828 26.7357 27.9572C26.7357 27.1278 27.1382 26.7344 27.9736 26.7308C30.0004 26.7225 32.0266 26.7225 34.0523 26.7308C34.8822 26.7308 35.2758 27.1349 35.2812 27.9768C35.2907 30.0023 35.2907 32.0279 35.2812 34.0534C35.2812 34.8811 34.8769 35.2709 34.0434 35.2798C33.0193 35.2869 31.9934 35.2798 30.9693 35.2798ZM28.9086 28.9006V33.0994H33.0976V28.9006H28.9086Z\" fill=\"#FEAE49\"/>\n        </g>\n        <defs>\n        <clipPath id=\"clip0_76_2740\">\n        <rect width=\"62\" height=\"62\" fill=\"white\"/>\n        </clipPath>\n        </defs>\n        </svg>\n        \n\n</template>","import { render } from \"./MLIconComp.vue?vue&type=template&id=2a552e5e\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg width=\"62\" height=\"62\" viewBox=\"0 0 62 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_76_2755)\">\n        <path d=\"M4.48117 0H5.93714C7.13589 0.278259 8.21978 0.763595 9.08366 1.6825C9.18557 1.79089 9.45735 1.81354 9.62721 1.77309C12.6653 1.04185 15.6776 1.32173 18.6704 2.01738C22.9105 3.00261 26.8157 4.8032 30.5446 7.00825C30.6776 7.10675 30.8386 7.15993 31.0041 7.15993C31.1695 7.15993 31.3306 7.10675 31.4635 7.00825C34.4094 5.25133 37.488 3.75973 40.7671 2.73567C44.5785 1.53851 48.4385 0.844484 52.4311 1.79412C52.5147 1.813 52.6015 1.81337 52.6854 1.79521C52.7692 1.77704 52.848 1.74079 52.9164 1.68897C53.7722 0.760359 54.8577 0.289584 56.0613 0.00647113H57.5173C57.5654 0.0451891 57.6202 0.074794 57.679 0.0938315C61.7525 0.791097 63.545 5.87094 60.4114 8.99165C60.339 9.07733 60.2857 9.17755 60.2553 9.28556C60.2249 9.39356 60.218 9.50683 60.2351 9.61773C60.9113 12.4505 60.7107 15.2687 60.1153 18.0771C59.1722 22.5228 57.3215 26.6012 55.0227 30.4904C54.9128 30.6391 54.8534 30.8191 54.8534 31.004C54.8534 31.189 54.9128 31.369 55.0227 31.5177C56.8184 34.5413 58.331 37.6992 59.3599 41.0626C60.4923 44.7835 61.1297 48.5578 60.2205 52.4437C60.1784 52.6217 60.3192 52.9032 60.4615 53.052C61.0641 53.6529 61.5111 54.3916 61.7636 55.2042C62.0162 56.0168 62.0667 56.8788 61.9109 57.7154C61.755 58.5519 61.3974 59.3378 60.8692 60.005C60.3409 60.6721 59.6579 61.2003 58.8794 61.5438C56.9219 62.4142 54.6959 61.9984 53.1057 60.4955C52.9326 60.3337 52.6058 60.1816 52.3987 60.2285C49.7925 60.8352 47.1896 60.7139 44.5899 60.2285C39.8984 59.3436 35.6114 57.4152 31.5201 55.0144C31.1416 54.7928 30.873 54.7814 30.4961 55.0144C27.1749 56.9881 23.6935 58.6156 19.9581 59.6461C16.6191 60.5666 13.2413 61.0261 9.80031 60.2496C9.6334 60.1951 9.45413 60.1911 9.28495 60.238C9.11576 60.2849 8.96416 60.3807 8.84908 60.5133C8.1952 61.1481 7.38624 61.6004 6.50294 61.825C5.61964 62.0495 4.69291 62.0384 3.81523 61.7928C2.93755 61.5472 2.13963 61.0758 1.50112 60.4254C0.8626 59.7751 0.405818 58.9686 0.176363 58.0866C0.126213 57.8957 0.0631216 57.708 0.00488281 57.5187V55.9446C0.342991 54.7944 0.795955 53.7153 1.71969 52.8886C1.81513 52.8029 1.82161 52.5457 1.78278 52.3904C1.092 49.5609 1.29746 46.7411 1.89117 43.9342C2.82946 39.4918 4.69148 35.4149 6.98059 31.5225C7.09054 31.3739 7.14987 31.1938 7.14987 31.0089C7.14987 30.824 7.09054 30.6439 6.98059 30.4953C5.15901 27.4393 3.63186 24.2425 2.60136 20.8306C1.48673 17.1421 0.868756 13.4082 1.79249 9.56596C1.81182 9.48252 1.81271 9.39587 1.7951 9.31204C1.7775 9.22822 1.74183 9.14925 1.69057 9.08063C0.765219 8.22159 0.289597 7.13929 0.00649226 5.93565V4.47965C0.0517891 4.32758 0.103563 4.17874 0.144006 4.02505C0.60021 2.29887 1.64688 1.07583 3.29213 0.380179C3.66906 0.220019 4.08159 0.126187 4.48117 0ZM52.4149 31.0032C52.3259 30.8528 52.2531 30.712 52.1641 30.5794C46.7988 22.2851 39.7411 15.2185 31.4538 9.84261C31.1108 9.61773 30.8811 9.62906 30.5479 9.84261C22.2587 15.2172 15.1971 22.2807 9.82457 30.5713C9.61589 30.8948 9.60133 31.1165 9.82457 31.4239C11.4811 33.658 13.0293 35.9795 14.7894 38.1263C19.279 43.5942 24.5961 48.3262 30.5479 52.1509C30.8051 52.3127 31.0025 52.447 31.347 52.2237C39.6995 46.833 46.8072 39.724 52.1965 31.3705C52.2725 31.254 52.3405 31.1327 52.4149 31.0032ZM29.2698 8.32351C26.764 7.19106 24.4506 6.05861 22.0628 5.10088C19.1072 3.91828 16.0254 3.2113 12.8109 3.29705C11.9632 3.3197 11.1204 3.47338 10.242 3.57045C10.737 5.70269 10.3746 7.48873 8.90408 8.95121C7.43355 10.4137 5.63624 10.7308 3.56553 10.2454C2.51399 17.2618 5.25769 23.199 8.41876 29.1493C13.9215 20.895 21.009 13.8161 29.2698 8.32351ZM53.5538 32.9138C48.0984 41.0916 41.0797 48.1099 32.9017 53.5649C33.1217 53.6959 33.2818 53.8108 33.4566 53.8884C35.4545 54.8413 37.4184 55.8815 39.4649 56.7179C42.524 57.9685 45.711 58.7596 49.0516 58.6949C49.943 58.6787 50.8311 58.5218 51.7419 58.4263C50.6661 54.4757 53.9243 50.6043 58.3294 51.6785C59.588 47.5483 57.7729 39.9771 53.5473 32.9106L53.5538 32.9138ZM32.926 8.45455C41.1586 13.9744 48.026 20.8403 53.6589 29.2512C54.7396 26.8973 55.8332 24.7214 56.744 22.4743C57.9864 19.4118 58.771 16.2264 58.6853 12.8873C58.6659 12.0169 58.5089 11.1498 58.4103 10.2406C56.2975 10.7437 54.518 10.3797 53.062 8.90914C51.606 7.43858 51.2825 5.64607 51.7322 3.68531C47.2139 2.3652 39.426 4.53303 32.926 8.45455ZM29.1647 53.5908C25.0581 50.8867 21.2396 47.7685 17.7693 44.2853C14.2819 40.8189 11.159 37.0042 8.44949 32.9009C8.36855 33.0145 8.2935 33.1322 8.22463 33.2536C7.1909 35.436 6.05686 37.5763 5.15092 39.8105C3.95541 42.7581 3.23389 45.8416 3.30183 49.0545C3.32125 49.9443 3.47656 50.834 3.57362 51.7594C5.69287 51.2741 7.47886 51.6187 8.94291 53.0925C10.407 54.5663 10.7224 56.3572 10.2452 58.4393C17.2581 59.4957 23.1968 56.7471 29.1647 53.5891V53.5908Z\" fill=\"#FEAE49\"/>\n        <path d=\"M31.0294 31.1278C28.3359 30.9822 25.7071 30.6602 23.1915 29.6718C22.038 29.2188 20.9638 28.6267 20.0692 27.7563C18.2056 25.9428 18.204 23.6682 20.0692 21.8482C21.4718 20.4811 23.2319 19.7677 25.0842 19.3147C29.2774 18.2874 33.4771 18.3133 37.6379 19.5202C39.157 19.9602 40.5855 20.617 41.7745 21.701C43.8403 23.5857 43.8484 26.0221 41.7745 27.9003C40.1357 29.3822 38.1152 30.0956 35.9992 30.4888C34.3604 30.7994 32.686 30.9239 31.0294 31.1278Z\" fill=\"#FEAE49\"/>\n        <path d=\"M19.575 34.865C24.5495 39.2751 37.4769 39.2637 42.3981 34.8941C43.304 35.7208 43.5823 37.2755 43.0452 38.5665C42.5938 39.6536 41.7753 40.4205 40.8143 41.0465C39.1287 42.145 37.2456 42.7258 35.2833 43.0429C31.5107 43.6512 27.7672 43.5573 24.0966 42.3958C22.4255 41.8668 20.8708 41.1129 19.6979 39.7523C18.3843 38.2316 18.3374 36.3598 19.575 34.865Z\" fill=\"#FEAE49\"/>\n        <path d=\"M19.563 28.6638C22.9603 31.3138 26.9238 31.9673 31.049 31.9609C35.1742 31.9544 39.086 31.3008 42.4331 28.6703C43.5542 29.9402 43.6334 31.6875 42.6191 33.1451C41.6306 34.5623 40.1828 35.355 38.62 35.9487C35.4638 37.1459 32.1782 37.3594 28.8505 37.12C26.8958 36.9963 24.9723 36.5684 23.1496 35.8516C21.8634 35.3339 20.6793 34.6593 19.7523 33.6062C18.3999 32.0838 18.3222 30.2088 19.563 28.6638Z\" fill=\"#FEAE49\"/>\n        </g>\n        <defs>\n        <clipPath id=\"clip0_76_2755\">\n        <rect width=\"62\" height=\"62\" fill=\"white\"/>\n        </clipPath>\n        </defs>\n        </svg>\n        \n</template>","import { render } from \"./DSIconComp.vue?vue&type=template&id=1d87d22d\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg width=\"63\" height=\"63\" viewBox=\"0 0 63 63\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_76_2760)\">\n        <path d=\"M0 47.0082V4.93784C0.0364179 4.86532 0.0658155 4.78948 0.0878084 4.71136C0.614709 1.92588 2.68378 0.0570796 5.50932 0.0355106C11.8629 -0.01379 18.2171 -0.01379 24.5717 0.0355106C27.2894 0.0524577 29.4016 1.8165 29.9316 4.47257C30.2397 5.99472 30.3661 7.55385 30.5587 9.0945C31.1225 13.6055 31.6828 18.1165 32.2395 22.6275C32.79 27.0574 33.339 31.4872 33.8864 35.9171C34.4657 40.5904 35.046 45.2637 35.6274 49.937C35.7352 50.8167 34.9418 51.9275 34.2254 51.9275C24.6939 51.9275 15.163 51.9275 5.63258 51.9275C4.77811 51.9443 3.93158 51.7608 3.1608 51.3916C2.39002 51.0224 1.71643 50.4777 1.194 49.8014C0.529981 48.9725 0.2388 48.0127 0 47.0082ZM19.2858 27.9612C19.4799 28.9395 19.6648 29.8809 19.8527 30.8222C20.0407 31.7635 20.2302 32.7511 20.4336 33.7109C20.6693 34.8263 21.6168 35.5011 22.6213 35.2885C23.6627 35.0682 24.2774 34.1053 24.0587 33.0053C22.8559 26.9865 21.6491 20.9677 20.4382 14.9489C20.1917 13.7164 19.5431 13.1911 18.3075 13.1818C17.2208 13.1746 16.1341 13.1746 15.0475 13.1818C13.8149 13.1895 13.1525 13.7195 12.9075 14.9366C12.0447 19.2104 11.1871 23.4841 10.3346 27.7579C9.98028 29.5234 9.61823 31.2875 9.27467 33.0546C9.22063 33.2955 9.21501 33.5447 9.25814 33.7877C9.30126 34.0308 9.39228 34.2628 9.52589 34.4704C9.65949 34.678 9.83302 34.8569 10.0364 34.9969C10.2398 35.1368 10.4689 35.2349 10.7105 35.2854C11.6534 35.495 12.5763 34.9064 12.8674 33.8989C12.946 33.6246 12.9907 33.3396 13.0477 33.0592C13.3887 31.3614 13.7287 29.6605 14.0676 27.9566L19.2858 27.9612Z\" fill=\"#FEAE49\"/>\n        <path d=\"M58.0747 63.0001H29.8994C29.998 62.8722 30.092 62.7382 30.1983 62.6165C32.7065 59.7447 35.2085 56.8684 37.732 54.0105C38.8937 52.6932 39.4637 51.1711 39.285 49.4378C39.0154 46.8311 38.658 44.232 38.3344 41.6314C37.7798 37.181 37.2242 32.7301 36.6675 28.2786C36.1539 24.1548 35.6404 20.0295 35.1268 15.9026C34.9358 14.362 34.7478 12.8214 34.5537 11.2545C34.7247 11.236 34.8433 11.2129 34.9635 11.2129C42.4248 11.2129 49.8877 11.1944 57.3506 11.2376C58.2089 11.2489 59.0544 11.4477 59.828 11.8199C61.9849 12.8768 62.9817 14.7256 62.9955 17.0936C63.0171 20.7834 62.9955 24.4732 62.9955 28.1615C62.9955 37.8162 62.9955 47.4709 62.9955 57.1256C62.9955 59.0915 62.3484 60.78 60.6938 61.8924C59.9235 62.4131 58.9544 62.6396 58.0747 63.0001ZM47.3965 39.701C47.1562 39.9089 46.9759 40.0753 46.7803 40.2294C45.6078 41.1908 44.4231 42.1367 43.263 43.1135C43.0724 43.2634 42.9136 43.4499 42.7961 43.662C42.6785 43.8741 42.6045 44.1076 42.5784 44.3487C42.5523 44.5897 42.5746 44.8336 42.644 45.066C42.7134 45.2983 42.8285 45.5145 42.9826 45.7018C43.5988 46.4798 44.6511 46.6262 45.5169 46.0222C45.8358 45.8019 46.1332 45.5508 46.4413 45.3043C47.6122 44.3475 48.7785 43.3862 49.9848 42.3986C50.2313 42.6112 50.4547 42.8161 50.6935 43.0056C51.9445 43.9994 53.1847 45.0085 54.4573 45.9729C55.3539 46.6508 56.4601 46.4967 57.0764 45.6648C57.6926 44.8328 57.5571 43.7513 56.6866 43.0457C55.9856 42.4803 55.2553 41.9503 54.5497 41.3895C53.8672 40.8457 53.2001 40.2818 52.5084 39.7117C54.4542 37.3284 55.9501 34.7817 56.8838 31.9238C56.9284 31.7851 57.2058 31.6526 57.386 31.6388C58.5446 31.5448 59.3303 30.7837 59.3042 29.7376C59.278 28.6915 58.4614 27.9489 57.3013 27.9381C56.3384 27.9381 55.3755 27.9381 54.4111 27.9381H51.7996C51.7996 27.3342 51.7996 26.8042 51.7996 26.2758C51.7858 25.0787 51.0293 24.2514 49.9509 24.2529C48.8724 24.2545 48.1221 25.0818 48.1021 26.2804C48.1021 26.8243 48.1021 27.3681 48.1021 27.9381H47.4011C45.8605 27.9381 44.3198 27.9381 42.7884 27.9381C41.5744 27.9381 40.7471 28.6715 40.724 29.7422C40.7009 30.813 41.5097 31.5802 42.7083 31.628C42.81 31.628 42.9117 31.6388 43.0534 31.648C44.0163 34.5706 45.3952 37.2714 47.3965 39.701Z\" fill=\"#FEAE49\"/>\n        <path d=\"M31.2284 55.6604L25.0936 62.4146C22.1664 61.0634 21.7581 58.449 21.6133 55.6604H31.2284Z\" fill=\"#FEAE49\"/>\n        <path d=\"M14.8086 24.2159C15.2985 21.7632 15.7777 19.3598 16.266 16.9148H17.0733C17.5586 19.3336 18.0424 21.754 18.5339 24.2159H14.8086Z\" fill=\"#FEAE49\"/>\n        <path d=\"M46.9619 31.6479H53.0706C52.3649 33.6246 51.2726 35.3162 49.9677 36.9555C48.6809 35.3635 47.6653 33.5703 46.9619 31.6479Z\" fill=\"#FEAE49\"/>\n        </g>\n        <defs>\n        <clipPath id=\"clip0_76_2760\">\n        <rect width=\"63.0031\" height=\"63\" fill=\"white\"/>\n        </clipPath>\n        </defs>\n        </svg>\n        \n</template>","import { render } from \"./NLPIconComp.vue?vue&type=template&id=15a1a52b\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg width=\"71\" height=\"62\" viewBox=\"0 0 71 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_76_2732)\">\n        <path d=\"M2.04541 2.0527e-05H11.2078C11.7502 2.0527e-05 12.2703 0.21548 12.6539 0.599C13.0374 0.98252 13.2528 1.50269 13.2528 2.04506C13.2528 2.58744 13.0374 3.10761 12.6539 3.49113C12.2703 3.87465 11.7502 4.09011 11.2078 4.09011H6.18864C5.92008 4.09011 5.65415 4.143 5.40603 4.24578C5.15791 4.34855 4.93249 4.49919 4.74259 4.68909C4.55269 4.87899 4.40205 5.10443 4.29927 5.35255C4.1965 5.60066 4.14361 5.86659 4.14361 6.13515V11.2661C4.14361 11.8085 3.92815 12.3286 3.54463 12.7121C3.16111 13.0957 2.64094 13.3111 2.09856 13.3111H2.03626C1.49388 13.3111 0.973708 13.0957 0.590188 12.7121C0.206668 12.3286 -0.00878906 11.8085 -0.00878906 11.2661V2.04506C-0.00879177 1.77573 0.0444043 1.50905 0.14775 1.26034C0.251095 1.01162 0.40256 0.785771 0.593432 0.595751C0.784303 0.405731 1.01081 0.255285 1.25999 0.153052C1.50916 0.0508197 1.77608 -0.00118616 2.04541 2.0527e-05Z\" fill=\"#FEAE49\"/>\n        <path d=\"M2.02354 48.6943H2.08403C2.61863 48.6943 3.13132 48.9067 3.50934 49.2847C3.88737 49.6628 4.09975 50.1755 4.09975 50.7101V55.841C4.09975 56.3756 4.31212 56.8883 4.69014 57.2663C5.06816 57.6443 5.58087 57.8567 6.11548 57.8567H11.2208C11.7554 57.8567 12.268 58.0691 12.6461 58.4471C13.0241 58.8251 13.2365 59.3378 13.2365 59.8724V59.9677C13.2365 60.5023 13.0241 61.015 12.6461 61.3931C12.268 61.7711 11.7554 61.9835 11.2208 61.9835H2.02354C1.48894 61.9835 0.976229 61.7711 0.598208 61.3931C0.220186 61.015 0.00782 60.5023 0.00782 59.9677V50.7156C0.0070968 50.4504 0.058708 50.1877 0.159684 49.9425C0.26066 49.6973 0.409012 49.4744 0.596262 49.2867C0.783511 49.0989 1.00598 48.9499 1.25089 48.8483C1.49581 48.7467 1.75837 48.6943 2.02354 48.6943Z\" fill=\"#FEAE49\"/>\n        <path d=\"M65.3608 29.5431C65.7311 29.9415 65.937 30.4652 65.937 31.0091C65.937 31.553 65.7311 32.0767 65.3608 32.4751C62.1283 35.9751 58.6888 39.1856 54.8076 41.9179C51.4065 44.3111 47.7745 46.2498 43.7834 47.4684C35.6271 49.9606 27.8409 48.8538 20.3827 44.9543C14.7442 42.0076 10.0072 37.9066 5.66057 33.3217C5.39853 33.045 5.14017 32.772 4.87812 32.4843C4.50719 32.0816 4.30264 31.5533 4.3057 31.0059C4.30876 30.4584 4.5192 29.9325 4.89461 29.534C5.71189 28.6654 6.52551 27.806 7.36111 26.9685C11.5392 22.7941 16.1057 19.1328 21.4529 16.5381C26.505 14.0862 31.8137 12.8731 37.4449 13.3331C42.5465 13.7527 47.2285 15.4716 51.6154 18.0535C56.8251 21.1229 61.2579 25.1214 65.3425 29.5358L65.3608 29.5431ZM48.7146 30.9303C48.6997 28.2476 47.8917 25.6292 46.3921 23.4046C44.8926 21.1801 42.7685 19.4487 40.2873 18.4285C37.8061 17.4084 35.0785 17.1449 32.4479 17.6712C29.8172 18.1976 27.4011 19.4903 25.5034 21.3867C23.6058 23.2831 22.3115 25.6984 21.7833 28.3287C21.2552 30.9589 21.5169 33.6867 22.5354 36.1686C23.5539 38.6505 25.2838 40.7757 27.5074 42.2767C29.7309 43.7778 32.3488 44.5876 35.0315 44.6043C42.5575 44.6501 48.7549 38.4581 48.7146 30.9303ZM61.0325 30.9486C57.9283 27.7455 54.661 24.8612 50.7963 22.3782C50.7814 22.3686 50.7638 22.3642 50.7461 22.3656C50.7284 22.3671 50.7117 22.3743 50.6986 22.3862C50.6854 22.3981 50.6766 22.414 50.6734 22.4314C50.6702 22.4488 50.6728 22.4668 50.6809 22.4826C53.5432 28.2256 53.5377 33.8091 50.6809 39.5246C50.6728 39.5404 50.6702 39.5584 50.6734 39.5759C50.6766 39.5933 50.6854 39.6092 50.6986 39.6211C50.7117 39.633 50.7284 39.6402 50.7461 39.6416C50.7638 39.6431 50.7814 39.6387 50.7963 39.6291C54.6592 37.1442 57.943 34.2581 61.0325 31.0531C61.0449 31.0385 61.0517 31.02 61.0517 31.0009C61.0517 30.9817 61.0449 30.9632 61.0325 30.9486ZM19.4133 39.3872C16.6793 33.7927 16.6884 28.2091 19.5379 22.4881C19.5454 22.4725 19.5477 22.4549 19.5445 22.4379C19.5412 22.4209 19.5326 22.4054 19.5199 22.3937C19.5071 22.382 19.491 22.3747 19.4738 22.3729C19.4565 22.3711 19.4392 22.3749 19.4243 22.3837C15.5596 24.8758 12.2777 27.7583 9.20093 30.9505C9.19356 30.9578 9.18772 30.9665 9.18373 30.9761C9.17974 30.9857 9.17766 30.996 9.17766 31.0064C9.17766 31.0168 9.17974 31.027 9.18373 31.0366C9.18772 31.0462 9.19356 31.0549 9.20093 31.0623C12.2813 34.2544 15.5578 37.1351 19.2979 39.4917C19.3128 39.5012 19.3304 39.5057 19.3481 39.5042C19.3658 39.5028 19.3825 39.4955 19.3956 39.4836C19.4087 39.4717 19.4176 39.4559 19.4208 39.4384C19.424 39.421 19.4214 39.403 19.4133 39.3872Z\" fill=\"#FEAE49\"/>\n        <path d=\"M68.1664 13.2909C67.6318 13.2909 67.1191 13.0785 66.7411 12.7005C66.363 12.3225 66.1507 11.8098 66.1507 11.2752V6.14974C66.1507 5.61513 65.9383 5.10243 65.5603 4.7244C65.1822 4.34638 64.6695 4.13401 64.1349 4.13401H59.004C58.4694 4.13401 57.9567 3.92164 57.5787 3.54362C57.2006 3.1656 56.9883 2.65289 56.9883 2.11829V2.0853C56.9883 1.5507 57.2006 1.03799 57.5787 0.659972C57.9567 0.28195 58.4694 0.0695801 59.004 0.0695801H68.1884C68.723 0.0695801 69.2357 0.28195 69.6137 0.659972C69.9917 1.03799 70.2041 1.5507 70.2041 2.0853V11.2697C70.2048 11.5367 70.1525 11.8012 70.0502 12.0479C69.9478 12.2945 69.7975 12.5184 69.6079 12.7064C69.4183 12.8945 69.1933 13.043 68.9458 13.1433C68.6983 13.2436 68.4334 13.2938 68.1664 13.2909Z\" fill=\"#FEAE49\"/>\n        <path d=\"M56.959 59.9367C56.959 59.402 57.1714 58.8893 57.5494 58.5113C57.9274 58.1333 58.4401 57.9209 58.9747 57.9209H64.0635C64.5981 57.9209 65.1108 57.7086 65.4888 57.3305C65.8669 56.9525 66.0792 56.4398 66.0792 55.9052V50.7743C66.0792 50.2397 66.2916 49.727 66.6696 49.3489C67.0476 48.9709 67.5603 48.7585 68.0949 48.7585H68.1316C68.6662 48.7585 69.1789 48.9709 69.5569 49.3489C69.9349 49.727 70.1473 50.2397 70.1473 50.7743V59.9367C70.1473 60.4713 69.9349 60.984 69.5569 61.362C69.1789 61.74 68.6662 61.9524 68.1316 61.9524H58.9692C58.4356 61.9509 57.9243 61.7379 57.5474 61.36C57.1706 60.9822 56.959 60.4703 56.959 59.9367Z\" fill=\"#FEAE49\"/>\n        <path d=\"M35.1162 24.3645C36.4329 24.3638 37.7202 24.754 38.815 25.4857C39.9097 26.2173 40.7626 27.2575 41.2656 28.4744C41.7685 29.6913 41.8989 31.0301 41.6402 32.3212C41.3815 33.6122 40.7453 34.7974 39.8123 35.7266C38.8793 36.6557 37.6915 37.287 36.3994 37.5403C35.1072 37.7937 33.769 37.6578 32.5542 37.1498C31.3394 36.6418 30.3027 35.7846 29.5756 34.6868C28.8485 33.589 28.4636 32.3001 28.4698 30.9834C28.4766 29.2253 29.1799 27.5415 30.4256 26.3009C31.6714 25.0603 33.358 24.364 35.1162 24.3645ZM32.5855 31.0274C32.5885 31.5297 32.7407 32.0198 33.0227 32.4354C33.3048 32.8511 33.704 33.1736 34.1697 33.3619C34.6353 33.5502 35.1465 33.5959 35.6382 33.4931C36.1299 33.3904 36.58 33.1438 36.9313 32.7848C37.2826 32.4258 37.5192 31.9704 37.6112 31.4766C37.7032 30.9828 37.6464 30.4728 37.448 30.0113C37.2496 29.5498 36.9185 29.1577 36.4968 28.8848C36.0751 28.6119 35.5818 28.4704 35.0795 28.4784C34.4122 28.49 33.7762 28.764 33.3094 29.2411C32.8426 29.7181 32.5825 30.3599 32.5855 31.0274Z\" fill=\"#FEAE49\"/>\n        </g>\n        <defs>\n        <clipPath id=\"clip0_76_2732\">\n        <rect width=\"70.1857\" height=\"62\" fill=\"white\"/>\n        </clipPath>\n        </defs>\n        </svg>\n        \n</template>","import { render } from \"./CVIconComp.vue?vue&type=template&id=e2aa71a2\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveDynamicComponent as _resolveDynamicComponent, createBlock as _createBlock, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, withCtx as _withCtx } from \"vue\"\nimport _imports_0 from '../../assets/footerBG.png'\n\n\nconst _hoisted_1 = { class: \"mt-20 bg-[#581699] text-white sm:pb-2 py-16\" }\nconst _hoisted_2 = {\n  \"data-aos\": \"fade-up\",\n  class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto py-[36px] sm:px-[71px] px-8\"\n}\nconst _hoisted_3 = { class: \"flex justify-start items-center gap-2\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"!text-primary-orange title\" }, \"CAMLDS\", -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"content mt-5 text-justify\" }, \" During the program, students work on commercial data science problems with companies, which include startups, SMEs, charities, Non-Governmental Organizations (NGO), Governments, and large multinational companies. There will be a huge range of different projects, and students' preferences will be taken into consideration. \", -1)\nconst _hoisted_6 = { class: \"flex lg:flex-row flex-col justify-center items-center gap-4 w-full\" }\nconst _hoisted_7 = { class: \"flex flex-col justify-start items-center gap-2 bg-white sm:w-[272px] w-full sm:h-[410px] h-[378px] rounded-[10px] px-5 py-6\" }\nconst _hoisted_8 = { class: \"text-[#06094E] exo text-xl font-semibold mt-4\" }\nconst _hoisted_9 = { class: \"text-[#737373] sm:text-[15px] text-base font-normal mt-[14px]\" }\nconst _hoisted_10 = { class: \"relative sm:mb-[40px] mb-[70px]\" }\nconst _hoisted_11 = /*#__PURE__*/_createElementVNode(\"img\", {\n  src: _imports_0,\n  class: \"w-full h-60 md:h-80 sm:h-full object-cover\"\n}, null, -1)\nconst _hoisted_12 = {\n  \"data-aos\": \"zoom-in\",\n  class: \"absolute inset-0 flex flex-col items-center justify-center\"\n}\nconst _hoisted_13 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"title mb-2 !text-white font-bold\" }, \"Call For Volunteer Instructors\", -1)\nconst _hoisted_14 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"avenir text-base text-primary-orange sm:mb-7 text-center mb-4 max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto\" }, \"be part of the movement that’s shaping the future of technology and innovation in Africa. Your journey to becoming a top-tier CAMLDS practitioner starts here!\", -1)\nconst _hoisted_15 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"avenir cursor-pointer text-white sm:py-4 sm:px-8 py-3 px-4 w-fit bg-primary-orange rounded-lg hover:shadow-lg hover:scale-105\" }, \"Sign up as a Volunteer\", -1)\n\nimport ProfileAvatarIconComp from \"../../components/IconComp/ProfileAvatarIconComp.vue\";\nimport { ref } from \"vue\";\nimport MLIconComp from \"../../components/IconComp/MLIconComp.vue\";\nimport DSIconComp from \"../../components/IconComp/DSIconComp.vue\";\nimport NLPIconComp from \"../../components/IconComp/NLPIconComp.vue\";\nimport CVIconComp from \"../../components/IconComp/CVIconComp.vue\";\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BottomContent',\n  setup(__props) {\n\nconst keyTerms = ref([\n  {\n    title: \"Machine Learning\",\n    icon: MLIconComp,\n    content:\n      \"Machine learning (ML) is the scientific study of algorithms and statistical models that computer systems use to perform a specific task without using explicit instructions, relying on patterns and inference instead.\",\n  },\n\n  {\n    title: \"Data Science\",\n    icon: DSIconComp,\n    content:\n      \"Data science is a multi-disciplinary field that uses scientific methods, processes, algorithms and systems to extract knowledge and insights from structured and unstructured data.\",\n  },\n\n  {\n    title: \"Generative AI\",\n    icon: CVIconComp,\n    content:\n      \"Generative Artificial Intelligence fuels creativity, enabling personalized content and experiences, unlocking new avenues for entertainment, art, and self-expression appealing to Gen Z's digital-native sensibilities.\",\n  },\n\n  {\n    title: \"NLP/NLU\",\n    icon: NLPIconComp,\n    content:\n      \"Natural language processing (NLP) and Natural Language Understanding (NLU) are subfield of linguistics, computer science, information engineering, and artificial intelligence concerned with the interactions between computers and human (natural) languages.\",\n  },\n]);\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"section\", _hoisted_1, [\n      _createElementVNode(\"div\", _hoisted_2, [\n        _createElementVNode(\"div\", _hoisted_3, [\n          _createVNode(ProfileAvatarIconComp),\n          _hoisted_4\n        ]),\n        _hoisted_5,\n        _createElementVNode(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(keyTerms.value, (term) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: term.title,\n              class: \"flex lg:flex-row flex-col justify-center items-center gap-2 mt-11\"\n            }, [\n              _createElementVNode(\"div\", _hoisted_7, [\n                (_openBlock(), _createBlock(_resolveDynamicComponent(term.icon), { class: \"h-[62px] w-[62px]\" })),\n                _createElementVNode(\"div\", _hoisted_8, _toDisplayString(term.title), 1),\n                _createElementVNode(\"div\", _hoisted_9, _toDisplayString(term.content), 1)\n              ])\n            ]))\n          }), 128))\n        ])\n      ])\n    ]),\n    _createElementVNode(\"section\", _hoisted_10, [\n      _hoisted_11,\n      _createElementVNode(\"div\", _hoisted_12, [\n        _hoisted_13,\n        _hoisted_14,\n        _createVNode(_component_router_link, { to: \"/become-an-instructor\" }, {\n          default: _withCtx(() => [\n            _hoisted_15\n          ]),\n          _: 1\n        })\n      ])\n    ])\n  ], 64))\n}\n}\n\n})","<template>\n  <section class=\"mt-20 bg-[#581699] text-white sm:pb-2 py-16\">\n    <div\n    data-aos=\"fade-up\"\n      class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto py-[36px] sm:px-[71px] px-8\"\n    >\n      <div class=\"flex justify-start items-center gap-2\">\n        <ProfileAvatarIconComp />\n        <div class=\"!text-primary-orange title\">CAMLDS</div>\n      </div>\n\n      <div class=\"content mt-5 text-justify\">\n        During the program, students work on commercial data science problems\n        with companies, which include startups, SMEs, charities,\n        Non-Governmental Organizations (NGO), Governments, and large\n        multinational companies. There will be a huge range of different\n        projects, and students' preferences will be taken into consideration.\n      </div>\n\n      <div class=\"flex lg:flex-row flex-col justify-center items-center gap-4 w-full\">\n        <div\n          v-for=\"term in keyTerms\"\n          :key=\"term.title\"\n          class=\"flex lg:flex-row flex-col justify-center items-center gap-2 mt-11\"\n        >\n          <div\n            class=\"flex flex-col justify-start items-center gap-2 bg-white sm:w-[272px] w-full sm:h-[410px] h-[378px] rounded-[10px] px-5 py-6\"\n          >\n            <component\n              :is=\"term.icon\"\n              class=\"h-[62px] w-[62px] \"\n            />\n            <div class=\"text-[#06094E] exo text-xl font-semibold mt-4\">\n              {{ term.title }}\n            </div>\n            <div class=\"text-[#737373] sm:text-[15px] text-base font-normal mt-[14px]\">\n              {{ term.content }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"relative sm:mb-[40px] mb-[70px]\">\n    <img src=\"../../assets/footerBG.png\" class=\"w-full h-60 md:h-80 sm:h-full object-cover\"/>\n    <div\n      data-aos=\"zoom-in\"\n      class=\"absolute inset-0 flex flex-col items-center justify-center\"\n    >\n      <div class=\"title mb-2 !text-white font-bold\">Call For Volunteer Instructors</div>\n      <div class=\"avenir text-base text-primary-orange sm:mb-7 text-center mb-4 max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto\">be part of the movement that’s shaping the future of technology and innovation in Africa. Your journey to becoming a top-tier CAMLDS practitioner starts here!</div>\n      \n      <router-link to=\"/become-an-instructor\"><div class=\"avenir cursor-pointer text-white sm:py-4 sm:px-8 py-3 px-4 w-fit bg-primary-orange rounded-lg hover:shadow-lg hover:scale-105\">Sign up as a Volunteer</div></router-link>\n      \n    </div>\n  </section>\n\n</template>\n\n<script setup lang=\"ts\">\nimport ProfileAvatarIconComp from \"../../components/IconComp/ProfileAvatarIconComp.vue\";\nimport { ref } from \"vue\";\nimport MLIconComp from \"../../components/IconComp/MLIconComp.vue\";\nimport DSIconComp from \"../../components/IconComp/DSIconComp.vue\";\nimport NLPIconComp from \"../../components/IconComp/NLPIconComp.vue\";\nimport CVIconComp from \"../../components/IconComp/CVIconComp.vue\";\n\nconst keyTerms = ref([\n  {\n    title: \"Machine Learning\",\n    icon: MLIconComp,\n    content:\n      \"Machine learning (ML) is the scientific study of algorithms and statistical models that computer systems use to perform a specific task without using explicit instructions, relying on patterns and inference instead.\",\n  },\n\n  {\n    title: \"Data Science\",\n    icon: DSIconComp,\n    content:\n      \"Data science is a multi-disciplinary field that uses scientific methods, processes, algorithms and systems to extract knowledge and insights from structured and unstructured data.\",\n  },\n\n  {\n    title: \"Generative AI\",\n    icon: CVIconComp,\n    content:\n      \"Generative Artificial Intelligence fuels creativity, enabling personalized content and experiences, unlocking new avenues for entertainment, art, and self-expression appealing to Gen Z's digital-native sensibilities.\",\n  },\n\n  {\n    title: \"NLP/NLU\",\n    icon: NLPIconComp,\n    content:\n      \"Natural language processing (NLP) and Natural Language Understanding (NLU) are subfield of linguistics, computer science, information engineering, and artificial intelligence concerned with the interactions between computers and human (natural) languages.\",\n  },\n]);\n</script>\n","import script from \"./BottomContent.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./BottomContent.vue?vue&type=script&setup=true&lang=ts\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <transition name=\"fade\">\n    <div v-if=\"isVisible\" class=\"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center overflow-hidden z-50\">\n      <div class=\"bg-white text-center rounded-lg max-w-screen-lg max-h-screen overflow-hidden flex flex-col  z-50 m-8\">\n        <div class=\"flex items-center justify-between rounded-t-lg p-2 border-b-2 border-gray-300 bg-white sticky top-0\">\n\n            <h5 class=\"exo font-medium font-base w-full text-center\">\n                <span class=\"inline-block bg-yellow-400 text-black px-3 py-1 rounded-md font-bold shadow-md mx-auto typing-container\">\n                  <span class=\"typing-text\">NYSC Corps Members enjoy discounts ranging from 30% to 50%.</span>\n                </span>\n              </h5>\n\n          <button type=\"button\" class=\"text-gray-500 hover:text-gray-700\" @click=\"closeModal\">\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n            </svg>\n          </button>\n        </div>\n\n        <!-- Ads Body -->\n        <div class=\"flex flex-col-reverse lg:flex-row items-center justify-between gap-4 sm:gap-12 p-2 md:p-4 w-full h-full overflow-auto\">\n\n          <!-- Text Content -->\n          <div class=\"flex flex-col items-center justify-center lg:w-1/2 p-4\">\n            <h2 class=\"text-2xl md:text-4xl text-[#3B0545] font-semibold text-center mb-4\">Start your Tech Journey with real-world projects.</h2>\n            <p class=\"text-center mb-4\">...and achieve your learning goals. With our expert tutors, your goals are closer than ever!</p>\n            <router-link to=\"/course\" class=\"bg-primary-purple text-white px-6 py-3 rounded-[30px] hover:bg-purple-900 block\">\n              Start Learning now!\n            </router-link> \n          </div>\n\n          <!-- Carousel -->\n          <div class=\"flex items-center justify-center lg:w-1/2 w-full sm:mx-0 mx-2 overflow-x-hidden px-2\">\n            <Carousel :value=\"courses\" :numVisible=\"numVisible\" :numScroll=\"1\" circular :autoplayInterval=\"interval\" @mouseenter=\"interval = 15000\" @mouseleave=\"interval = 3000\">\n              <template #item=\"slotProps\">\n                <div class=\"course-item h-full w-full px-2 sm:px-4 py-1\">\n                  <img :src=\"slotProps.data.image\" :alt=\"slotProps.data.title\" class=\"min-h-[320px] sm:min-h-[450px] max-w-[90%] w-full rounded-lg shadow-md\" />\n                </div>\n              </template>\n            </Carousel>\n          </div>\n        </div>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Carousel from 'primevue/carousel';\n\nconst numVisible = 1;\nconst interval = ref(4000);\n\nconst isVisible = ref(true);\nconst closeModal = () => {\n  isVisible.value = false;\n};\n\nconst courses = ref([\n  // {\n  //   title: 'Bootcamp',\n  //   image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1731074682/BOOTCAMP_2_tqocrq.png',\n  //},\n  {\n    title: 'Fullstack',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316482/1_ytgefr.png',\n  },\n  {\n    title: 'Gen AI',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316486/9_ygieqv.png',\n  },\n  \n  {\n    title: 'frontend',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316482/2_vtdjjb.png',\n  },\n  {\n    title: 'Ui/ux',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316482/4_gqti1s.png',\n  },\n  {\n    title: 'linux',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316483/5_cd6i6k.png',\n  },\n  {\n    title: 'Python',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316483/3_xajtxv.png',\n  },\n  {\n    title: 'html',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316483/6_sirow8.png',\n  },\n  {\n    title: 'Django',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316484/7_agr5fp.png',\n  },\n  {\n    title: 'Database',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316485/8_wfxrp7.png',\n  },\n  {\n    title: 'low code',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316486/11_vb9qsq.png',\n  },\n  {\n    title: 'Data Science',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1720685800/Courses-Fliers-website_1_mj3pwz.jpg',\n  },\n  {\n    title: 'low code/ no code',\n    image: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719316486/10_kuwp7m.png',\n  },\n]);\n</script>\n\n<style scoped>\n.fade-enter-active, .fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to {\n  opacity: 0;\n}\n</style>\n<style>\n.typing-container {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.typing-text {\n  display: inline-block;\n  overflow: hidden;\n  border-right: 3px solid black;\n  white-space: nowrap;\n  animation: typing 3.5s steps(40, end) infinite,\n             blink-caret .75s step-end infinite;\n}\n\n@keyframes typing {\n  0% { width: 0; }\n  50% { width: 100%; }\n  90% { width: 100%; }\n  100% { width: 0; }\n}\n\n@keyframes blink-caret {\n  from, to { border-color: transparent }\n  50% { border-color: black; }\n}\n</style>\n","import script from \"./AdsModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AdsModal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AdsModal.vue?vue&type=style&index=0&id=56e6e20a&scoped=true&lang=css\"\nimport \"./AdsModal.vue?vue&type=style&index=1&id=56e6e20a&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-56e6e20a\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, unref as _unref, createVNode as _createVNode, withCtx as _withCtx } from \"vue\"\n\nconst _hoisted_1 = { class: \"py-18 bg-white mx-auto\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title mb-3 text-center\" }, \"You’re in safe hands\", -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"content text-center font-normal\" }, [\n  /*#__PURE__*/_createTextVNode(\" Here’s what our students are saying about us; \"),\n  /*#__PURE__*/_createElementVNode(\"a\", {\n    href: \"https://www.google.com/maps/place/Center+for+Applied+Machine+Learning+and+Data+Science/@9.1100353,7.4249415,17z/data=!4m8!3m7!1s0x104ddf888ac6a5f3:0x49b977de064aee51!8m2!3d9.1100353!4d7.4275164!9m1!1b1!16s%2Fg%2F11rnbm3vjy?hl=en-US&entry=ttu\",\n    target: \"_blank\",\n    class: \"text-[#0066FF] underline\"\n  }, \"Google Rating \")\n], -1)\nconst _hoisted_4 = { class: \"flex flex-nowrap overflow-x-auto no-scrollbar mt-[70px] gap-5 items-center\" }\nconst _hoisted_5 = { class: \"flex justify-start gap-3 items-center exo text-lg text-[#0C1118] font-bold mb-5\" }\nconst _hoisted_6 = { class: \"text-[#454D59] font-normal text-sm exo\" }\n\nimport { ref } from \"vue\";\nimport { TickIconComp } from \"../../components/IconComp/StrategyIconComp\";\nimport { computed } from \"vue\";\nimport { Vue3Marquee } from 'vue3-marquee'\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'TestimonialSection',\n  setup(__props) {\n\nconst students = ref([\n  {\n    name: \"Chukwudi Ogbu\",\n    image: \"https://via.placeholder.com/150\",\n    comment:\n      \"Reflecting on my journey with the Centre for Applied Machine Learning and Data Science, I have found it incredibly rewarding, providing invaluable insights into the realm of data science. I wholeheartedly recommend it to those eager to enrich their skill set and advance their IT proficiency in machine learning and data science amidst this rapidly evolving age.\",\n  },\n  {\n    name: \"Ezekiel Awodi\",\n    image: \"\",\n    comment:\n      \"My experience at the Centre for Applied Machine Learning and Data Science was transformative, equipping me with the skills and expertise to succeed in this exciting and rapidly evolving field. I would highly recommend it to anyone looking to advance their skills and knowledge in machine learning and data science.\",\n  },\n  {\n    name: \"Sunday Meliga\",\n    image: \"\",\n    comment:\n      \"With what I’ve seen and experienced so far, also with the students and tutor relationship couples with the relax ambience of the enviroment and then the  state of the art equipments;”CALMDS” is definitely the right place to be.\",\n  },\n  {\n    name: \"Ben Dominic\",\n    image: \"\",\n    comment:\n      \"So far, my experience of learning data science here has been very nice. The facilitators are patient with us and they explain every detail to us in a way we will understand. I recommend for anyone who wishes to learn Data science or Web Development\",\n  },\n  {\n    name: \"Isobel Okosi\",\n    image: \"\",\n    comment:\n      \"Taking they Data science class, collins and Joy makes it easier, understandable and interesting\",\n  },\n  {\n    name: \"Josh Tech\",\n    image: \"\",\n    comment:\n      \"Very serene and friendly learning environment, I studied data science and so far my experience has been great. They have a good learning structure.\",\n  },\n  {\n    name: \"Ahamefule Chukwuka\",\n    image: \"\",\n    comment:\n      \"Enrolled for data science training tho my training is still going.Qualified instructors ,Good learning environment.\",\n  },\n  {\n    name: \"Jeremy Onoja\",\n    image: \"\",\n    comment:\n      \"it has been an exciting journey in data science class with CAMLDS their facilitators are really great and willing to help at all times\",\n  },\n  {\n    name: \"MUHAMMAD MUHAMMAD\",\n    image: \"\",\n    comment:\n      \"My favourite thing about the centre is the community of students, they are diverse and welcoming, with plenty of opportunities for collaboration and networking. The centre also provides real-world examples and hands-on projects that have helped me to truly grasp the concepts. Although the coursework is challenging but it's also rewarding, and the staffs are always available to provide guidance and support.\",\n  },\n  {\n    name: \"Adetutu Suleiman\",\n    image: \"\",\n    comment:\n      \"I signed up at CAMLDS to study applied machine learning and data science and I’ve gotten the best from their instructors. Their approach to teaching python and data visualisation is so detailed that even a beginner without a background in computer can easily grasp. It worth the try, I can assure you.\",\n  },\n  {\n    name: \"ozioma Nwankwo\",\n    image: \"\",\n    comment:\n      \"As someone that has no IT background, I have seen my self understanding and learning a lot under this short period I've been here. I now like the idea of Data Science, UI/UX, python use and so much more.\",\n  },\n  {\n    name: \"Chukwudi Ogbu\",\n    image: \"\",\n    comment:\n      \"Reflecting on my journey with the Centre for Applied Machine Learning and Data Science, I have found it incredibly rewarding, providing invaluable insights into the realm of data science. I wholeheartedly recommend it to those eager to enrich their skill set and advance their IT proficiency in machine learning and data science amidst this rapidly evolving age.\",\n  },\n  {\n    name: \"Odinakachi Obiezu\",\n    image: \"\",\n    comment:\n      \"It's amazing learning with (Centre for Applied Machine Learning) I'm really enjoying the lectures on figma and looking forward for more. Thanks\",\n  },\n  {\n    name: \"Eleazer A.C\",\n    image: \"\",\n    comment:\n      \"The Center for Applied Machine Learning and Data Science is a place for empowering one in the journey of Data Science and Machine Learning. I've learnt alot and still learning\",\n  },\n]);\nconst colors = [\n  \"#FFDDC1\", \"#FFD3B4\", \"#FFAAA6\", \"#FF8C94\",\n  \"#FFC4E1\", \"#FFEBE5\", \"#FFF9C4\", \"#D0F4DE\"\n];\nconst getInitial = (name: string) => name.charAt(0).toUpperCase();\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"section\", _hoisted_1, [\n    _hoisted_2,\n    _hoisted_3,\n    _createVNode(_unref(Vue3Marquee), {\n      pauseOnHover: true,\n      duration: 100\n    }, {\n      default: _withCtx(() => [\n        _createElementVNode(\"div\", _hoisted_4, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(students.value, (remark, index) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: index,\n              class: \"flex-shrink-0 remark mb-4 border border-[#ECEFF3] shadow-sm shadow-primary-purple rounded-[16px] p-6 max-w-[343px] h-fit\"\n            }, [\n              _createElementVNode(\"div\", _hoisted_5, [\n                _createElementVNode(\"div\", {\n                  style: _normalizeStyle({ backgroundColor: colors[index % colors.length] }),\n                  class: \"w-12 h-12 rounded-full flex items-center justify-center text-white border shadow-md hover:shadow-none\"\n                }, _toDisplayString(getInitial(remark.name)), 5),\n                _createElementVNode(\"div\", null, _toDisplayString(remark.name), 1),\n                _createVNode(_unref(TickIconComp))\n              ]),\n              _createElementVNode(\"div\", _hoisted_6, \" \\\" \" + _toDisplayString(remark.comment) + \" \\\" \", 1)\n            ]))\n          }), 128))\n        ])\n      ]),\n      _: 1\n    })\n  ]))\n}\n}\n\n})","<template>\n  <section class=\"py-18 bg-white mx-auto\">\n    <h2 class=\"title mb-3 text-center\">You’re in safe hands</h2>\n    <div class=\"content text-center font-normal\">\n      Here’s what our students are saying about us;\n      <a\n        href=\"https://www.google.com/maps/place/Center+for+Applied+Machine+Learning+and+Data+Science/@9.1100353,7.4249415,17z/data=!4m8!3m7!1s0x104ddf888ac6a5f3:0x49b977de064aee51!8m2!3d9.1100353!4d7.4275164!9m1!1b1!16s%2Fg%2F11rnbm3vjy?hl=en-US&entry=ttu\"\n        target=\"_blank\"\n        class=\"text-[#0066FF] underline\"\n        >Google Rating\n      </a>\n    </div>\n\n    <Vue3Marquee :pauseOnHover=true :duration=\"100\" >\n    <div\n      class=\"flex flex-nowrap overflow-x-auto no-scrollbar mt-[70px] gap-5 items-center\"\n    >\n      <div\n        v-for=\"(remark, index) in students\"\n        :key=\"index\"\n        class=\"flex-shrink-0 remark mb-4 border border-[#ECEFF3] shadow-sm shadow-primary-purple rounded-[16px] p-6 max-w-[343px] h-fit\"\n      >\n        <div\n          class=\"flex justify-start gap-3 items-center exo text-lg text-[#0C1118] font-bold mb-5\"\n        >\n          <!-- <img src=\"../../assets/Avatar Image.png\" /> -->\n          <div\n          :style=\"{ backgroundColor: colors[index % colors.length] }\"\n          class=\"w-12 h-12 rounded-full flex items-center justify-center text-white border shadow-md hover:shadow-none\"\n        >\n          {{ getInitial(remark.name) }}\n        </div>\n          <div>{{ remark.name }}</div>\n          <TickIconComp />\n        </div>\n        <div class=\"text-[#454D59] font-normal text-sm exo\">\n          \" {{ remark.comment }} \"\n        </div>\n      </div>\n    </div>\n    </Vue3Marquee>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { TickIconComp } from \"../../components/IconComp/StrategyIconComp\";\nimport { computed } from \"vue\";\nimport { Vue3Marquee } from 'vue3-marquee'\nconst students = ref([\n  {\n    name: \"Chukwudi Ogbu\",\n    image: \"https://via.placeholder.com/150\",\n    comment:\n      \"Reflecting on my journey with the Centre for Applied Machine Learning and Data Science, I have found it incredibly rewarding, providing invaluable insights into the realm of data science. I wholeheartedly recommend it to those eager to enrich their skill set and advance their IT proficiency in machine learning and data science amidst this rapidly evolving age.\",\n  },\n  {\n    name: \"Ezekiel Awodi\",\n    image: \"\",\n    comment:\n      \"My experience at the Centre for Applied Machine Learning and Data Science was transformative, equipping me with the skills and expertise to succeed in this exciting and rapidly evolving field. I would highly recommend it to anyone looking to advance their skills and knowledge in machine learning and data science.\",\n  },\n  {\n    name: \"Sunday Meliga\",\n    image: \"\",\n    comment:\n      \"With what I’ve seen and experienced so far, also with the students and tutor relationship couples with the relax ambience of the enviroment and then the  state of the art equipments;”CALMDS” is definitely the right place to be.\",\n  },\n  {\n    name: \"Ben Dominic\",\n    image: \"\",\n    comment:\n      \"So far, my experience of learning data science here has been very nice. The facilitators are patient with us and they explain every detail to us in a way we will understand. I recommend for anyone who wishes to learn Data science or Web Development\",\n  },\n  {\n    name: \"Isobel Okosi\",\n    image: \"\",\n    comment:\n      \"Taking they Data science class, collins and Joy makes it easier, understandable and interesting\",\n  },\n  {\n    name: \"Josh Tech\",\n    image: \"\",\n    comment:\n      \"Very serene and friendly learning environment, I studied data science and so far my experience has been great. They have a good learning structure.\",\n  },\n  {\n    name: \"Ahamefule Chukwuka\",\n    image: \"\",\n    comment:\n      \"Enrolled for data science training tho my training is still going.Qualified instructors ,Good learning environment.\",\n  },\n  {\n    name: \"Jeremy Onoja\",\n    image: \"\",\n    comment:\n      \"it has been an exciting journey in data science class with CAMLDS their facilitators are really great and willing to help at all times\",\n  },\n  {\n    name: \"MUHAMMAD MUHAMMAD\",\n    image: \"\",\n    comment:\n      \"My favourite thing about the centre is the community of students, they are diverse and welcoming, with plenty of opportunities for collaboration and networking. The centre also provides real-world examples and hands-on projects that have helped me to truly grasp the concepts. Although the coursework is challenging but it's also rewarding, and the staffs are always available to provide guidance and support.\",\n  },\n  {\n    name: \"Adetutu Suleiman\",\n    image: \"\",\n    comment:\n      \"I signed up at CAMLDS to study applied machine learning and data science and I’ve gotten the best from their instructors. Their approach to teaching python and data visualisation is so detailed that even a beginner without a background in computer can easily grasp. It worth the try, I can assure you.\",\n  },\n  {\n    name: \"ozioma Nwankwo\",\n    image: \"\",\n    comment:\n      \"As someone that has no IT background, I have seen my self understanding and learning a lot under this short period I've been here. I now like the idea of Data Science, UI/UX, python use and so much more.\",\n  },\n  {\n    name: \"Chukwudi Ogbu\",\n    image: \"\",\n    comment:\n      \"Reflecting on my journey with the Centre for Applied Machine Learning and Data Science, I have found it incredibly rewarding, providing invaluable insights into the realm of data science. I wholeheartedly recommend it to those eager to enrich their skill set and advance their IT proficiency in machine learning and data science amidst this rapidly evolving age.\",\n  },\n  {\n    name: \"Odinakachi Obiezu\",\n    image: \"\",\n    comment:\n      \"It's amazing learning with (Centre for Applied Machine Learning) I'm really enjoying the lectures on figma and looking forward for more. Thanks\",\n  },\n  {\n    name: \"Eleazer A.C\",\n    image: \"\",\n    comment:\n      \"The Center for Applied Machine Learning and Data Science is a place for empowering one in the journey of Data Science and Machine Learning. I've learnt alot and still learning\",\n  },\n]);\nconst colors = [\n  \"#FFDDC1\", \"#FFD3B4\", \"#FFAAA6\", \"#FF8C94\",\n  \"#FFC4E1\", \"#FFEBE5\", \"#FFF9C4\", \"#D0F4DE\"\n];\nconst getInitial = (name: string) => name.charAt(0).toUpperCase();\n\n</script>\n\n<style>\n.initial-circle {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n  background-color: #eceff3;\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: bold;\n  color: #0c1118;\n}\n\n\n.remark:nth-last-child(1){\n  margin-right:20px;\n}\n</style>\n","import script from \"./TestimonialSection.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./TestimonialSection.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./TestimonialSection.vue?vue&type=style&index=0&id=4c6f6c59&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <section class=\"py-16 mx-auto flex flex-col items-center justify-center max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px]\">\n    <h2 class=\"text-[#3B0545] title text-center mb-4\">C<span class=\"text-primary-orange\">A</span>MLDS in Action</h2>\n\n    <div class=\"carousel-container relative overflow-hidden bg-white\">\n      <div class=\"carousel-slide flex\" :style=\"{ transform: `translateX(-${counter * 100}%)` }\">\n        <img src=\"../../assets/gallery/gallery (4).png\" alt=\"Image 1\" class=\"w-full\">\n        <img src=\"../../assets/gallery/gallery (3).png\" alt=\"Image 2\" class=\"w-full\">\n        <img src=\"../../assets/gallery/gallery (1).png\" alt=\"Image 3\" class=\"w-full\">\n        <img src=\"../../assets/gallery/gallery (2).png\" alt=\"Image 4\" class=\"w-full\">\n        <img src=\"../../assets/gallery/gallery (5).png\" alt=\"Image 5\" class=\"w-full\">\n        <img src=\"../../assets/gallery/gallery (6).png\" alt=\"Image 6\" class=\"w-full\">\n        <img src=\"../../assets/gallery/gallery (7).jpg\" alt=\"Image 7\" class=\"w-full h-[393px]\">\n        <img src=\"../../assets/gallery/gallery (8).jpg\" alt=\"Image 8\" class=\"w-full  h-[393px]\">\n        <img src=\"../../assets/gallery/gallery (9).jpg\" alt=\"Image 9\" class=\"w-full  h-[393px]\">\n      </div>\n      <button class=\"prev-btn absolute top-1/2 transform -translate-y-1/2 left-0 h-10 w-10 bg-black text-white px-3 py-1 rounded-full opacity-50 hover:opacity-100 transition-opacity duration-300\" @click=\"prevSlide\"><i class=\"pi pi-chevron-left\"></i></button>\n      <button class=\"next-btn absolute top-1/2 transform -translate-y-1/2 right-0 h-10 w-10 bg-black text-white px-3 py-1 rounded-full opacity-50 hover:opacity-100 transition-opacity duration-300\" @click=\"nextSlide\"><i class=\"pi pi-chevron-right\"></i></button>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst counter = ref(0);\n\nconst nextSlide = () => {\n  if (counter.value < 5 && counter.value !=9) { // Change '5' to the total number of images minus 1\n    counter.value++;\n  }\n};\n\nconst prevSlide = () => {\n  if (counter.value > 0) {\n    counter.value--;\n  }\n};\n</script>\n\n<style scoped>\nimg {\n  transition: opacity 0.9s;\n  background-color: black;\n}\n\nimg:hover {\n  opacity: 0.8; \n}\n</style>\n","import script from \"./GallerySection.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GallerySection.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GallerySection.vue?vue&type=style&index=0&id=33a8f960&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-33a8f960\"]])\n\nexport default __exports__","<template>\n  <transition name=\"fade\">\n    <div v-if=\"isVisible\" class=\"fixed inset-0 bg-black bg-opacity-65 flex items-center justify-center z-50 px-4\">\n      <div class=\"w-full max-w-xl bg-[#FDF7FE] rounded-lg overflow-y-scroll max-h-[80%] sm:min-h-[90%]\">\n        <div class=\"flex items-center justify-between p-4 border-b-2 border-gray-300 bg-white sticky top-0\">\n          <h5 class=\"exo font-semibold font-lg\">Customised Request</h5>\n          <button type=\"button\" class=\"text-gray-500 hover:text-gray-700\" @click=\"closeModal\">\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n            </svg>\n          </button>\n        </div>\n\n        <form class=\"mt-7 px-6\" @submit.prevent=\"handleSubmit\">\n          <div class=\"mb-8\">\n            <label for=\"course\" class=\"block mb-2\">What Course do you want to learn?</label>\n            <input id=\"course\" v-model=\"formData.course\" type=\"text\" placeholder=\"e.g Frontend Development\" class=\"py-2 w-full bg-white px-2 border border-gray-300 rounded-sm\" />\n          </div>\n\n          <div class=\"flex flex-col sm:flex-row justify-between items-stretch gap-6 mb-8\">\n            <div class=\"flex-1\">\n              <div class=\"w-full\">\n                <label for=\"mode\" class=\"block mb-2\">Mode of Training</label>\n                <select id=\"mode\" v-model=\"formData.mode\" class=\"py-2.5 w-full bg-white px-2 border border-gray-300 rounded-sm\">\n                  <option value=\"Online\">Online</option>\n                  <option value=\"Onsite\">Onsite</option>\n                  <option value=\"Hybrid\">Hybrid</option>\n                </select>\n              </div>\n            </div>\n            <div class=\"flex-1\">\n              <div class=\"w-full\">\n                <label for=\"participants\" class=\"block mb-2\">No of Participants</label>\n                <select id=\"participants\" v-model=\"formData.participants\" class=\"py-2.5 w-full bg-white px-2 border border-gray-300 rounded-sm\">\n                  <option value=\"1\">1</option>\n                  <option value=\"2\">2</option>\n                  <option value=\"3\">3</option>\n                  <option value=\"4\">4</option>\n                  <option value=\"5\">5</option>\n                  <option value=\"6\">6</option>\n                  <option value=\"7\">7</option>\n                  <option value=\"8\">8</option>\n                  <option value=\"8+\">More than 8</option>\n                </select>\n              </div>\n            </div>\n            <div class=\"flex-1\">\n              <div class=\"w-full\">\n                <label for=\"startDate\" class=\"block mb-2 w-full\">Preferred Start Date</label>\n                <input id=\"startDate\" v-model=\"formData.startDate\" type=\"date\" class=\"py-2 w-full bg-white px-2 border border-gray-300 rounded-sm\" />\n              </div>\n            </div>\n          </div>\n          \n\n          <div class=\"mb-8\">\n            <label for=\"name\" class=\"block mb-2\">Name</label>\n            <input id=\"name\" v-model=\"formData.name\" type=\"text\" placeholder=\"Name\" class=\"py-2 w-full bg-white px-2 border border-gray-300 rounded-sm\" />\n          </div>\n\n          <div class=\"flex flex-col sm:flex-row justify-between items-center gap-6 mb-8\">\n            <div class=\"w-full sm:w-1/2\">\n              <label for=\"mobile\" class=\"block mb-2\">Mobile Number</label>\n              <input id=\"mobile\" v-model=\"formData.mobile\" type=\"text\" placeholder=\"Mobile Number\" class=\"py-2 w-full bg-white px-2 border border-gray-300 rounded-sm\" />\n            </div>\n            <div class=\"w-full sm:w-1/2\">\n              <label for=\"email\" class=\"block mb-2\">Email Address</label>\n              <input id=\"email\" v-model=\"formData.email\" type=\"email\" placeholder=\"Email Address\" class=\"py-2 w-full bg-white px-2 border border-gray-300 rounded-sm\" />\n            </div>\n          </div>\n\n          <div class=\"mb-4\">\n            <label for=\"note\" class=\"block mb-2\">Note</label>\n            <textarea id=\"note\" v-model=\"formData.note\" placeholder=\"Note\" class=\"py-2 w-full bg-white px-2 border border-gray-300 rounded-sm\"></textarea>\n          </div>\n\n          <div v-if=\"error\" class=\"text-red-500 mt-4 text-center\">{{ error }}</div>\n          <div class=\"flex justify-center p-2 border-t mb-5\">  \n            <button\n            :disabled=\"isLoading\"\n             type=\"submit\" class=\"px-4 py-2 bg-primary-purple text-white rounded-[50px]\">\n             {{isLoading? 'Loading ..':'Get a Quote'}}\n            </button>\n          </div>\n        </form>\n\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport * as yup from 'yup';\nimport Swal from 'sweetalert2'\nimport {  onMounted, onUnmounted } from \"vue\";\nimport { CourseApi, FormApi } from \"@/services\";\n\n// Define validation schema\nconst schema = yup.object({\n  course: yup.string().required('Course is required'),\n  mode: yup.string().required('Mode is required'),\n  participants: yup.string().required('Participants is required'),\n  startDate: yup.date().required('Start Date is required'),\n  name: yup.string().min(3).required('Name is required'),\n  mobile: yup.string().required('Mobile Number is required'),\n  email: yup.string().email('Email must be valid').required('Email is required'),\n});\n\n// Define reactive variables\nconst isVisible = ref(true);\nconst formData = ref({\n  course: '',\n  mode: 'Online',\n  participants: '1',\n  startDate: new Date().toISOString().split('T')[0],\n  name: '',\n  mobile: '',\n  email: '',\n  note: ''\n});\nlet errorTimeout = null;\nconst error = ref('');\nconst isLoading=ref(false)\n\n// Close modal function\nconst closeModal = () => {\n  isVisible.value = false;\n};\n\n// Handle form submission\nconst handleSubmit = async () => {\n  try {\n    await schema.validate(formData.value, { abortEarly: false });\n    isLoading.value=true\n    \n    const templateParams = {\n      course: formData.value.course,\n      mode_of_training: formData.value.mode,\n      number_of_participants: formData.value.participants,\n      preferred_start_date: formData.value.startDate,\n      full_name: formData.value.name,\n      phone_number: formData.value.mobile,\n      email: formData.value.email,\n      note: formData.value.note,\n    };\n    console.log(templateParams);\n    const response = await FormApi.customizeTraining(templateParams);\n  \n        // console.log('SUCCESS!', response.status, response.text);\n        const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"success\",\n            title: \"Message sent successfully\",\n          });\n          isLoading.value=false\n        closeModal();\n\n    \n  } catch (validationErrors) {\n    isLoading.value=false\n    const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n    error.value = validationErrors.errors;\n    clearTimeout(errorTimeout);\n    errorTimeout = setTimeout(() => {\n      error.value = '';\n    }, 3000); \n  }\n};\n\n// Watchers to clear errors on input change\nObject.keys(formData.value).forEach(field => {\n  watch(() => formData.value[field], () => {\n    if (error.value) {\n      error.value = '';\n    }\n  });\n});\n</script>\n\n<style scoped>\n.fade-enter-active, .fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import script from \"./CustomiseCourse.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomiseCourse.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomiseCourse.vue?vue&type=style&index=0&id=8a364214&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-8a364214\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createStaticVNode as _createStaticVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../assets/Perspective Grid.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-cf317440\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"overflow-clip w-full\" }\nconst _hoisted_2 = {\n  class: \"min-h-screen\",\n  style: {\"background\":\"linear-gradient(180deg, #581699 50%, #581699 50%, #AB55FF 100%)\"}\n}\nconst _hoisted_3 = { class: \"flex xl:justify-center justify-center items-center max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto lg:pb-4 pb-4 lg:mt-[110px] xl:mt-[145px] mt-[120px]\" }\nconst _hoisted_4 = { class: \"flex flex-col items-center\" }\nconst _hoisted_5 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"z-30 xl:text-[50px] xl:w-[690px] lg:w-[663px] md:w-[463px] w-[363px] sm:text-[48px] text-white text-[32px] font-[700] exo text-center xl:mb-[59px] lg:mb-[49px] sm:mb-[49px] mb-8 sm:leading-[60px] leading-[40px]\" }, [\n  /*#__PURE__*/_createTextVNode(\" Build \"),\n  /*#__PURE__*/_createElementVNode(\"span\", { class: \"text-primary-orange\" }, \"Real World\"),\n  /*#__PURE__*/_createTextVNode(\" Projects On The Go \")\n], -1))\nconst _hoisted_6 = { class: \"flex md:flex-row flex-col items-center justify-center gap-4 sm:mb-6 mb-10\" }\nconst _hoisted_7 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"z-30 py-3 px-8 bg-primary-orange text-primary-purple rounded-[50px] text-lg w-fit sm:mb-[74px] select-none mx-auto cursor-pointer hover:bg-orange-200\" }, \" Take a Course \", -1))\nconst _hoisted_8 = { class: \"z-30 border border-primary-orange rounded-[27px] py-[10px] sm:py-5 px-[16px] pl-[60px] w-fit relative mb-16 mx-auto\" }\nconst _hoisted_9 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"sm:text-[16px] text-[11px] text-white flex items-center sm:w-[600px] w-[260px] sm:leading-2 leading-[8px] gap-3 justify-center flex-wrap space-x-2\\\" data-v-cf317440><span class=\\\"flex items-center\\\" data-v-cf317440><span data-v-cf317440>Mentorship</span></span><span class=\\\"flex items-center\\\" data-v-cf317440><li class=\\\"pi pi-circle-fill text-[6px] mr-3\\\" data-v-cf317440></li><span data-v-cf317440>Flexible Training</span></span><span class=\\\"flex items-center\\\" data-v-cf317440><li class=\\\"pi pi-circle-fill text-[6px] mr-3\\\" data-v-cf317440></li><span data-v-cf317440>100% Internship </span></span><span class=\\\"flex items-center\\\" data-v-cf317440><li class=\\\"pi pi-circle-fill text-[6px] mr-3\\\" data-v-cf317440></li><span data-v-cf317440>Placement Opportunity </span></span></div>\", 1)\nconst _hoisted_10 = { class: \"z-30 sm:my-3 my-8 grid sm:grid-cols-6 grid-cols-3 mx-auto sm:gap-14 gap-3 sm:w-full w-full justify-center items-center\" }\nconst _hoisted_11 = [\"src\", \"alt\"]\nconst _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"img\", {\n  src: _imports_0,\n  alt: \"Hero Image\",\n  class: \"min-h-full animate-pulse w-full inset-0 absolute top-0 mx-auto object-cover z-10\"\n}, null, -1))\n\nimport {BadgeIconComp} from '../../components/IconComp/HeroIconsComp/'\nimport 'swiper/swiper-bundle.css';\nimport { onMounted, ref,} from 'vue';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport StrategySection from './StrategySection.vue'\nimport BottomContent from './BottomContent.vue'\nimport FooterSection from './FooterSection.vue'\nimport Navbar from './Navbar.vue'\nimport AdsModal from '@/components/ModalComp/AdsModal.vue'\nimport TestimonialSection from './TestimonialSection.vue'\nimport GallerySection from './GallerySection.vue'\nimport CustomiseCourses from '../../components/ModalComp/CustomiseCourse.vue'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'HomeView',\n  setup(__props) {\n\nconst showModal = ref(false);\nconst showCustomisedModal = ref(false);\n\nconst scrollVisible = ref(true);\n\nconst scrollToTop = () => {\n  window.scrollTo({\n    top: 0,\n    behavior: \"smooth\",\n  });\n};\n\nonMounted(() => {\n  setInterval(()=>{\n\n    showModal.value = true;\n  },20000)\n});\n// window.addEventListener(\"scroll\", () => {\n//   scrollVisible.value = window.scrollY > 0;\n// });\n\n\nconst heroIcons =ref([\n  {\n  title: 'Generative AI',\n  icon: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332517/Generative_AI_kyw2qm.png',\n},\n  {\n    title: 'Data Science/ ML',\n    icon: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332518/Data_Science_awdbaf.png',\n},\n{\n  title: 'Fullstack',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332516/fullstack_cea3ue.png',\n},\n  {\n  title: 'UI/UX',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332516/12_q70wfh.png',\n},\n  {\n  title: 'Python',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332517/Python_Automations_sy09os.png',\n},\n  {\n  title: 'Cloud Computing',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332516/Cloud_Computing_srhxnb.png',\n},\n])\n\n\n\n\nonMounted(() => {\n  AOS.init({\n    duration: 2000, \n  });\n});\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(\"main\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createVNode(Navbar),\n      _createElementVNode(\"section\", _hoisted_3, [\n        _createElementVNode(\"div\", _hoisted_4, [\n          _hoisted_5,\n          _createElementVNode(\"div\", _hoisted_6, [\n            _createVNode(_component_router_link, {\n              to: \"/course\",\n              class: \"z-30 cursor-pointer\"\n            }, {\n              default: _withCtx(() => [\n                _hoisted_7\n              ]),\n              _: 1\n            }),\n            _createElementVNode(\"div\", {\n              onClick: _cache[0] || (_cache[0] = ($event: any) => (showCustomisedModal.value = !showCustomisedModal.value)),\n              class: \"z-30 py-3 px-8 text-white border border-white rounded-[50px] text-lg w-fit sm:mb-[74px] select-none mx-auto cursor-pointer hover:bg-white hover:text-primary-purple\"\n            }, \" Customize Learning \")\n          ]),\n          _createElementVNode(\"div\", _hoisted_8, [\n            _hoisted_9,\n            _createVNode(_unref(BadgeIconComp), { class: \"absolute sm:-top-1 -top-1 sm:-left-5 -left-6 sm:w-20 sm:h-22 h-22 w-22\" })\n          ]),\n          _createElementVNode(\"div\", _hoisted_10, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(heroIcons.value, (icon) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                class: \"mx-auto\",\n                key: icon.title\n              }, [\n                _createElementVNode(\"img\", {\n                  src: icon.icon,\n                  class: \"!rounded-lg py-1.5 px-2 hover:scale-105 flex flex-col justify-center items-center bg-primary-purple shadow-md shadow-purple-800 sm:w-[116px] w-[70px] min-h-10 sm:min-h-24 text-white\",\n                  alt: icon.title\n                }, null, 8, _hoisted_11)\n              ]))\n            }), 128))\n          ])\n        ]),\n        _hoisted_12\n      ])\n    ]),\n    _createVNode(StrategySection),\n    _createVNode(BottomContent),\n    _createVNode(TestimonialSection),\n    _createVNode(GallerySection),\n    _createVNode(FooterSection),\n    (showModal.value)\n      ? (_openBlock(), _createBlock(AdsModal, {\n          key: 0,\n          onClose: _cache[1] || (_cache[1] = ($event: any) => (showModal.value = false))\n        }))\n      : _createCommentVNode(\"\", true),\n    (showCustomisedModal.value)\n      ? (_openBlock(), _createBlock(CustomiseCourses, { key: 1 }))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})","<template>\n  <main class=\"overflow-clip w-full\">\n    <div class=\"min-h-screen\" style=\"background: linear-gradient(180deg, #581699 50%, #581699 50%, #AB55FF 100%)\">\n    <Navbar />\n\n\n    <!--=========================== Hero section =======================================-->\n    <section\n      class=\"flex xl:justify-center justify-center items-center  max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto lg:pb-4 pb-4 lg:mt-[110px] xl:mt-[145px] mt-[120px]\"\n    >\n      <div class=\"flex flex-col items-center\">\n        <div\n          class=\"z-30 xl:text-[50px] xl:w-[690px] lg:w-[663px] md:w-[463px] w-[363px] sm:text-[48px] text-white text-[32px] font-[700] exo text-center xl:mb-[59px] lg:mb-[49px] sm:mb-[49px] mb-8 sm:leading-[60px] leading-[40px]\"\n        >\n          Build <span class=\"text-primary-orange\">Real World</span> Projects\n          On The Go\n        </div>\n\n\n        <div class=\"flex md:flex-row flex-col items-center justify-center gap-4 sm:mb-6 mb-10\">\n        <router-link to=\"/course\" class=\" z-30 cursor-pointer\">\n          <div\n          class=\" z-30 py-3 px-8  bg-primary-orange text-primary-purple rounded-[50px] text-lg  w-fit sm:mb-[74px]  select-none mx-auto  cursor-pointer hover:bg-orange-200\"\n        >\n        Take a Course\n        </div>\n        </router-link>\n        <div\n        @click=\"showCustomisedModal = !showCustomisedModal\"\n          class=\" z-30 py-3 px-8  text-white border border-white rounded-[50px] text-lg  w-fit sm:mb-[74px]  select-none mx-auto  cursor-pointer hover:bg-white hover:text-primary-purple\"\n        >\n        Customize Learning\n        </div>\n        </div>\n\n\n        <div class=\"z-30 border border-primary-orange rounded-[27px] py-[10px] sm:py-5  px-[16px] pl-[60px] w-fit relative mb-16 mx-auto \">\n          <div class=\"sm:text-[16px] text-[11px] text-white flex items-center sm:w-[600px] w-[260px] sm:leading-2 leading-[8px]  gap-3 justify-center flex-wrap space-x-2\">\n            <span class=\"flex items-center\"><span>Mentorship</span> </span> \n            <span class=\"flex items-center\"><li class=\"pi pi-circle-fill text-[6px] mr-3\"></li><span>Flexible Training</span>  </span>\n            <span class=\"flex items-center\"><li class=\"pi pi-circle-fill text-[6px] mr-3\"></li><span>100% Internship </span>  </span>\n            <span class=\"flex items-center\"><li class=\"pi pi-circle-fill text-[6px] mr-3\"></li><span>Placement Opportunity </span></span>\n          </div>\n          <BadgeIconComp class=\"absolute sm:-top-1 -top-1 sm:-left-5 -left-6 sm:w-20 sm:h-22  h-22 w-22\" />\n        </div>\n\n          <div\n          class=\"z-30 sm:my-3 my-8 grid sm:grid-cols-6 grid-cols-3 mx-auto sm:gap-14 gap-3 sm:w-full w-full justify-center items-center\"\n        >\n          <div\n          class=\"mx-auto\"\n            v-for=\"icon in heroIcons\"\n            :key=\"icon.title\"\n          >\n            <!-- <img\n            :src=\"icon.icon\"\n            :alt=\"icon.title\"\n              class=\"sm:h-[80px] sm:w-[80px] h-[25px] w-[25px]\"\n            /> -->\n            <!-- <div class=\" sm:text-[11px] text-[11px] font-[400] text-wrap text-center inter\">\n             \n            </div> -->\n            <img :src=\"icon.icon\"\n            class=\"!rounded-lg py-1.5 px-2 hover:scale-105 flex flex-col justify-center items-center bg-primary-purple shadow-md shadow-purple-800 sm:w-[116px] w-[70px] min-h-10 sm:min-h-24 text-white\"\n            :alt=\"icon.title\"\n            />\n           \n          </div>\n        </div>\n       \n      </div>\n\n      <img\n        src=\"../../assets/Perspective Grid.png\"\n        alt=\"Hero Image\"\n        class=\"min-h-full animate-pulse w-full  inset-0 absolute top-0 mx-auto object-cover z-10\"\n      />\n      \n    </section>\n    </div>\n  \n  <StrategySection />\n  <BottomContent />\n<TestimonialSection />\n<GallerySection />\n<FooterSection />\n\n<AdsModal v-if=\"showModal\" @close=\"showModal = false\" />\n<CustomiseCourses v-if=\"showCustomisedModal\" />\n\n</main>\n</template>\n\n<script lang=\"ts\" setup>\nimport {BadgeIconComp} from '../../components/IconComp/HeroIconsComp/'\nimport 'swiper/swiper-bundle.css';\nimport { onMounted, ref,} from 'vue';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport StrategySection from './StrategySection.vue'\nimport BottomContent from './BottomContent.vue'\nimport FooterSection from './FooterSection.vue'\nimport Navbar from './Navbar.vue'\nimport AdsModal from '@/components/ModalComp/AdsModal.vue'\nimport TestimonialSection from './TestimonialSection.vue'\nimport GallerySection from './GallerySection.vue'\nimport CustomiseCourses from '../../components/ModalComp/CustomiseCourse.vue'\n\nconst showModal = ref(false);\nconst showCustomisedModal = ref(false);\n\nconst scrollVisible = ref(true);\n\nconst scrollToTop = () => {\n  window.scrollTo({\n    top: 0,\n    behavior: \"smooth\",\n  });\n};\n\nonMounted(() => {\n  setInterval(()=>{\n\n    showModal.value = true;\n  },20000)\n});\n// window.addEventListener(\"scroll\", () => {\n//   scrollVisible.value = window.scrollY > 0;\n// });\n\n\nconst heroIcons =ref([\n  {\n  title: 'Generative AI',\n  icon: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332517/Generative_AI_kyw2qm.png',\n},\n  {\n    title: 'Data Science/ ML',\n    icon: 'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332518/Data_Science_awdbaf.png',\n},\n{\n  title: 'Fullstack',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332516/fullstack_cea3ue.png',\n},\n  {\n  title: 'UI/UX',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332516/12_q70wfh.png',\n},\n  {\n  title: 'Python',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332517/Python_Automations_sy09os.png',\n},\n  {\n  title: 'Cloud Computing',\n  icon:'https://res.cloudinary.com/dp0whcqar/image/upload/v1719332516/Cloud_Computing_srhxnb.png',\n},\n])\n\n\n\n\nonMounted(() => {\n  AOS.init({\n    duration: 2000, \n  });\n});\n</script>\n\n<style scoped>\n.transition-swipe-enter-active, .transition-swipe-leave-active {\n  transition: transform 0.3s ease-out;\n}\n.transition-swipe-enter, .transition-swipe-leave-to {\n  transform: translateX(100%);\n}\n\n.marquee {\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.marquee-content {\n  white-space: nowrap;\n  animation: marquee 20s linear infinite;\n}\n\n.course-item {\n  margin:10px;\n  background: white;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  transition: transform 0.3s ease-in-out;\n}\n.course-item:hover {\n  transform: scale(1.05);\n}\n\n@media (max-width: 767px) {\n  .p-carousel .p-carousel-viewport .p-carousel-viewport-content {\n    display: flex !important;\n  }\n  .p-carousel .p-carousel-viewport .p-carousel-viewport-content .p-carousel-item {\n    flex: 0 0 100% !important;\n    max-width: 100% !important;\n  }\n}\n\n\n@keyframes marquee {\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n</style>","import script from \"./HomeView.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./HomeView.vue?vue&type=script&lang=ts&setup=true\"\n\nimport \"./HomeView.vue?vue&type=style&index=0&id=cf317440&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-cf317440\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createTextVNode as _createTextVNode, vModelText as _vModelText, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, vModelSelect as _vModelSelect, createStaticVNode as _createStaticVNode } from \"vue\"\nimport _imports_0 from '../../assets/camlds-logo.png'\n\n\nconst _hoisted_1 = { class: \"flex flex-col lg:flex-row justify-center items-start min-h-screen\" }\nconst _hoisted_2 = { class: \"lg:w-1/2 w-full py-14 lg:px-24 px-10 text-[#4B4B4B]\" }\nconst _hoisted_3 = { class: \"mb-8\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"img\", {\n  src: _imports_0,\n  alt: \"logo\",\n  class: \"w-20 sm:w-40\"\n}, null, -1)\nconst _hoisted_5 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"mb-8\\\"><div class=\\\"title !text-2xl mb-3\\\">What We Offer</div><div class=\\\"content\\\"> Fill in the application form and someone from our team will reach out to you shortly </div><div class=\\\"avenir lg:hidden block font-bold text-base bg-primary-purple py-2 px-12 w-fit text-white rounded-[50px] mt-4\\\"><a href=\\\"#apply\\\">Apply</a></div></div><div class=\\\"mb-8\\\"><div class=\\\"title !text-2xl mb-3\\\">We are Hiring</div><div class=\\\"avenir font-[350] text-base\\\"><ul class=\\\"mt-5 space-y-5\\\"><li class=\\\"flex gap-3 sm:ml-2\\\"><i class=\\\"pi pi-check-circle mt-1\\\" style=\\\"font-size:1rem;color:green;\\\"></i><span> A highly skilled and dedicated team that is fun to work with</span></li><li class=\\\"flex gap-3 sm:ml-2\\\"><i class=\\\"pi pi-check-circle mt-1\\\" style=\\\"font-size:1rem;color:green;\\\"></i><span>Remote work - We are a diverse and disturbed team that uses Slack, Zoom, Notion, and other tools to stay connected.</span></li></ul></div></div><div class=\\\"mb-8\\\"><div class=\\\"title !text-2xl mb-4\\\">Our Values</div><div class=\\\"mb-4\\\"><b>Work in the open:</b> Operate with high integrity and choose what’s right over what’s easy. Be transparent as a company and with each other. </div><div class=\\\"mb-4\\\"><b>People are People:</b> Treat yourself, colleagues, and customers with dignity, empathy, and respect. Start from a presumption of positive intent. </div><div class=\\\"mb-4\\\"><b>Win and Grow Together Strive to be the best,</b> individually, and as a team. Support and encourage each other. Seek opportunities for growth. </div></div>\", 3)\nconst _hoisted_8 = {\n  class: \"lg:w-1/2 w-full bg-[#FDF7FE] py-12 lg:px-24 px-10 min-h-screen\",\n  id: \"apply\"\n}\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"title !text-2xl mb-8 mt-6\" }, \"Apply to become an instructor\", -1)\nconst _hoisted_10 = { class: \"flex flex-col sm:flex-row gap-6\" }\nconst _hoisted_11 = { class: \"flex flex-col w-full\" }\nconst _hoisted_12 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"fName\" }, \"First Name\", -1)\nconst _hoisted_13 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_14 = { class: \"flex flex-col w-full\" }\nconst _hoisted_15 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"lName\" }, \"Last Name\", -1)\nconst _hoisted_16 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_17 = { class: \"flex flex-col sm:flex-row gap-6\" }\nconst _hoisted_18 = { class: \"flex flex-col w-full\" }\nconst _hoisted_19 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"email\" }, \"Email\", -1)\nconst _hoisted_20 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_21 = { class: \"flex flex-col w-full\" }\nconst _hoisted_22 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"phoneNumber\" }, \"Phone Number\", -1)\nconst _hoisted_23 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_24 = { class: \"flex flex-col sm:flex-row gap-6\" }\nconst _hoisted_25 = { class: \"flex flex-col w-full\" }\nconst _hoisted_26 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"gender\" }, \"Gender\", -1)\nconst _hoisted_27 = /*#__PURE__*/_createElementVNode(\"option\", {\n  value: \"male\",\n  selected: \"\",\n  disabled: \"\"\n}, \"Select Gender\", -1)\nconst _hoisted_28 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"male\" }, \"Male\", -1)\nconst _hoisted_29 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"female\" }, \"Female\", -1)\nconst _hoisted_30 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"female\" }, \"Choose not to say\", -1)\nconst _hoisted_31 = [\n  _hoisted_27,\n  _hoisted_28,\n  _hoisted_29,\n  _hoisted_30\n]\nconst _hoisted_32 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_33 = { class: \"flex flex-col w-full\" }\nconst _hoisted_34 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"course\" }, \"Course you’ll like to Tutor\", -1)\nconst _hoisted_35 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_36 = { class: \"flex flex-col sm:flex-row gap-6\" }\nconst _hoisted_37 = { class: \"flex flex-col w-full\" }\nconst _hoisted_38 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"cv\" }, \"Resume/CV\", -1)\nconst _hoisted_39 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_40 = { class: \"flex flex-col w-full\" }\nconst _hoisted_41 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"letter\" }, \"Cover Letter\", -1)\nconst _hoisted_42 = {\n  key: 0,\n  class: \"text-red-500 text-sm mb-2 w-fulltext-wrap\"\n}\nconst _hoisted_43 = { class: \"flex flex-col w-full\" }\nconst _hoisted_44 = /*#__PURE__*/_createElementVNode(\"label\", { for: \"reason\" }, \"Why do you want to tutor with us?\", -1)\nconst _hoisted_45 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex justify-start\" }, [\n  /*#__PURE__*/_createElementVNode(\"button\", {\n    type: \"submit\",\n    class: \"bg-[#531f87] hover:bg-primary-purple hover:scale-105 text-white font-light sm:py-4 sm:px-6 px-4 py-2.5 rounded-[50px]\"\n  }, \"Submit Application\")\n], -1)\n\nimport * as yup from 'yup';\n  import { ref } from 'vue';\n  import FooterSection from \"../HomeView/FooterSection.vue\";\nimport { Form, Field, ErrorMessage } from \"vee-validate\";\n  \n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BecomeAnInstructor',\n  setup(__props) {\n\n  const fName = ref('');\n  const lName = ref('');\n  const email = ref('');\n  const phoneNumber = ref('');\n  const gender = ref('');\n  const course = ref('');\n  const cv = ref<File | null>(null);\n  const letter = ref<File | null>(null);\n  const reason = ref('');\n  \n  const errors = ref<{\n    [key: string]: string;\n  }>({\n    fName: '',\n    lName: '',\n    email: '',\n    phoneNumber: '',\n    gender: '',\n    course: '',\n    cv: '',\n    letter: '',\n    reason: '',\n  });\n  \n  const schema = yup.object().shape({\n    fName: yup.string().min(3).required('First Name is required'),\n    lName: yup.string().min(3).required('Last Name is required'),\n    email: yup.string().email('Email must be a valid email').required('Email is required'),\n    phoneNumber: yup.string().required('Phone Number is required'),\n    gender: yup.string().required('Gender is required'),\n    course: yup.string().required('Course is required'),\n    cv: yup.mixed().required('Resume/CV is required'),\n    letter: yup.mixed().required('Cover Letter is required'),\n  });\n  \n  const handleFileChange = (type: string, event: Event) => {\n    const file = (event.target as HTMLInputElement).files?.[0] || null;\n    if (type === 'cv') {\n      cv.value = file;\n    } else if (type === 'letter') {\n      letter.value = file;\n    }\n  };\n  \n  const submitForm = async (event: Event) => {\n    event.preventDefault();\n  \n    const formData = new FormData();\n    formData.append('fName', fName.value);\n    formData.append('lName', lName.value);\n    formData.append('email', email.value);\n    formData.append('phoneNumber', phoneNumber.value);\n    formData.append('gender', gender.value);\n    formData.append('course', course.value);\n    formData.append('cv', cv.value as Blob);\n    formData.append('letter', letter.value as Blob);\n    formData.append('reason', reason.value);\n  \n    try {\n      await schema.validate({\n        fName: fName.value,\n        lName: lName.value,\n        email: email.value,\n        phoneNumber: phoneNumber.value,\n        gender: gender.value,\n        course: course.value,\n        cv: cv.value,\n        letter: letter.value,\n        reason: reason.value,\n      }, { abortEarly: false });\n  \n      // If validation passes, handle form submission\n      console.log('Form Submitted:', formData.values);\n      // Reset errors\n      errors.value = {\n        fName: '',\n        lName: '',\n        email: '',\n        phoneNumber: '',\n        gender: '',\n        course: '',\n        cv: '',\n        letter: '',\n        reason: '',\n      };\n    } catch (validationErrors: any) {\n      // If validation fails, set error messages\n      validationErrors.inner.forEach((error: any) => {\n        errors.value[error.path] = error.message;\n      });\n    }\n  };\n  \nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"section\", _hoisted_1, [\n      _createElementVNode(\"div\", _hoisted_2, [\n        _createElementVNode(\"div\", _hoisted_3, [\n          _createVNode(_component_router_link, { to: \"/\" }, {\n            default: _withCtx(() => [\n              _hoisted_4\n            ]),\n            _: 1\n          })\n        ]),\n        _hoisted_5\n      ]),\n      _createElementVNode(\"div\", _hoisted_8, [\n        _hoisted_9,\n        _createVNode(_unref(Form), {\n          class: \"space-y-6\",\n          id: \"form\",\n          onSubmit: submitForm\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", _hoisted_10, [\n              _createElementVNode(\"div\", _hoisted_11, [\n                _hoisted_12,\n                _withDirectives(_createElementVNode(\"input\", {\n                  \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((fName).value = $event)),\n                  type: \"text\",\n                  name: \"fName\",\n                  id: \"fName\",\n                  placeholder: \"First Name\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\"\n                }, null, 512), [\n                  [_vModelText, fName.value]\n                ]),\n                (errors.value.fName)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_13, _toDisplayString(errors.value.fName), 1))\n                  : _createCommentVNode(\"\", true)\n              ]),\n              _createElementVNode(\"div\", _hoisted_14, [\n                _hoisted_15,\n                _createVNode(_unref(Field), {\n                  modelValue: lName.value,\n                  \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event: any) => ((lName).value = $event)),\n                  type: \"text\",\n                  name: \"lName\",\n                  id: \"lName\",\n                  placeholder: \"Last Name\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\"\n                }, null, 8, [\"modelValue\"]),\n                (errors.value.lName)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_16, _toDisplayString(errors.value.lName), 1))\n                  : _createCommentVNode(\"\", true)\n              ])\n            ]),\n            _createElementVNode(\"div\", _hoisted_17, [\n              _createElementVNode(\"div\", _hoisted_18, [\n                _hoisted_19,\n                _withDirectives(_createElementVNode(\"input\", {\n                  \"onUpdate:modelValue\": _cache[2] || (_cache[2] = ($event: any) => ((email).value = $event)),\n                  type: \"email\",\n                  name: \"email\",\n                  id: \"email\",\n                  placeholder: \"Email\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\"\n                }, null, 512), [\n                  [_vModelText, email.value]\n                ]),\n                (errors.value.email)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_20, _toDisplayString(errors.value.email), 1))\n                  : _createCommentVNode(\"\", true)\n              ]),\n              _createElementVNode(\"div\", _hoisted_21, [\n                _hoisted_22,\n                _withDirectives(_createElementVNode(\"input\", {\n                  \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => ((phoneNumber).value = $event)),\n                  type: \"text\",\n                  name: \"phoneNumber\",\n                  id: \"phoneNumber\",\n                  placeholder: \"Phone Number\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\"\n                }, null, 512), [\n                  [_vModelText, phoneNumber.value]\n                ]),\n                (errors.value.phoneNumber)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_23, _toDisplayString(errors.value.phoneNumber), 1))\n                  : _createCommentVNode(\"\", true)\n              ])\n            ]),\n            _createElementVNode(\"div\", _hoisted_24, [\n              _createElementVNode(\"div\", _hoisted_25, [\n                _hoisted_26,\n                _withDirectives(_createElementVNode(\"select\", {\n                  \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((gender).value = $event)),\n                  id: \"gender\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\"\n                }, _hoisted_31, 512), [\n                  [_vModelSelect, gender.value]\n                ]),\n                (errors.value.gender)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_32, _toDisplayString(errors.value.gender), 1))\n                  : _createCommentVNode(\"\", true)\n              ]),\n              _createElementVNode(\"div\", _hoisted_33, [\n                _hoisted_34,\n                _withDirectives(_createElementVNode(\"input\", {\n                  \"onUpdate:modelValue\": _cache[5] || (_cache[5] = ($event: any) => ((course).value = $event)),\n                  type: \"text\",\n                  name: \"course\",\n                  id: \"course\",\n                  placeholder: \"e.g Frontend Development\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full active:border-primary-purple\"\n                }, null, 512), [\n                  [_vModelText, course.value]\n                ]),\n                (errors.value.course)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_35, _toDisplayString(errors.value.course), 1))\n                  : _createCommentVNode(\"\", true)\n              ])\n            ]),\n            _createElementVNode(\"div\", _hoisted_36, [\n              _createElementVNode(\"div\", _hoisted_37, [\n                _hoisted_38,\n                _createElementVNode(\"input\", {\n                  type: \"file\",\n                  id: \"cv\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\",\n                  onChange: _cache[6] || (_cache[6] = ($event: any) => (handleFileChange('cv', $event)))\n                }, null, 32),\n                (errors.value.cv)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_39, _toDisplayString(errors.value.cv), 1))\n                  : _createCommentVNode(\"\", true)\n              ]),\n              _createElementVNode(\"div\", _hoisted_40, [\n                _hoisted_41,\n                _createElementVNode(\"input\", {\n                  type: \"file\",\n                  id: \"letter\",\n                  class: \"px-3 py-2 bg-white border rounded-md w-full\",\n                  onChange: _cache[7] || (_cache[7] = ($event: any) => (handleFileChange('letter', $event)))\n                }, null, 32),\n                (errors.value.letter)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_42, _toDisplayString(errors.value.letter), 1))\n                  : _createCommentVNode(\"\", true)\n              ])\n            ]),\n            _createElementVNode(\"div\", _hoisted_43, [\n              _hoisted_44,\n              _withDirectives(_createElementVNode(\"textarea\", {\n                \"onUpdate:modelValue\": _cache[8] || (_cache[8] = ($event: any) => ((reason).value = $event)),\n                id: \"reason\",\n                rows: \"8\",\n                class: \"px-3 py-2 bg-white border rounded-md w-full\",\n                placeholder: \"Reason ...\"\n              }, null, 512), [\n                [_vModelText, reason.value]\n              ])\n            ]),\n            _hoisted_45\n          ]),\n          _: 1\n        })\n      ])\n    ]),\n    _createVNode(FooterSection)\n  ]))\n}\n}\n\n})","<template>\n    <div>\n      <section class=\"flex flex-col lg:flex-row justify-center items-start min-h-screen\">\n        <div class=\"lg:w-1/2 w-full py-14 lg:px-24 px-10 text-[#4B4B4B]\">\n          <div class=\"mb-8\">\n            <router-link to=\"/\">\n              <img\n                src=\"../../assets/camlds-logo.png\"\n                alt=\"logo\"\n                class=\"w-20 sm:w-40\"\n              />\n            </router-link>\n         \n          </div>\n  \n          <div class=\"mb-8\">\n            <div class=\"title !text-2xl  mb-3\">What We Offer</div>\n            <div class=\"content\">\n              Fill in the application form and someone from our team will reach\n              out to you shortly\n            </div>\n            <div class=\"avenir lg:hidden block font-bold text-base bg-primary-purple py-2 px-12 w-fit text-white rounded-[50px] mt-4\"><a href=\"#apply\">Apply</a></div>\n          </div>\n  \n          <div class=\"mb-8\">\n            <div class=\"title !text-2xl mb-3\">We are Hiring</div>\n            <div class=\"avenir font-[350] text-base\">\n              <ul class=\"mt-5 space-y-5\">\n                <li class=\"flex gap-3 sm:ml-2\">\n                  <i\n                    class=\"pi pi-check-circle mt-1\"\n                    style=\"font-size: 1rem; color: green\"\n                  ></i>\n                  <span>\n                    A highly skilled and dedicated team that is fun to work\n                    with</span\n                  >\n                </li>\n                <li class=\"flex gap-3 sm:ml-2\">\n                  <i\n                    class=\"pi pi-check-circle mt-1\"\n                    style=\"font-size: 1rem; color: green\"\n                  ></i\n                  ><span\n                    >Remote work - We are a diverse and disturbed team that uses\n                    Slack, Zoom, Notion, and other tools to stay connected.</span\n                  >\n                </li>\n              </ul>\n            </div>\n          </div>\n  \n          <div class=\"mb-8\">\n            <div class=\"title !text-2xl mb-4\">Our Values</div>\n            <div class=\"mb-4\">\n              <b>Work in the open:</b> Operate with high integrity and choose\n              what’s right over what’s easy. Be transparent as a company and with\n              each other.\n            </div>\n            <div class=\"mb-4\">\n              <b>People are People:</b> Treat yourself, colleagues, and customers\n              with dignity, empathy, and respect. Start from a presumption of\n              positive intent.\n            </div>\n            <div class=\"mb-4\">\n              <b>Win and Grow Together Strive to be the best,</b> individually,\n              and as a team. Support and encourage each other. Seek opportunities\n              for growth.\n            </div>\n          </div>\n        </div>\n  \n        <div class=\"lg:w-1/2 w-full bg-[#FDF7FE] py-12 lg:px-24 px-10 min-h-screen\" id=\"apply\">\n          <div class=\"title !text-2xl mb-8 mt-6\">Apply to become an instructor</div>\n  \n          <Form class=\"space-y-6\" id=\"form\" @submit=\"submitForm\">\n            <!-- Form fields -->\n            <div class=\"flex flex-col sm:flex-row gap-6\">\n              <div class=\"flex flex-col w-full\">\n                <label for=\"fName\">First Name</label>\n                <input v-model=\"fName\" type=\"text\" name=\"fName\" id=\"fName\" placeholder=\"First Name\" class=\"px-3 py-2 bg-white border rounded-md w-full\">\n                <div v-if=\"errors.fName\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.fName }}</div>\n              </div>\n              <div class=\"flex flex-col w-full\">\n                <label for=\"lName\">Last Name</label>\n                <Field v-model=\"lName\" type=\"text\" name=\"lName\" id=\"lName\" placeholder=\"Last Name\" class=\"px-3 py-2 bg-white border rounded-md w-full\" />\n                <div v-if=\"errors.lName\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.lName }}</div>\n              </div>\n            </div>\n  \n            <div class=\"flex flex-col sm:flex-row gap-6\">\n              <div class=\"flex flex-col w-full\">\n                <label for=\"email\">Email</label>\n                <input v-model=\"email\" type=\"email\" name=\"email\" id=\"email\" placeholder=\"Email\" class=\"px-3 py-2 bg-white border rounded-md w-full\">\n                <div v-if=\"errors.email\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.email }}</div>\n            </div>\n              <div class=\"flex flex-col w-full\">\n                <label for=\"phoneNumber\">Phone Number</label>\n                <input v-model=\"phoneNumber\" type=\"text\" name=\"phoneNumber\" id=\"phoneNumber\" placeholder=\"Phone Number\" class=\"px-3 py-2 bg-white border rounded-md w-full\">\n                <div v-if=\"errors.phoneNumber\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.phoneNumber }}</div>\n              </div>\n            </div>\n  \n            <div class=\"flex flex-col sm:flex-row gap-6\">\n              <div class=\"flex flex-col w-full\">\n                <label for=\"gender\">Gender</label>\n                <select v-model=\"gender\" id=\"gender\" class=\"px-3 py-2 bg-white border rounded-md w-full\">\n                  <option value=\"male\" selected disabled>Select Gender</option>\n                  <option value=\"male\">Male</option>\n                  <option value=\"female\">Female</option>\n                  <option value=\"female\">Choose not to say</option>\n                </select>\n                <div v-if=\"errors.gender\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.gender }}</div>\n              </div>\n              <div class=\"flex flex-col w-full\">\n                <label for=\"course\">Course you’ll like to Tutor</label>\n                <input v-model=\"course\" type=\"text\" name=\"course\" id=\"course\" placeholder=\"e.g Frontend Development\" class=\"px-3 py-2 bg-white border rounded-md w-full active:border-primary-purple\">\n                <div v-if=\"errors.course\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.course }}</div>\n              </div>\n            </div>\n  \n            <div class=\"flex flex-col sm:flex-row gap-6\">\n              <div class=\"flex flex-col w-full\">\n                <label for=\"cv\">Resume/CV</label>\n                <input type=\"file\" id=\"cv\" class=\"px-3 py-2 bg-white border rounded-md w-full\" @change=\"handleFileChange('cv', $event)\">\n                <div v-if=\"errors.cv\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.cv }}</div>\n              </div>\n              <div class=\"flex flex-col w-full\">\n                <label for=\"letter\">Cover Letter</label>\n                <input type=\"file\" id=\"letter\" class=\"px-3 py-2 bg-white border rounded-md w-full\" @change=\"handleFileChange('letter', $event)\">\n                <div v-if=\"errors.letter\" class=\"text-red-500 text-sm mb-2  w-fulltext-wrap\">{{ errors.letter }}</div>\n              </div>\n            </div>\n  \n            <div class=\"flex flex-col w-full\">\n              <label for=\"reason\">Why do you want to tutor with us?</label>\n              <textarea v-model=\"reason\" id=\"reason\" rows=\"8\" class=\"px-3 py-2 bg-white border rounded-md w-full\" placeholder=\"Reason ...\"></textarea>\n            </div>\n\n           \n            <!-- Submit button -->\n            <div class=\"flex justify-start\">\n              <button type=\"submit\" class=\"bg-[#531f87] hover:bg-primary-purple hover:scale-105 text-white font-light sm:py-4 sm:px-6 px-4 py-2.5 rounded-[50px]\">Submit Application</button>\n            </div>\n  \n          </Form>\n        </div>\n      </section>\n  \n      <FooterSection />\n    </div>\n  </template>\n  \n  <script setup lang=\"ts\">\n  import * as yup from 'yup';\n  import { ref } from 'vue';\n  import FooterSection from \"../HomeView/FooterSection.vue\";\nimport { Form, Field, ErrorMessage } from \"vee-validate\";\n  \n  const fName = ref('');\n  const lName = ref('');\n  const email = ref('');\n  const phoneNumber = ref('');\n  const gender = ref('');\n  const course = ref('');\n  const cv = ref<File | null>(null);\n  const letter = ref<File | null>(null);\n  const reason = ref('');\n  \n  const errors = ref<{\n    [key: string]: string;\n  }>({\n    fName: '',\n    lName: '',\n    email: '',\n    phoneNumber: '',\n    gender: '',\n    course: '',\n    cv: '',\n    letter: '',\n    reason: '',\n  });\n  \n  const schema = yup.object().shape({\n    fName: yup.string().min(3).required('First Name is required'),\n    lName: yup.string().min(3).required('Last Name is required'),\n    email: yup.string().email('Email must be a valid email').required('Email is required'),\n    phoneNumber: yup.string().required('Phone Number is required'),\n    gender: yup.string().required('Gender is required'),\n    course: yup.string().required('Course is required'),\n    cv: yup.mixed().required('Resume/CV is required'),\n    letter: yup.mixed().required('Cover Letter is required'),\n  });\n  \n  const handleFileChange = (type: string, event: Event) => {\n    const file = (event.target as HTMLInputElement).files?.[0] || null;\n    if (type === 'cv') {\n      cv.value = file;\n    } else if (type === 'letter') {\n      letter.value = file;\n    }\n  };\n  \n  const submitForm = async (event: Event) => {\n    event.preventDefault();\n  \n    const formData = new FormData();\n    formData.append('fName', fName.value);\n    formData.append('lName', lName.value);\n    formData.append('email', email.value);\n    formData.append('phoneNumber', phoneNumber.value);\n    formData.append('gender', gender.value);\n    formData.append('course', course.value);\n    formData.append('cv', cv.value as Blob);\n    formData.append('letter', letter.value as Blob);\n    formData.append('reason', reason.value);\n  \n    try {\n      await schema.validate({\n        fName: fName.value,\n        lName: lName.value,\n        email: email.value,\n        phoneNumber: phoneNumber.value,\n        gender: gender.value,\n        course: course.value,\n        cv: cv.value,\n        letter: letter.value,\n        reason: reason.value,\n      }, { abortEarly: false });\n  \n      // If validation passes, handle form submission\n      console.log('Form Submitted:', formData.values);\n      // Reset errors\n      errors.value = {\n        fName: '',\n        lName: '',\n        email: '',\n        phoneNumber: '',\n        gender: '',\n        course: '',\n        cv: '',\n        letter: '',\n        reason: '',\n      };\n    } catch (validationErrors: any) {\n      // If validation fails, set error messages\n      validationErrors.inner.forEach((error: any) => {\n        errors.value[error.path] = error.message;\n      });\n    }\n  };\n  </script>\n  \n  ","import script from \"./BecomeAnInstructor.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./BecomeAnInstructor.vue?vue&type=script&setup=true&lang=ts\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, unref as _unref, createStaticVNode as _createStaticVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../assets/BOOTCAMP (6) 1.png'\nimport _imports_1 from '../../../public/certififcate_data/cert_img/camlds-ds-00018.jpg'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-401f62e0\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { key: 0 }\nconst _hoisted_2 = { class: \"flex items-start justify-center min-h-screen bg-[#F7EFFF] lg:pb-12 pb-6 text-[#5B5B5B]\" }\nconst _hoisted_3 = { class: \"flex lg:flex-row flex-col !justify-between gap-12 items-center lg:mt-[170px] mt-[110px] max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto lg:px-6 px-2\" }\nconst _hoisted_4 = { class: \"lg:w-1/2 w-full flex flex-col text-center lg:text-left\" }\nconst _hoisted_5 = { class: \"lg:text-[52px] text-[28px] uppercase exo font-extrabold text-black\" }\nconst _hoisted_6 = { class: \"content\" }\nconst _hoisted_7 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"mt-6 flex lg:justify-start justify-center\\\" data-v-401f62e0><img src=\\\"https://res.cloudinary.com/dp0whcqar/image/upload/v1734016204/Frame_1171276769_orqfhx.png\\\" alt=\\\"IACU\\\" class=\\\"w-[150px] h-[62px]\\\" data-v-401f62e0></div><div class=\\\"lg:flex justify-end items-end hidden\\\" data-v-401f62e0><a href=\\\"#overview\\\" class=\\\"sm:flex hidden border-2 rounded-full z-[1] h-14 w-14 mt-24 justify-center items-center animate-bounce cursor-pointer\\\" data-v-401f62e0><svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\" class=\\\"size-6\\\" data-v-401f62e0><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3\\\" data-v-401f62e0></path></svg></a></div>\", 2)\nconst _hoisted_9 = { class: \"w-[337px] lg:w-[450px] bg-black rounded-t-lg h-[200px] lg:h-[260px] shadow-md\" }\nconst _hoisted_10 = [\"src\"]\nconst _hoisted_11 = { class: \"w-[337px] lg:w-[450px] bg-white rounded-b-lg p-4 shadow-md\" }\nconst _hoisted_12 = { class: \"w-full flex justify-between items-center\" }\nconst _hoisted_13 = { class: \"text-[36px] exo font-extrabold text-black\" }\nconst _hoisted_14 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex lg:justify-start justify-center\" }, [\n  /*#__PURE__*/_createElementVNode(\"img\", {\n    src: _imports_0,\n    alt: \"guarantee\",\n    class: \"w-[106px] h-[84px]\"\n  })\n], -1))\nconst _hoisted_15 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-black text-black\" }, \"This course includes:\", -1))\nconst _hoisted_16 = { class: \"pl-3 lg:pl-20\" }\nconst _hoisted_17 = {\n  key: 0,\n  href: \"#benefit\",\n  class: \"block underline font-semibold text-sm\"\n}\nconst _hoisted_18 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"mt-4 avenir text-center text-gray-400 text-sm\" }, \"2 Sessions Money-back guarantee\", -1))\nconst _hoisted_19 = { class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto mt-8 lg:px-6 px-2\" }\nconst _hoisted_20 = { class: \"lg:w-[60%] w-full text-left pr-0 lg:pr-14\" }\nconst _hoisted_21 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", {\n  id: \"overview\",\n  class: \"title exo\"\n}, \"OVERVIEW\", -1))\nconst _hoisted_22 = { class: \"font-bold exo text-2xl\" }\nconst _hoisted_23 = { class: \"text-[#5B5B5B] text-justify\" }\nconst _hoisted_24 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", {\n  id: \"benefit\",\n  class: \"title exo uppercase\"\n}, \"WHO CAN ENROLL \", -1))\nconst _hoisted_25 = { class: \"pl-3 lg:pl-20\" }\nconst _hoisted_26 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title exo\" }, \"BENEFITS\", -1))\nconst _hoisted_27 = { class: \"pl-3 lg:pl-20\" }\nconst _hoisted_28 = /*#__PURE__*/_createStaticVNode(\"<h2 class=\\\"title exo\\\" data-v-401f62e0>GET CERTIFIED AFTER LEARNING</h2><ul class=\\\"pl-3 lg:pl-20\\\" data-v-401f62e0><li data-v-401f62e0>Add Verifiable credential to your LinkedIn profile, resume, or CV</li><li data-v-401f62e0>Share it on social media and in your performance review</li></ul><div class=\\\"flex items-center justify-center my-3\\\" data-v-401f62e0><img src=\\\"\" + _imports_1 + \"\\\" alt=\\\"\\\" class=\\\"w-[180px] h-[230px]\\\" data-v-401f62e0></div><h2 class=\\\"title exo\\\" data-v-401f62e0>DURATION AND FORMAT</h2>\", 4)\nconst _hoisted_32 = { class: \"font-bold exo lg:text-2xl text-base\" }\nconst _hoisted_33 = { class: \"text-primary-orange\" }\nconst _hoisted_34 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"p\", null, \" At CAMLDS, we train our students in batches to ensure close and well-structured mentorship for each student. This approach allows our instructors to closely monitor your progress and provide exclusive support as you build your projects. At the end of your learning period, you will be tasked with building and presenting your project. \", -1))\nconst _hoisted_35 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"ul\", { class: \"-mt-3 pl-3 lg:pl-20\" }, [\n  /*#__PURE__*/_createElementVNode(\"li\", null, \"Online learning\"),\n  /*#__PURE__*/_createElementVNode(\"li\", null, \"Physical training at our center or a combination of both.\"),\n  /*#__PURE__*/_createElementVNode(\"li\", null, \"Customized training for teams also available\")\n], -1))\nconst _hoisted_36 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title exo\" }, \"TOOLS COVERED\", -1))\nconst _hoisted_37 = { class: \"size-8 flex flex-wrap items-center gap-2 my-8 pb-8 w-full\" }\nconst _hoisted_38 = [\"src\", \"alt\"]\nconst _hoisted_39 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title exo uppercase lg:pt-2 md:pt-4 pt-16\" }, \"WHAT OUR STUDENTS ARE SAYING\", -1))\nconst _hoisted_40 = { class: \"flex flex-nowrap overflow-x-auto mt-[30px] gap-5 items-center\" }\nconst _hoisted_41 = { class: \"flex justify-start gap-3 items-center exo text-lg text-[#0C1118] font-bold mb-5\" }\nconst _hoisted_42 = { class: \"text-[#454D59] font-normal text-sm exo\" }\nconst _hoisted_43 = { class: \"w-full flex flex-col justify-center lg:justify-start lg:items-start items-center\" }\nconst _hoisted_44 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title exo mt-4\" }, \"BECOME A STUDENT TODAY\", -1))\nconst _hoisted_45 = {\n  key: 1,\n  class: \"h-screen flex items-center justify-center w-full\"\n}\nconst _hoisted_46 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"loader\" }, null, -1))\nconst _hoisted_47 = [\n  _hoisted_46\n]\nconst _hoisted_48 = {\n  key: 2,\n  class: \"h-screen flex flex-col items-center justify-center w-full\"\n}\nconst _hoisted_49 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"\" }, \"Error Loading Course\", -1))\n\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport { TickIconComp } from \"../../components/IconComp/StrategyIconComp\";\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport {  CourseApi } from \"@/services\";\nimport { useRoute } from \"vue-router\";\nimport { Vue3Marquee } from 'vue3-marquee'\n\n  interface Course {\n  title: string;\n  image: string;\n  description: string;\n  overview: string;\n  amount: string;\n  whoCanEnroll: string[];\n  benefits: string[];\n  durationAndFormat: {\n    duration: string;\n    format: string;\n  };\n  toolsCovered: string[];\n}\n\n\n\nconst scrollThreshold = 0.90;\n  \n  // Scroll event listener\n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'CourseDetail',\n  setup(__props) {\n\nconst route = useRoute();\nconst courseId = ref<any>(route.params.id);\nconst courses = ref();\nconst isLoading = ref(false);\n\n\nonMounted(async () => {\n  try {\n    isLoading.value=true\n    const response = await CourseApi.singleCourse(courseId.value)\n    courses.value = response;\n  \n    isLoading.value=false\n   \n  } catch (error) {\n    isLoading.value=false\n  \n    \n  }\n});\n\nconst loadCourses = async () => {\n  try {\n    isLoading.value=true\n    const response = await CourseApi.singleCourse(courseId.value);\n    courses.value = response;\n    isLoading.value=false\n  } catch (error) {\n    isLoading.value=false\n    console.error('Failed to fetch course:', error);\n  }\n};\n\nconst reloadCourses = async () => {\n  await loadCourses();\n};\n\n\n\nonMounted(() => {\n  AOS.init({\n    duration: 2000,\n  });\n});\n\nconst students = ref([\n    {\n      name: \"Chukwudi Ogbu\",\n      image: \"https://via.placeholder.com/150\",\n      comment:\n        \"Reflecting on my journey with the Centre for Applied Machine Learning and Data Science, I have found it incredibly rewarding, providing invaluable insights into the realm of data science. I wholeheartedly recommend it to those eager to enrich their skill set and advance their IT proficiency in machine learning and data science amidst this rapidly evolving age.\",\n    },\n    {\n      name: \"Ezekiel Awodi\",\n      image: \"\",\n      comment:\n        \"My experience at the Centre for Applied Machine Learning and Data Science was transformative, equipping me with the skills and expertise to succeed in this exciting and rapidly evolving field. I would highly recommend it to anyone looking to advance their skills and knowledge in machine learning and data science.\",\n    },\n    {\n      name: \"Sunday Meliga\",\n      image: \"\",\n      comment:\n        \"With what I’ve seen and experienced so far, also with the students and tutor relationship couples with the relax ambience of the enviroment and then the  state of the art equipments;”CALMDS” is definitely the right place to be.\",\n    },\n    {\n      name: \"Ben Dominic\",\n      image: \"\",\n      comment:\n        \"So far, my experience of learning data science here has been very nice. The facilitators are patient with us and they explain every detail to us in a way we will understand. I recommend for anyone who wishes to learn Data science or Web Development\",\n    },\n  ]);\n  const colors = [\"#FFDDC1\", \"#FFD3B4\", \"#FFF9C4\", \"#D0F4DE\"];\n  const getInitial = (name: string) => name.charAt(0).toUpperCase();\n  \n\nconst isFixed = ref(true);\n  \n  // Threshold for removing fixed position (94% scroll)\n  const handleScroll = () => {\n    const scrollPosition = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const documentHeight = document.body.clientHeight;\n    \n    // Calculate the distance scrolled as a percentage of total scrollable height\n    const scrollPercentage = (scrollPosition + windowHeight) / documentHeight;\n  \n    // Update isFixed based on scroll percentage\n    isFixed.value = scrollPercentage < scrollThreshold;\n  };\n  \n  // Attach scroll listener when component is mounted\n  onMounted(() => {\n    window.addEventListener('scroll', handleScroll);\n  });\n  \n  // Remove scroll listener when component is unmounted\n  onUnmounted(() => {\n    window.removeEventListener('scroll', handleScroll);\n  });\n  \n\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(Navbar),\n    (!isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(courses.value, (course, index) => {\n            return (_openBlock(), _createElementBlock(\"section\", {\n              key: index,\n              class: \"text-[#5B5B5B]\"\n            }, [\n              _createElementVNode(\"div\", _hoisted_2, [\n                _createElementVNode(\"div\", _hoisted_3, [\n                  _createElementVNode(\"div\", _hoisted_4, [\n                    _createElementVNode(\"h1\", _hoisted_5, _toDisplayString(course.title), 1),\n                    _createElementVNode(\"div\", _hoisted_6, _toDisplayString(course.description), 1),\n                    _hoisted_7\n                  ]),\n                  _createElementVNode(\"div\", {\n                    class: _normalizeClass([\"lg:w-1/2 w-full right-0 flex flex-col items-center justify-end\", { 'lg:fixed lg:top-[140px] right-0': isFixed.value }]),\n                    \"data-aos\": \"flip-left\",\n                    \"data-aos-easing\": \"ease-out-cubic\",\n                    \"data-aos-duration\": \"2000\"\n                  }, [\n                    _createElementVNode(\"div\", _hoisted_9, [\n                      _createElementVNode(\"img\", {\n                        src: course.image,\n                        alt: \"course\",\n                        class: \"object-fill rounded-t-lg size-full\"\n                      }, null, 8, _hoisted_10)\n                    ]),\n                    _createElementVNode(\"div\", _hoisted_11, [\n                      _createElementVNode(\"div\", _hoisted_12, [\n                        _createElementVNode(\"div\", _hoisted_13, \" ₦\" + _toDisplayString(course.amount), 1),\n                        _hoisted_14\n                      ]),\n                      _hoisted_15,\n                      _createElementVNode(\"ul\", _hoisted_16, [\n                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(course.benefits.slice(0, 3), (benefit, index) => {\n                          return (_openBlock(), _createElementBlock(\"li\", {\n                            key: index,\n                            class: \"text-sm\"\n                          }, _toDisplayString(benefit), 1))\n                        }), 128)),\n                        (course.benefits.length >=3)\n                          ? (_openBlock(), _createElementBlock(\"a\", _hoisted_17, \"See more\"))\n                          : _createCommentVNode(\"\", true)\n                      ]),\n                      _createVNode(_component_router_link, {\n                        to: \"/enroll\",\n                        class: \"py-3 block px-20 w-full bg-primary-orange text-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\"\n                      }, {\n                        default: _withCtx(() => [\n                          _createTextVNode(\" Enroll Now \")\n                        ]),\n                        _: 1\n                      }),\n                      _hoisted_18\n                    ])\n                  ], 2)\n                ])\n              ]),\n              _createElementVNode(\"section\", _hoisted_19, [\n                _createElementVNode(\"div\", _hoisted_20, [\n                  _hoisted_21,\n                  _createElementVNode(\"p\", _hoisted_22, \" Welcome to \" + _toDisplayString(course.title), 1),\n                  _createElementVNode(\"p\", _hoisted_23, _toDisplayString(course.overview), 1),\n                  _hoisted_24,\n                  _createElementVNode(\"ul\", _hoisted_25, [\n                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(course.whoCanEnroll, (audience, index) => {\n                      return (_openBlock(), _createElementBlock(\"li\", { key: index }, _toDisplayString(audience), 1))\n                    }), 128))\n                  ]),\n                  _hoisted_26,\n                  _createElementVNode(\"ul\", _hoisted_27, [\n                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(course.benefits, (benefit, index) => {\n                      return (_openBlock(), _createElementBlock(\"li\", { key: index }, _toDisplayString(benefit), 1))\n                    }), 128))\n                  ]),\n                  _hoisted_28,\n                  _createElementVNode(\"p\", _hoisted_32, [\n                    _createTextVNode(\" The duration for learning \" + _toDisplayString(course.title) + \" is \", 1),\n                    _createElementVNode(\"span\", _hoisted_33, _toDisplayString(course.duration) + \".\", 1)\n                  ]),\n                  _hoisted_34,\n                  _hoisted_35,\n                  _hoisted_36,\n                  _createElementVNode(\"div\", _hoisted_37, [\n                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(course.toolsCovered, (tool, index) => {\n                      return (_openBlock(), _createElementBlock(\"div\", {\n                        key: index,\n                        class: \"text-sm mr-6 !flex justify-start items-center gap-1 px-1.5\"\n                      }, [\n                        _createElementVNode(\"img\", {\n                          src: tool.image_url,\n                          alt: `tool ${index+1}`,\n                          class: \"size-8\"\n                        }, null, 8, _hoisted_38),\n                        _createTextVNode(),\n                        _createElementVNode(\"span\", null, _toDisplayString(tool.name), 1)\n                      ]))\n                    }), 128))\n                  ]),\n                  _hoisted_39,\n                  _createVNode(_unref(Vue3Marquee), {\n                    pauseOnHover: true,\n                    duration: 100\n                  }, {\n                    default: _withCtx(() => [\n                      _createElementVNode(\"div\", _hoisted_40, [\n                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(students.value, (remark, index) => {\n                          return (_openBlock(), _createElementBlock(\"div\", {\n                            key: index,\n                            class: \"flex-shrink-0 mb-4 border border-[#ECEFF3] rounded-[16px] shadow-md p-6 max-w-[343px] h-fit\"\n                          }, [\n                            _createElementVNode(\"div\", _hoisted_41, [\n                              _createElementVNode(\"div\", {\n                                style: _normalizeStyle({ backgroundColor: colors[index % colors.length] }),\n                                class: \"w-12 h-12 rounded-full flex items-center justify-center text-primary-purple border shadow-md hover:shadow-none\"\n                              }, _toDisplayString(getInitial(remark.name)), 5),\n                              _createElementVNode(\"div\", null, _toDisplayString(remark.name), 1),\n                              _createVNode(_unref(TickIconComp))\n                            ]),\n                            _createElementVNode(\"div\", _hoisted_42, \" \\\" \" + _toDisplayString(remark.comment) + \" \\\" \", 1)\n                          ]))\n                        }), 128))\n                      ])\n                    ]),\n                    _: 2\n                  }, 1024),\n                  _createElementVNode(\"div\", _hoisted_43, [\n                    _hoisted_44,\n                    _createVNode(_component_router_link, {\n                      to: \"/enroll\",\n                      class: \"py-3 block px-16 w-fit bg-primary-orange text-primary-purple text-base lg:text-xl mt- lg:my-10 my-6 rounded-[50px] font-extrabold\"\n                    }, {\n                      default: _withCtx(() => [\n                        _createTextVNode(\" Enroll Now \")\n                      ]),\n                      _: 1\n                    })\n                  ])\n                ])\n              ])\n            ]))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true),\n    (isLoading.value && !courses.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_45, _hoisted_47))\n      : _createCommentVNode(\"\", true),\n    (!isLoading.value && !courses.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_48, [\n          _hoisted_49,\n          _createElementVNode(\"button\", {\n            onClick: reloadCourses,\n            class: \"py-3 block px-20 w-fit text-white bg-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\"\n          }, \" Try Again \")\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n  <Navbar />\n  \n  <!-- <section class=\"min-h-screen bg-[#F7EFFF] lg:pb-12 pb-6 text-[#5B5B5B]\"> -->\n  \n    \n    <!-- Course List Section -->\n    <div v-if=\"!isLoading\">\n      <section v-for=\"(course, index) in courses\" :key=\"index\" class=\"text-[#5B5B5B]\">\n      <div class=\"flex items-start justify-center min-h-screen bg-[#F7EFFF] lg:pb-12 pb-6 text-[#5B5B5B]\">\n        <div class=\"flex lg:flex-row flex-col !justify-between gap-12 items-center lg:mt-[170px] mt-[110px]  max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto lg:px-6 px-2\">\n          <div class=\"lg:w-1/2 w-full flex flex-col text-center lg:text-left\">\n            <h1 class=\"lg:text-[52px] text-[28px]  uppercase exo font-extrabold text-black\">{{ course.title }}</h1>\n            <div class=\"content\">{{ course.description }}</div>\n\n            <!-- <div class=\"mt-8 avenir\">2 Sessions Money-back guarantee</div> -->\n            <div class=\"mt-6 flex lg:justify-start justify-center\">\n              <img src=\"https://res.cloudinary.com/dp0whcqar/image/upload/v1734016204/Frame_1171276769_orqfhx.png\" alt=\"IACU\" class=\"w-[150px] h-[62px]\" />\n            </div>\n            <!-- <div class=\"mt-6 flex lg:justify-start justify-center\">\n              <img src=\"../../assets/BOOTCAMP (6) 1.png\" alt=\"guarantee\" class=\"w-[106px] h-[84px]\" />\n            </div> -->\n\n            <div class=\"lg:flex justify-end items-end hidden\">\n            <a href=\"#overview\" class=\"sm:flex hidden border-2 rounded-full z-[1] h-14 w-14 mt-24 justify-center items-center animate-bounce cursor-pointer\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-6\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3\" />\n              </svg>    \n          </a>\n        </div> \n\n\n          </div>\n\n          <!-- Course Details Section -->\n          <div class=\"lg:w-1/2 w-full right-0 flex flex-col items-center justify-end\" :class=\"{ 'lg:fixed lg:top-[140px] right-0': isFixed }\" data-aos=\"flip-left\" data-aos-easing=\"ease-out-cubic\" data-aos-duration=\"2000\">\n            <div class=\"w-[337px] lg:w-[450px] bg-black rounded-t-lg h-[200px] lg:h-[260px] shadow-md\">\n              <img :src=\"course.image\" alt=\"course\" class=\"object-fill rounded-t-lg size-full\">\n            </div>\n            <div class=\"w-[337px] lg:w-[450px] bg-white rounded-b-lg p-4 shadow-md\">\n              <div class=\"w-full flex justify-between items-center\">\n              <div class=\"text-[36px] exo font-extrabold text-black\"> ₦{{ course.amount }}</div>\n              <div class=\"flex lg:justify-start justify-center\">\n              <img src=\"../../assets/BOOTCAMP (6) 1.png\" alt=\"guarantee\" class=\"w-[106px] h-[84px]\" />\n            </div>\n          </div>\n              <h2 class=\"font-black text-black\">This course includes:</h2>\n              <ul class=\"pl-3 lg:pl-20\">\n                <li v-for=\"(benefit, index) in course.benefits.slice(0, 3)\" :key=\"index\" class=\"text-sm\">{{ benefit }}</li>\n                <a v-if=\"course.benefits.length >=3\" href=\"#benefit\" class=\"block underline font-semibold text-sm\">See more</a>\n              </ul>\n              <router-link to=\"/enroll\" class=\"py-3 block px-20 w-full bg-primary-orange text-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\">\n                Enroll Now\n              </router-link>\n              <div class=\"mt-4 avenir text-center text-gray-400 text-sm\">2 Sessions Money-back guarantee</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n\n      <!-- Overview Section -->\n      <section class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto mt-8 lg:px-6 px-2\">\n        <div class=\"lg:w-[60%] w-full text-left pr-0 lg:pr-14\">\n          <h2 id=\"overview\" class=\"title exo\">OVERVIEW</h2>\n          <p class=\"font-bold exo text-2xl\">\n            Welcome to {{ course.title }}\n          </p>\n\n          <p class=\" text-[#5B5B5B] text-justify\">\n            {{ course.overview }}\n          </p>\n\n          <h2 id=\"benefit\" class=\"title exo uppercase\">WHO CAN ENROLL </h2>\n          <ul class=\"pl-3 lg:pl-20\">\n            <li v-for=\"(audience, index) in course.whoCanEnroll\" :key=\"index\">{{ audience }}</li>\n          </ul>\n\n          <h2 class=\"title exo\">BENEFITS</h2>\n          <ul class=\"pl-3 lg:pl-20\">\n            <li v-for=\"(benefit, index) in course.benefits\" :key=\"index\">{{ benefit }}</li>\n          </ul>\n\n          <h2 class=\"title exo\">GET CERTIFIED AFTER LEARNING</h2>\n          <ul class=\"pl-3 lg:pl-20\">\n            <li>Add Verifiable credential to your LinkedIn profile, resume, or CV</li>\n            <li>Share it on social media and in your performance review</li>\n          </ul>\n          <div class=\"flex items-center justify-center my-3\">\n            <img src=\"../../../public/certififcate_data/cert_img/camlds-ds-00018.jpg\" alt=\"\" class=\"w-[180px] h-[230px]\">\n          </div>\n\n          <h2 class=\"title exo\">DURATION AND FORMAT</h2>\n          <p class=\"font-bold exo lg:text-2xl text-base\">\n            The duration for learning {{ course.title }} is <span class=\"text-primary-orange\">{{ course.duration }}.</span>\n          </p>\n          <p>\n            At CAMLDS, we train our students in batches to ensure close and well-structured mentorship for each student. This approach allows our instructors to closely monitor your progress and provide exclusive support as you build your projects. At the end of your learning period, you will be tasked with building and presenting your project.\n          </p>\n\n\n        \n            <ul class=\"-mt-3 pl-3 lg:pl-20\">\n              <li>Online learning</li>\n              <li>Physical training at our center or a combination of both.</li>\n              <li>Customized training for teams also available</li>\n            </ul>\n          \n \n\n          <h2 class=\"title exo\">TOOLS COVERED</h2>\n          <div class=\"size-8 flex flex-wrap items-center gap-2 my-8  pb-8 w-full\">\n              <div v-for=\"(tool, index) in course.toolsCovered\" :key=\"index\" class=\"text-sm mr-6 !flex justify-start items-center gap-1 px-1.5\">\n\n              <img :src=\"tool.image_url\" :alt=\"`tool ${index+1}`\" class=\"size-8\" /> <span>{{tool.name}}</span>\n            </div>\n          </div>\n\n          <h2 class=\"title exo uppercase lg:pt-2 md:pt-4 pt-16\">WHAT OUR STUDENTS ARE SAYING</h2>\n          <Vue3Marquee :pauseOnHover=true :duration=\"100\" >\n          <div class=\"flex flex-nowrap overflow-x-auto mt-[30px] gap-5 items-center\">\n            <div v-for=\"(remark, index) in students\" :key=\"index\" class=\"flex-shrink-0 mb-4 border border-[#ECEFF3] rounded-[16px] shadow-md p-6 max-w-[343px] h-fit\">\n              <div class=\"flex justify-start gap-3 items-center exo text-lg text-[#0C1118] font-bold mb-5\">\n                <div :style=\"{ backgroundColor: colors[index % colors.length] }\" class=\"w-12 h-12 rounded-full flex items-center justify-center text-primary-purple border shadow-md hover:shadow-none\">\n                  {{ getInitial(remark.name) }}\n                </div>\n                <div>{{ remark.name }}</div>\n                <TickIconComp />\n              </div>\n              <div class=\"text-[#454D59] font-normal text-sm exo\">\n                \" {{ remark.comment }} \"\n              </div>\n            </div>\n          </div>\n          </Vue3Marquee>\n\n          <div class=\"w-full flex flex-col justify-center lg:justify-start lg:items-start items-center\"><h2 class=\"title exo mt-4\">BECOME A STUDENT TODAY</h2>\n          <router-link to=\"/enroll\" class=\"py-3 block px-16 w-fit bg-primary-orange text-primary-purple text-base lg:text-xl mt- lg:my-10 my-6 rounded-[50px] font-extrabold\">\n            Enroll Now\n          </router-link>\n        </div>\n        </div>\n      </section>\n\n    </section>\n    </div>\n\n    <div v-if=\"isLoading && !courses\" class=\"h-screen flex items-center justify-center w-full\">\n    \n        <div class=\"loader\"></div> \n\n    </div>\n\n    <div v-if=\"!isLoading && !courses\" class=\"h-screen flex flex-col items-center justify-center w-full\">\n    \n        <div class=\"\">Error Loading Course</div> \n        <button @click=\"reloadCourses\" class=\"py-3 block px-20 w-fit text-white bg-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\">\n          Try Again\n        </button>\n\n    </div>\n\n\n    <FooterSection />\n</template>\n<script setup lang=\"ts\">\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport { TickIconComp } from \"../../components/IconComp/StrategyIconComp\";\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport {  CourseApi } from \"@/services\";\nimport { useRoute } from \"vue-router\";\nimport { Vue3Marquee } from 'vue3-marquee'\n\n  const route = useRoute();\nconst courseId = ref<any>(route.params.id);\nconst courses = ref();\nconst isLoading = ref(false);\n\n\nonMounted(async () => {\n  try {\n    isLoading.value=true\n    const response = await CourseApi.singleCourse(courseId.value)\n    courses.value = response;\n  \n    isLoading.value=false\n   \n  } catch (error) {\n    isLoading.value=false\n  \n    \n  }\n});\n\nconst loadCourses = async () => {\n  try {\n    isLoading.value=true\n    const response = await CourseApi.singleCourse(courseId.value);\n    courses.value = response;\n    isLoading.value=false\n  } catch (error) {\n    isLoading.value=false\n    console.error('Failed to fetch course:', error);\n  }\n};\n\nconst reloadCourses = async () => {\n  await loadCourses();\n};\n\n\n\nonMounted(() => {\n  AOS.init({\n    duration: 2000,\n  });\n});\n\ninterface Course {\n  title: string;\n  image: string;\n  description: string;\n  overview: string;\n  amount: string;\n  whoCanEnroll: string[];\n  benefits: string[];\n  durationAndFormat: {\n    duration: string;\n    format: string;\n  };\n  toolsCovered: string[];\n}\n\n\n\nconst students = ref([\n    {\n      name: \"Chukwudi Ogbu\",\n      image: \"https://via.placeholder.com/150\",\n      comment:\n        \"Reflecting on my journey with the Centre for Applied Machine Learning and Data Science, I have found it incredibly rewarding, providing invaluable insights into the realm of data science. I wholeheartedly recommend it to those eager to enrich their skill set and advance their IT proficiency in machine learning and data science amidst this rapidly evolving age.\",\n    },\n    {\n      name: \"Ezekiel Awodi\",\n      image: \"\",\n      comment:\n        \"My experience at the Centre for Applied Machine Learning and Data Science was transformative, equipping me with the skills and expertise to succeed in this exciting and rapidly evolving field. I would highly recommend it to anyone looking to advance their skills and knowledge in machine learning and data science.\",\n    },\n    {\n      name: \"Sunday Meliga\",\n      image: \"\",\n      comment:\n        \"With what I’ve seen and experienced so far, also with the students and tutor relationship couples with the relax ambience of the enviroment and then the  state of the art equipments;”CALMDS” is definitely the right place to be.\",\n    },\n    {\n      name: \"Ben Dominic\",\n      image: \"\",\n      comment:\n        \"So far, my experience of learning data science here has been very nice. The facilitators are patient with us and they explain every detail to us in a way we will understand. I recommend for anyone who wishes to learn Data science or Web Development\",\n    },\n  ]);\n  const colors = [\"#FFDDC1\", \"#FFD3B4\", \"#FFF9C4\", \"#D0F4DE\"];\n  const getInitial = (name: string) => name.charAt(0).toUpperCase();\n  \n\nconst isFixed = ref(true);\n  \n  // Threshold for removing fixed position (94% scroll)\n  const scrollThreshold = 0.90;\n  \n  // Scroll event listener\n  const handleScroll = () => {\n    const scrollPosition = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const documentHeight = document.body.clientHeight;\n    \n    // Calculate the distance scrolled as a percentage of total scrollable height\n    const scrollPercentage = (scrollPosition + windowHeight) / documentHeight;\n  \n    // Update isFixed based on scroll percentage\n    isFixed.value = scrollPercentage < scrollThreshold;\n  };\n  \n  // Attach scroll listener when component is mounted\n  onMounted(() => {\n    window.addEventListener('scroll', handleScroll);\n  });\n  \n  // Remove scroll listener when component is unmounted\n  onUnmounted(() => {\n    window.removeEventListener('scroll', handleScroll);\n  });\n  \n\n</script>\n<style scoped>\n\np,\nul {\n  padding: 12px 0px;\n}\nli {\n  list-style-type: disc;\n  color:#5B5B5B;\n}\nul {\n  padding-left: 40px;\n}\n\n.transition-all {\n  transition: all 0.5s ease; /* Adjust timing function and duration as needed */\n}\n\n\n/* HTML: <div class=\"loader\"></div> */\n.loader {\n  width: 60px;\n  aspect-ratio: 1;\n  display: flex;\n  animation: l8-0 2s infinite sptes(1);\n}\n.loader::before,\n.loader::after {\n  content: \"\";\n  flex: 1;\n  animation: \n    l8-1 1s infinite linear alternate,\n    l8-2 2s infinite steps(1) -.5s;\n}\n.loader::after {\n  --s:-1,-1;\n}\n@keyframes l8-0 {\n  0%  {transform: scaleX(1)  rotate(0deg)}\n  50% {transform: scaleX(-1) rotate(-90deg)}\n}\n@keyframes l8-1 {\n  0%,\n  5%   {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateY(0deg) }\n  33%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(0deg) }\n  66%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(-180deg)}\n  95%,\n  100% {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateX(-180deg)}\n}\n@keyframes l8-2 {\n  0%  {background:#FEAE49}\n  50% {background:#581699}\n}\n</style>\n","import script from \"./CourseDetail.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./CourseDetail.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./CourseDetail.vue?vue&type=style&index=0&id=401f62e0&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-401f62e0\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createTextVNode as _createTextVNode, vModelText as _vModelText, withDirectives as _withDirectives, createStaticVNode as _createStaticVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-ff895e12\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"min-h-screen mb-10\" }\nconst _hoisted_2 = { class: \"md:mt-[200px] mt-[110px] max-w-[95vw] xl:max-w-[1280px] mx-auto\" }\nconst _hoisted_3 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"flex flex-col sm:flex-row justify-between items-start\\\" data-v-ff895e12><div data-v-ff895e12><h1 class=\\\"title sm:!text-5xl text-lg mb-4\\\" data-v-ff895e12>Popular Courses</h1><div class=\\\"content sm:w-[460px] w-full text-wrap pr-6 mb-[52px] text-[#5B5B5B]\\\" data-v-ff895e12> These are the most popular courses among CAMLDS Courses learners worldwide in year 2024 </div></div><span class=\\\"inline-block bg-yellow-400 text-black px-3 py-1 rounded-md font-bold shadow-md typing-container sm:mt-4\\\" data-v-ff895e12><span class=\\\"typing-text\\\" data-v-ff895e12>NYSC Corps Members enjoy discounts ranging from 30% to 50%.</span></span></div>\", 1)\nconst _hoisted_4 = { class: \"h-[60px] lg:flex hidden bg-[#F2EBF8] rounded-md justify-start items-center text-[#5B5B5B] mb-8 max-w-[95vw] sm:min-w-[723px] xl:max-w-[1280px]\" }\nconst _hoisted_5 = [\"onClick\"]\nconst _hoisted_6 = { class: \"lg:hidden mb-8 max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px]\" }\nconst _hoisted_7 = {\n  key: 0,\n  class: \"w-full bg-[#F2EBF8] shadow-lg rounded-md mt-2\"\n}\nconst _hoisted_8 = [\"onClick\"]\nconst _hoisted_9 = {\n  key: 0,\n  class: \"mt-8 h-full flex lg:flex-wrap gap-2 flex-nowrap lg:overflow-x-hidden overflow-x-auto !mx-auto justify-start text-center items-center\"\n}\nconst _hoisted_10 = [\"href\"]\nconst _hoisted_11 = [\"src\", \"alt\"]\nconst _hoisted_12 = { class: \"mt-4 px-3\" }\nconst _hoisted_13 = { class: \"text-base font-semibold h-[60px] text-left\" }\nconst _hoisted_14 = { class: \"flex justify-start gap-4 items-center\" }\nconst _hoisted_15 = { class: \"text-gray-500 mt-2\" }\nconst _hoisted_16 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", {\n  class: \"pi pi-clock\",\n  style: {\"font-size\":\"0.75rem\"}\n}, null, -1))\nconst _hoisted_17 = { class: \"text-gray-500 mt-2 flex justify-start items-center\" }\nconst _hoisted_18 = { class: \"text-gray-500 mt-2 text-left\" }\nconst _hoisted_19 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", {\n  class: \"pi pi-briefcase\",\n  style: {\"font-size\":\"0.75rem\"}\n}, null, -1))\nconst _hoisted_20 = /*#__PURE__*/_createStaticVNode(\"<p class=\\\"text-primary-orange mt-2 text-left\\\" data-v-ff895e12><i class=\\\"pi pi-star-fill\\\" style=\\\"font-size:0.75rem;\\\" data-v-ff895e12></i><i class=\\\"pi pi-star-fill\\\" style=\\\"font-size:0.75rem;\\\" data-v-ff895e12></i><i class=\\\"pi pi-star-fill\\\" style=\\\"font-size:0.75rem;\\\" data-v-ff895e12></i><i class=\\\"pi pi-star-fill\\\" style=\\\"font-size:0.75rem;\\\" data-v-ff895e12></i><i class=\\\"pi pi-star-half-fill\\\" style=\\\"font-size:0.75rem;\\\" data-v-ff895e12></i></p><hr data-v-ff895e12>\", 2)\nconst _hoisted_22 = [\"href\"]\nconst _hoisted_23 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex justify-start items-center gap-2 py-2 px-4 w-fit my-3 bg-[#EDEAFF] text-purple-950 font-bold text-sm rounded-md\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"\" }, \"View Details\"),\n  /*#__PURE__*/_createElementVNode(\"i\", {\n    class: \"pi pi-arrow-right\",\n    style: {\"font-size\":\"0.5rem\"}\n  })\n], -1))\nconst _hoisted_24 = [\n  _hoisted_23\n]\nconst _hoisted_25 = { key: 1 }\nconst _hoisted_26 = { class: \"flex justify-start mb-6\" }\nconst _hoisted_27 = { class: \"flex exo items-center gap-6 mb-6 w-full\" }\nconst _hoisted_28 = {\n  key: 0,\n  class: \"w-full text-center text-gray-500\"\n}\nconst _hoisted_29 = {\n  key: 1,\n  class: \"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 w-full\"\n}\nconst _hoisted_30 = { class: \"w-full flex justify-start items-center gap-4 mb-6\" }\nconst _hoisted_31 = [\"src\", \"alt\"]\nconst _hoisted_32 = { class: \"text-xs\" }\nconst _hoisted_33 = { class: \"font-semibold\" }\nconst _hoisted_34 = { class: \"w-full text-left\" }\nconst _hoisted_35 = { class: \"text-[#4b4b4b] text-base font-semibold h-[50px]\" }\nconst _hoisted_36 = { class: \"text-[#4b4b4b] text-sm font-light h-[80px] mt-4 mb-10\" }\nconst _hoisted_37 = { class: \"w-full flex justify-between items-center mt-6\" }\nconst _hoisted_38 = [\"href\"]\nconst _hoisted_39 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-[10px] text-gray-500\" }, \"Duration\", -1))\nconst _hoisted_40 = {\n  key: 1,\n  class: \"w-full\"\n}\nconst _hoisted_41 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"flex items-center gap-6 justify-center flex-wrap\\\" data-v-ff895e12><div class=\\\"w-[280px]\\\" data-v-ff895e12><div class=\\\"w-full rounded overflow-hidden shadow-lg animate-pulse\\\" data-v-ff895e12><div class=\\\"h-48 bg-gray-300\\\" data-v-ff895e12></div><div class=\\\"px-6 py-4\\\" data-v-ff895e12><div class=\\\"h-6 bg-gray-300 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-2/3\\\" data-v-ff895e12></div></div><div class=\\\"px-6 pt-4 pb-2\\\" data-v-ff895e12><div class=\\\"h-4 bg-gray-300 w-1/4 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-1/2\\\" data-v-ff895e12></div></div></div></div><div class=\\\"w-[280px]\\\" data-v-ff895e12><div class=\\\"w-full rounded overflow-hidden shadow-lg animate-pulse\\\" data-v-ff895e12><div class=\\\"h-48 bg-gray-300\\\" data-v-ff895e12></div><div class=\\\"px-6 py-4\\\" data-v-ff895e12><div class=\\\"h-6 bg-gray-300 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-2/3\\\" data-v-ff895e12></div></div><div class=\\\"px-6 pt-4 pb-2\\\" data-v-ff895e12><div class=\\\"h-4 bg-gray-300 w-1/4 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-1/2\\\" data-v-ff895e12></div></div></div></div><div class=\\\"w-[280px]\\\" data-v-ff895e12><div class=\\\"w-full rounded overflow-hidden shadow-lg animate-pulse\\\" data-v-ff895e12><div class=\\\"h-48 bg-gray-300\\\" data-v-ff895e12></div><div class=\\\"px-6 py-4\\\" data-v-ff895e12><div class=\\\"h-6 bg-gray-300 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-2/3\\\" data-v-ff895e12></div></div><div class=\\\"px-6 pt-4 pb-2\\\" data-v-ff895e12><div class=\\\"h-4 bg-gray-300 w-1/4 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-1/2\\\" data-v-ff895e12></div></div></div></div><div class=\\\"w-[280px]\\\" data-v-ff895e12><div class=\\\"w-full rounded overflow-hidden shadow-lg animate-pulse\\\" data-v-ff895e12><div class=\\\"h-48 bg-gray-300\\\" data-v-ff895e12></div><div class=\\\"px-6 py-4\\\" data-v-ff895e12><div class=\\\"h-6 bg-gray-300 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-2/3\\\" data-v-ff895e12></div></div><div class=\\\"px-6 pt-4 pb-2\\\" data-v-ff895e12><div class=\\\"h-4 bg-gray-300 w-1/4 mb-2\\\" data-v-ff895e12></div><div class=\\\"h-4 bg-gray-300 w-1/2\\\" data-v-ff895e12></div></div></div></div></div>\", 1)\nconst _hoisted_42 = [\n  _hoisted_41\n]\n\nimport { ref, computed, onMounted } from \"vue\";\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport LevelBarIconComp from \"../../components/IconComp/LevelBarIconComp.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport { CourseApi } from \"@/services\";\n\ntype CourseLevel = \"Beginner\" | \"Intermediate\" | \"Advanced\";\n\ninterface Course {\n  id: string;\n  title: string;\n  image: string;\n  link: string;\n  duration: string;\n  level: CourseLevel;\n  projects: string;\n  rating: string;\n  category: string;\n}\n// Type definition for a single course object\ninterface MiniCourse {\n  title: string;\n  description: string;\n  image: string;\n  duration: string;\n  amount: string;\n  id: string;\n  hours: string;\n}\n\n// Computed property to filter courses based on the search term\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'Course',\n  setup(__props) {\n\nconst selectedCategory = ref(\"All\");\nconst showDropdown = ref(false);\nconst isLoading = ref(false);\nconst courses =ref<Course[]>([]);\nconst categories=ref<string[]>([''])\n  const searchTerm = ref('');\nconst filteredCourses1 = computed(() => {\n  const searchTermLower = searchTerm.value.toLowerCase();\n  return MiniCourses.value.filter((course: MiniCourse) =>\n    course.title.toLowerCase().includes(searchTermLower)\n  );\n})\n\n// function to get all microcourse\n\nasync function getAllMiniCourses() {\n  try {\n    const response = await CourseApi.allMicroCourses() as any;\n    MiniCourses.value = response;\n  } catch (error) {\n    console.error('Error fetching mini courses:', error);\n  }\n}\n\nonMounted(async () => {\n  getAllMiniCourses()\n  isLoading.value=true\n  try {\n    const response = await CourseApi.allCourses() as any;\n    courses.value =  response\n\n    // Update courses data with fetched data\n  } catch (error) {\n    console.error('Error fetching courses:', error);\n\n  }\n  finally{\n  isLoading.value=false\n\n  }\n});\n\nconst MiniCourses = ref<MiniCourse[]>([\n\n]);\n\nonMounted(\n  async ()=>{\n\n    try{\n      const res =await CourseApi.allCategories() as any\n      categories.value=res\n\n    }\n    catch (error){\n      console.error('Error fetching courses:', error);\n\n    }\n  }\n)\n\n\n//   {\n//     title: \"Data Science Foundation: The Python Techniques\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312747/8_ehipfx.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"8 weeks\",\n//     level: \"Beginner\",\n//     projects: \"4\",\n//     rating: \"4.6\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Python: Introduction to Python for Beginners\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312744/1_zcoly6.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Intermediate\",\n//     projects: \"4\",\n//     rating: \"4.9\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Django: Build anything Web Application with Python\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/7_x9ibol.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"4\",\n//     rating: \"4.9\",\n//     category: \"Web Development\",\n//   },\n//   {\n//     title: \"Figma/Adobe XD: Jump Start Application Designs\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Advance\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Design\",\n//   },\n//   {\n//     title: \"Build Modern Static and Dynamic Web Sites\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312745/6_aauves.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Advance\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Web Development\",\n//   },\n//   {\n//     title: \"How To Easily Create Website with Vue\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312750/9_jyz1pk.png\",\n\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Intermediate\",\n//     projects: \"3\",\n//     rating: \"4.9\",\n//     category: \"Web Development\",\n//   },\n//   {\n//     title: \"Python Automation: Routine Task with Python\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312754/4_zl4ghj.png\",\n\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Python for DataBase Experts: Manipulate & Transform Data\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312749/5_rj4kvl.png\",\n\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Low Code / No Code Data Science  \",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312751/12_w029gm.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Gen\",\n//   },\n//   {\n//     title: \"Generative Artificial Intelligence \",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312748/10_jtio20.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Intermediate\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Gen\",\n//   },\n//   {\n//     title: \"Low Code / No Code Machine Learning  \",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312749/11_by3qsl.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Gen\",\n//   },\n// ]);\n\nconst filteredCourses = computed(() => {\n  if (selectedCategory.value === \"All\") {\n    showDropdown.value = !showDropdown;\n    return courses.value;\n  }\n  // else if (selectedCategory.value === \"Mini\") {\n  //   showDropdown.value = !showDropdown;\n  //   return MiniCourses.value;\n  // }\n\n  else {\n    showDropdown.value = !showDropdown;\n    return courses.value.filter(\n      (course) => course.category.includes(selectedCategory.value)\n    );\n  }\n});\n\nconst filterCourses = (category: string) => {\n  selectedCategory.value = category;\n  showDropdown.value=false\n};\n\n\n\n\n\n// fetch(`${process.env.VUE_APP_Base_url}/courses/`, {\n//   method: 'GET',\n//   headers: {\n//     'Integration-Token': `${process.env.VUE_APP_INTERGRATION_TOKEN}`,\n//     'Access-Control-Allow-Origin': '*',\n//     'Content-Type': 'application/json'\n//   }\n// })\n// .then(response => {\n//   if (!response.ok) {\n//     throw new Error('Network response was not ok');\n//   }\n//   return response.json();\n// })\n// .then(data => {\n//   console.log('Data:', data);\n//   // Process your data here\n// })\n// .catch(error => {\n//   console.error('Error fetching data:', error);\n// });\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"section\", _hoisted_1, [\n      _createVNode(Navbar, { class: \"flex items-center justify-center\" }),\n      _createElementVNode(\"div\", _hoisted_2, [\n        _hoisted_3,\n        _createElementVNode(\"div\", _hoisted_4, [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass([\"px-14 py-4 cursor-pointer\", {\n            'font-bold border-b-2  border-primary-purple':\n              selectedCategory.value === 'All',\n          }]),\n            onClick: _cache[0] || (_cache[0] = ($event: any) => (filterCourses('All')))\n          }, \" All \", 2),\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(categories.value, (category, index) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: index,\n              class: _normalizeClass([\"px-6 py-4 cursor-pointer\", {\n            'font-bold border-b-2  border-primary-purple':\n              selectedCategory.value == category,\n          }]),\n              onClick: ($event: any) => (filterCourses(category))\n            }, _toDisplayString(category), 11, _hoisted_5))\n          }), 128)),\n          _createElementVNode(\"div\", {\n            class: _normalizeClass([\"px-14 py-4 cursor-pointer\", {\n          'font-bold border-b-2  border-primary-purple':\n            selectedCategory.value === 'Mini',\n        }]),\n            onClick: _cache[1] || (_cache[1] = ($event: any) => (filterCourses('Mini')))\n          }, \" Micro Courses \", 2)\n        ]),\n        _createElementVNode(\"div\", _hoisted_6, [\n          _createElementVNode(\"button\", {\n            onClick: _cache[2] || (_cache[2] = ($event: any) => (showDropdown.value = !showDropdown.value)),\n            class: \"w-full h-[54px] bg-[#F2EBF8] rounded-md text-[#5B5B5B] px-4 py-2 cursor-pointer flex items-center justify-between\"\n          }, [\n            _createElementVNode(\"span\", null, _toDisplayString(selectedCategory.value), 1),\n            _createElementVNode(\"i\", {\n              class: _normalizeClass({\n              'pi pi-chevron-down': !showDropdown.value,\n              'pi pi-chevron-up': showDropdown.value,\n            })\n            }, null, 2)\n          ]),\n          _createVNode(_Transition, { name: \"dropdown\" }, {\n            default: _withCtx(() => [\n              (showDropdown.value)\n                ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7, [\n                    _createElementVNode(\"div\", {\n                      class: _normalizeClass([\"px-4 py-2 cursor-pointer hover:bg-[#e2d6f1]\", { 'font-bold': selectedCategory.value === 'All' }]),\n                      onClick: _cache[3] || (_cache[3] = ($event: any) => (filterCourses('All')))\n                    }, \" All \", 2),\n                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(categories.value, (category, index) => {\n                      return (_openBlock(), _createElementBlock(\"div\", {\n                        key: index,\n                        class: _normalizeClass([\"px-4 py-2 cursor-pointer hover:bg-[#e2d6f1]\", { 'font-bold': selectedCategory.value == category }]),\n                        onClick: ($event: any) => (filterCourses(category))\n                      }, _toDisplayString(category), 11, _hoisted_8))\n                    }), 128)),\n                    _createElementVNode(\"div\", {\n                      class: _normalizeClass([\"px-4 py-2 cursor-pointer hover:bg-[#e2d6f1]\", { 'font-bold': selectedCategory.value === 'Mini' }]),\n                      onClick: _cache[4] || (_cache[4] = ($event: any) => (filterCourses('Mini')))\n                    }, \" Micro Courses \", 2)\n                  ]))\n                : _createCommentVNode(\"\", true)\n            ]),\n            _: 1\n          })\n        ]),\n        (!isLoading.value)\n          ? (_openBlock(), _createElementBlock(\"div\", _hoisted_9, [\n              (selectedCategory.value !=='Mini')\n                ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(filteredCourses.value, (course) => {\n                    return (_openBlock(), _createElementBlock(\"a\", {\n                      key: course.title,\n                      class: \"course-item !min-w-[280px] block\",\n                      href: `/course/${course.id}`\n                    }, [\n                      _createElementVNode(\"img\", {\n                        src: course.image,\n                        alt: course.title,\n                        class: \"w-full h-48 rounded-t-lg object-cover\"\n                      }, null, 8, _hoisted_11),\n                      _createElementVNode(\"div\", _hoisted_12, [\n                        _createElementVNode(\"h3\", _hoisted_13, _toDisplayString(course.title), 1),\n                        _createElementVNode(\"div\", _hoisted_14, [\n                          _createElementVNode(\"p\", _hoisted_15, [\n                            _hoisted_16,\n                            _createTextVNode(\" \" + _toDisplayString(course.duration), 1)\n                          ]),\n                          _createElementVNode(\"p\", _hoisted_17, [\n                            _createVNode(LevelBarIconComp, {\n                              type: course.level\n                            }, null, 8, [\"type\"]),\n                            _createTextVNode(\" \" + _toDisplayString(course.level), 1)\n                          ])\n                        ]),\n                        _createElementVNode(\"p\", _hoisted_18, [\n                          _hoisted_19,\n                          _createTextVNode(\" \" + _toDisplayString(course.projects) + \" Projects \", 1)\n                        ]),\n                        _hoisted_20,\n                        _createElementVNode(\"a\", {\n                          href: `/course/${course.id}`,\n                          class: \"flex justify-end items-center\"\n                        }, _hoisted_24, 8, _hoisted_22)\n                      ])\n                    ], 8, _hoisted_10))\n                  }), 128))\n                : (_openBlock(), _createElementBlock(\"div\", _hoisted_25, [\n                    _createElementVNode(\"div\", _hoisted_26, [\n                      _withDirectives(_createElementVNode(\"input\", {\n                        \"onUpdate:modelValue\": _cache[5] || (_cache[5] = ($event: any) => ((searchTerm).value = $event)),\n                        type: \"text\",\n                        placeholder: \"Search by title\",\n                        class: \"p-2 border rounded-2xl w-[320px] mb-4 focus:ring-2 focus:ring-primary-purple focus:border-primary-purple outline-none sm:text-sm h-11 block m-2\"\n                      }, null, 512), [\n                        [_vModelText, searchTerm.value]\n                      ])\n                    ]),\n                    _createElementVNode(\"div\", _hoisted_27, [\n                      (filteredCourses1.value.length === 0)\n                        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_28, \" No courses found \"))\n                        : (_openBlock(), _createElementBlock(\"div\", _hoisted_29, [\n                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(filteredCourses1.value, (course, index) => {\n                              return (_openBlock(), _createElementBlock(\"div\", {\n                                key: index,\n                                class: \"w-[295px] border hover:scale-105 p-6 bg-white rounded-[18px] shadow-lg flex flex-col items-start justify-center mb-6\"\n                              }, [\n                                _createElementVNode(\"div\", _hoisted_30, [\n                                  _createElementVNode(\"img\", {\n                                    class: \"w-14 h-14 object-cover rounded-full border\",\n                                    src: course.image,\n                                    alt: course.title\n                                  }, null, 8, _hoisted_31),\n                                  _createElementVNode(\"div\", _hoisted_32, _toDisplayString(course.duration) + \" Day\" + _toDisplayString(+(course.duration)>1?'s':'') + \" Course\", 1),\n                                  _createElementVNode(\"div\", _hoisted_33, \"₦\" + _toDisplayString(course.amount), 1)\n                                ]),\n                                _createElementVNode(\"div\", _hoisted_34, [\n                                  _createElementVNode(\"h3\", _hoisted_35, _toDisplayString(course.title), 1),\n                                  _createElementVNode(\"p\", _hoisted_36, _toDisplayString(course.description.substring(0,100)) + \"... \", 1),\n                                  _createElementVNode(\"div\", _hoisted_37, [\n                                    _createElementVNode(\"a\", {\n                                      href: `/minicourse/${course.id}`,\n                                      class: \"w-[123px] h-10 flex justify-center items-center rounded-[48px] border border-[#6b107c] text-center text-[#6b107c] text-sm\"\n                                    }, \" View Details \", 8, _hoisted_38),\n                                    _createElementVNode(\"div\", null, [\n                                      _hoisted_39,\n                                      _createElementVNode(\"div\", null, _toDisplayString(course.hours) + \" hour\" + _toDisplayString(course.hours=='1'?'':'s'), 1)\n                                    ])\n                                  ])\n                                ])\n                              ]))\n                            }), 128))\n                          ]))\n                    ])\n                  ]))\n            ]))\n          : (_openBlock(), _createElementBlock(\"div\", _hoisted_40, _hoisted_42))\n      ])\n    ]),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n<!-- OKEY -->\n  <section class=\"min-h-screen mb-10\">\n    <Navbar class=\"flex items-center justify-center\" />\n    <div\n      class=\"md:mt-[200px] mt-[110px] max-w-[95vw] xl:max-w-[1280px] mx-auto\"\n    >\n\n    <div class=\"flex flex-col sm:flex-row justify-between items-start\">\n    <div>\n      <h1 class=\"title sm:!text-5xl text-lg mb-4\">Popular Courses</h1>\n      <div\n        class=\"content sm:w-[460px] w-full text-wrap pr-6 mb-[52px] text-[#5B5B5B]\"\n      >\n        These are the most popular courses among CAMLDS Courses learners\n        worldwide in year 2024\n      </div>\n    </div>\n    <span class=\"inline-block bg-yellow-400 text-black px-3 py-1 rounded-md font-bold shadow-md typing-container sm:mt-4\">\n      <span class=\"typing-text\">NYSC Corps Members enjoy discounts ranging from 30% to 50%.</span>\n    </span>\n  </div>\n\n\n\n      <div\n        class=\"h-[60px] lg:flex hidden bg-[#F2EBF8] rounded-md justify-start items-center text-[#5B5B5B] mb-8 max-w-[95vw] sm:min-w-[723px] xl:max-w-[1280px]\"\n      >\n        <div\n          class=\"px-14 py-4 cursor-pointer\"\n          :class=\"{\n            'font-bold border-b-2  border-primary-purple':\n              selectedCategory === 'All',\n          }\"\n          @click=\"filterCourses('All')\"\n        >\n          All\n        </div>\n\n        <div\n        v-for=\"(category,index) in categories\" :key=\"index\"\n          class=\"px-6 py-4 cursor-pointer\"\n          :class=\"{\n            'font-bold border-b-2  border-primary-purple':\n              selectedCategory == category,\n          }\"\n          @click=\"filterCourses(category)\"\n        >\n         {{category}}\n        </div>\n        <div\n        class=\"px-14 py-4 cursor-pointer\"\n        :class=\"{\n          'font-bold border-b-2  border-primary-purple':\n            selectedCategory === 'Mini',\n        }\"\n        @click=\"filterCourses('Mini')\"\n      >\n        Micro Courses\n      </div>\n      </div>\n\n      <div class=\"lg:hidden mb-8 max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px]\"\n      >\n        <button\n          @click=\"showDropdown = !showDropdown\"\n          class=\"w-full h-[54px] bg-[#F2EBF8] rounded-md text-[#5B5B5B] px-4 py-2 cursor-pointer flex items-center justify-between\"\n        >\n          <span>{{ selectedCategory }}</span>\n          <i\n            :class=\"{\n              'pi pi-chevron-down': !showDropdown,\n              'pi pi-chevron-up': showDropdown,\n            }\"\n          ></i>\n        </button>\n        <transition name=\"dropdown\">\n          <div\n            v-if=\"showDropdown\"\n            class=\"w-full bg-[#F2EBF8] shadow-lg rounded-md mt-2\"\n          >\n            <div\n              class=\"px-4 py-2 cursor-pointer hover:bg-[#e2d6f1]\"\n              :class=\"{ 'font-bold': selectedCategory === 'All' }\"\n              @click=\"filterCourses('All')\"\n            >\n              All\n            </div>\n            <div\n            v-for=\"(category, index) in categories\" :key=\"index\"\n              class=\"px-4 py-2 cursor-pointer hover:bg-[#e2d6f1]\"\n              :class=\"{ 'font-bold': selectedCategory == category }\"\n              @click=\"filterCourses(category)\"\n            >\n              {{category}}\n            </div>\n            <div\n            class=\"px-4 py-2 cursor-pointer hover:bg-[#e2d6f1]\"\n            :class=\"{ 'font-bold': selectedCategory === 'Mini' }\"\n            @click=\"filterCourses('Mini')\"\n          >\n            Micro Courses\n          </div>\n          </div>\n        </transition>\n      </div>\n\n      <div v-if=\"!isLoading\"\n        class=\"mt-8 h-full flex lg:flex-wrap gap-2 flex-nowrap lg:overflow-x-hidden overflow-x-auto !mx-auto justify-start text-center items-center\"\n      >\n\n        <a v-if=\"selectedCategory !=='Mini'\" v-for=\"course in filteredCourses\" :key=\"course.title\" class=\"course-item !min-w-[280px] block\"\n          :href=\"`/course/${course.id}`\"\n        >\n          <img\n            :src=\"course.image\"\n            :alt=\"course.title\"\n            class=\"w-full h-48 rounded-t-lg object-cover\"\n          />\n          <div class=\"mt-4 px-3\">\n            <h3 class=\"text-base font-semibold h-[60px] text-left\">\n              {{ course.title }}\n            </h3>\n            <div class=\"flex justify-start gap-4 items-center\">\n              <p class=\"text-gray-500 mt-2\">\n                <i class=\"pi pi-clock\" style=\"font-size: 0.75rem\"></i>\n                {{ course.duration }}\n              </p>\n              <p class=\"text-gray-500 mt-2 flex justify-start items-center\">\n                <LevelBarIconComp :type=\"course.level\" /> {{ course.level }}\n              </p>\n            </div>\n            <p class=\"text-gray-500 mt-2 text-left\">\n              <i class=\"pi pi-briefcase\" style=\"font-size: 0.75rem\"></i>\n              {{ course.projects }} Projects\n            </p>\n            <p class=\"text-primary-orange mt-2 text-left\">\n              <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i>\n              <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i>\n              <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i>\n              <i class=\"pi pi-star-fill\" style=\"font-size: 0.75rem\"></i>\n              <i class=\"pi pi-star-half-fill\" style=\"font-size: 0.75rem\"></i>\n\n            </p>\n            <hr />\n            <a :href=\"`/course/${course.id}`\" class=\"flex justify-end items-center\">\n              <div\n                class=\"flex justify-start items-center gap-2 py-2 px-4 w-fit my-3 bg-[#EDEAFF] text-purple-950 font-bold text-sm rounded-md\"\n              >\n                <div class=\"\">View Details</div>\n                <i\n                  class=\"pi pi-arrow-right\"\n                  style=\"font-size: 0.5rem\"\n                ></i>\n              </div>\n            </a>\n          </div>\n        </a>\n\n        <div v-else>\n          <!-- Search Field -->\n          <div class=\"flex justify-start mb-6\">\n            <input\n              v-model=\"searchTerm\"\n              type=\"text\"\n              placeholder=\"Search by title\"\n              class=\"p-2 border rounded-2xl w-[320px] mb-4  focus:ring-2 focus:ring-primary-purple focus:border-primary-purple outline-none sm:text-sm h-11 block m-2\"\n            />\n          </div>\n\n          <div class=\"flex exo items-center gap-6 mb-6 w-full\">\n            <!-- Check if there are no courses matching the search term -->\n            <div v-if=\"filteredCourses1.length === 0\" class=\"w-full text-center text-gray-500\">\n              No courses found\n            </div>\n\n            <!-- Filtered Courses <div v-else class=\"w-full flex exo items-center gap-6 mb-6\"> -->\n\n            <div v-else class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 w-full\">\n              <div\n                v-for=\"(course, index) in filteredCourses1\"\n                :key=\"index\"\n                class=\"w-[295px] border hover:scale-105 p-6 bg-white rounded-[18px] shadow-lg flex flex-col items-start justify-center mb-6\"\n              >\n                <div class=\"w-full flex justify-start items-center gap-4 mb-6\">\n                  <img\n                    class=\"w-14 h-14 object-cover rounded-full border\"\n                    :src=\"course.image\"\n                    :alt=\"course.title\"\n                  />\n                  <div class=\"text-xs\">{{ course.duration }} Day{{ +(course.duration)>1?'s':'' }} Course</div>\n                  <div class=\"font-semibold\">₦{{ course.amount }}</div>\n                </div>\n                <div class=\"w-full text-left\">\n                  <h3 class=\"text-[#4b4b4b] text-base font-semibold h-[50px]\">{{ course.title }}</h3>\n                  <p class=\"text-[#4b4b4b] text-sm font-light h-[80px] mt-4 mb-10\">\n                    {{ course.description.substring(0,100) }}...\n                  </p>\n\n                  <div class=\"w-full flex justify-between items-center mt-6\">\n                    <a\n                      :href=\"`/minicourse/${course.id}`\"\n                      class=\"w-[123px] h-10 flex justify-center items-center rounded-[48px] border border-[#6b107c] text-center text-[#6b107c] text-sm\"\n                    >\n                      View Details\n                    </a>\n                    <div>\n                      <div class=\"text-[10px] text-gray-500\">Duration</div>\n                      <div>{{ course.hours }} hour{{ course.hours=='1'?'':'s' }}</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n\n      </div>\n\n\n\n      <!-- Skeleton Loader -->\n      <div v-else class=\"w-full\">\n        <div class=\"flex items-center gap-6 justify-center flex-wrap\">\n          <div class=\"w-[280px]\">\n              <div class=\"w-full rounded overflow-hidden shadow-lg animate-pulse\">\n              <div class=\"h-48 bg-gray-300\"></div>\n              <div class=\"px-6 py-4\">\n                  <div class=\"h-6 bg-gray-300 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-2/3\"></div>\n              </div>\n              <div class=\"px-6 pt-4 pb-2\">\n                  <div class=\"h-4 bg-gray-300 w-1/4 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-1/2\"></div>\n              </div>\n              </div>\n          </div>\n          <div class=\"w-[280px]\">\n              <div class=\"w-full rounded overflow-hidden shadow-lg animate-pulse\">\n              <div class=\"h-48 bg-gray-300\"></div>\n              <div class=\"px-6 py-4\">\n                  <div class=\"h-6 bg-gray-300 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-2/3\"></div>\n              </div>\n              <div class=\"px-6 pt-4 pb-2\">\n                  <div class=\"h-4 bg-gray-300 w-1/4 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-1/2\"></div>\n              </div>\n              </div>\n          </div>\n          <div class=\"w-[280px]\">\n              <div class=\"w-full rounded overflow-hidden shadow-lg animate-pulse\">\n              <div class=\"h-48 bg-gray-300\"></div>\n              <div class=\"px-6 py-4\">\n                  <div class=\"h-6 bg-gray-300 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-2/3\"></div>\n              </div>\n              <div class=\"px-6 pt-4 pb-2\">\n                  <div class=\"h-4 bg-gray-300 w-1/4 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-1/2\"></div>\n              </div>\n              </div>\n          </div>\n          <div class=\"w-[280px]\">\n              <div class=\"w-full rounded overflow-hidden shadow-lg animate-pulse\">\n              <div class=\"h-48 bg-gray-300\"></div>\n              <div class=\"px-6 py-4\">\n                  <div class=\"h-6 bg-gray-300 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-2/3\"></div>\n              </div>\n              <div class=\"px-6 pt-4 pb-2\">\n                  <div class=\"h-4 bg-gray-300 w-1/4 mb-2\"></div>\n                  <div class=\"h-4 bg-gray-300 w-1/2\"></div>\n              </div>\n              </div>\n          </div>\n      </div>\n        </div>\n\n\n    </div>\n  </section>\n  <FooterSection />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from \"vue\";\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport LevelBarIconComp from \"../../components/IconComp/LevelBarIconComp.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport { CourseApi } from \"@/services\";\n\nconst selectedCategory = ref(\"All\");\nconst showDropdown = ref(false);\nconst isLoading = ref(false);\nconst courses =ref<Course[]>([]);\nconst categories=ref<string[]>([''])\n  const searchTerm = ref('');\ntype CourseLevel = \"Beginner\" | \"Intermediate\" | \"Advanced\";\n\ninterface Course {\n  id: string;\n  title: string;\n  image: string;\n  link: string;\n  duration: string;\n  level: CourseLevel;\n  projects: string;\n  rating: string;\n  category: string;\n}\n// Type definition for a single course object\ninterface MiniCourse {\n  title: string;\n  description: string;\n  image: string;\n  duration: string;\n  amount: string;\n  id: string;\n  hours: string;\n}\n\n// Computed property to filter courses based on the search term\nconst filteredCourses1 = computed(() => {\n  const searchTermLower = searchTerm.value.toLowerCase();\n  return MiniCourses.value.filter((course: MiniCourse) =>\n    course.title.toLowerCase().includes(searchTermLower)\n  );\n})\n\n// function to get all microcourse\n\nasync function getAllMiniCourses() {\n  try {\n    const response = await CourseApi.allMicroCourses() as any;\n    MiniCourses.value = response;\n  } catch (error) {\n    console.error('Error fetching mini courses:', error);\n  }\n}\n\nonMounted(async () => {\n  getAllMiniCourses()\n  isLoading.value=true\n  try {\n    const response = await CourseApi.allCourses() as any;\n    courses.value =  response\n\n    // Update courses data with fetched data\n  } catch (error) {\n    console.error('Error fetching courses:', error);\n\n  }\n  finally{\n  isLoading.value=false\n\n  }\n});\n\nconst MiniCourses = ref<MiniCourse[]>([\n\n]);\n\nonMounted(\n  async ()=>{\n\n    try{\n      const res =await CourseApi.allCategories() as any\n      categories.value=res\n\n    }\n    catch (error){\n      console.error('Error fetching courses:', error);\n\n    }\n  }\n)\n\n\n//   {\n//     title: \"Data Science Foundation: The Python Techniques\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312747/8_ehipfx.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"8 weeks\",\n//     level: \"Beginner\",\n//     projects: \"4\",\n//     rating: \"4.6\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Python: Introduction to Python for Beginners\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312744/1_zcoly6.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Intermediate\",\n//     projects: \"4\",\n//     rating: \"4.9\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Django: Build anything Web Application with Python\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/7_x9ibol.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"4\",\n//     rating: \"4.9\",\n//     category: \"Web Development\",\n//   },\n//   {\n//     title: \"Figma/Adobe XD: Jump Start Application Designs\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Advance\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Design\",\n//   },\n//   {\n//     title: \"Build Modern Static and Dynamic Web Sites\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312745/6_aauves.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Advance\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Web Development\",\n//   },\n//   {\n//     title: \"How To Easily Create Website with Vue\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312750/9_jyz1pk.png\",\n\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Intermediate\",\n//     projects: \"3\",\n//     rating: \"4.9\",\n//     category: \"Web Development\",\n//   },\n//   {\n//     title: \"Python Automation: Routine Task with Python\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312754/4_zl4ghj.png\",\n\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Python for DataBase Experts: Manipulate & Transform Data\",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312749/5_rj4kvl.png\",\n\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Data Science\",\n//   },\n//   {\n//     title: \"Low Code / No Code Data Science  \",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312751/12_w029gm.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Gen\",\n//   },\n//   {\n//     title: \"Generative Artificial Intelligence \",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312748/10_jtio20.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Intermediate\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Gen\",\n//   },\n//   {\n//     title: \"Low Code / No Code Machine Learning  \",\n//     image:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312749/11_by3qsl.png\",\n//     link: \"https://bit.ly/10-weeks-DataScience\",\n//     duration: \"4 weeks\",\n//     level: \"Beginner\",\n//     projects: \"2\",\n//     rating: \"4.9\",\n//     category: \"Gen\",\n//   },\n// ]);\n\nconst filteredCourses = computed(() => {\n  if (selectedCategory.value === \"All\") {\n    showDropdown.value = !showDropdown;\n    return courses.value;\n  }\n  // else if (selectedCategory.value === \"Mini\") {\n  //   showDropdown.value = !showDropdown;\n  //   return MiniCourses.value;\n  // }\n\n  else {\n    showDropdown.value = !showDropdown;\n    return courses.value.filter(\n      (course) => course.category.includes(selectedCategory.value)\n    );\n  }\n});\n\nconst filterCourses = (category: string) => {\n  selectedCategory.value = category;\n  showDropdown.value=false\n};\n\n\n\n\n\n// fetch(`${process.env.VUE_APP_Base_url}/courses/`, {\n//   method: 'GET',\n//   headers: {\n//     'Integration-Token': `${process.env.VUE_APP_INTERGRATION_TOKEN}`,\n//     'Access-Control-Allow-Origin': '*',\n//     'Content-Type': 'application/json'\n//   }\n// })\n// .then(response => {\n//   if (!response.ok) {\n//     throw new Error('Network response was not ok');\n//   }\n//   return response.json();\n// })\n// .then(data => {\n//   console.log('Data:', data);\n//   // Process your data here\n// })\n// .catch(error => {\n//   console.error('Error fetching data:', error);\n// });\n\n</script>\n\n<style scoped>\n.course-item {\n  margin: 10px;\n  width: 280px !important;\n  background: white;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  transition: transform 0.3s ease-in-out;\n}\n.course-item:hover {\n  transform: scale(1.05);\n}\n\n\n\n\n\n</style>\n","import script from \"./Course.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./Course.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./Course.vue?vue&type=style&index=0&id=ff895e12&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ff895e12\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, vModelText as _vModelText, withDirectives as _withDirectives, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, vModelSelect as _vModelSelect, withModifiers as _withModifiers, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"md:my-[180px] my-[110px] sm:max-w-[604px] max-w-[367px] lg:max-w-[972px] w-full mx-auto border md:px-[120px] px-6 py-[40px] rounded-lg bg-[#FDF5FF]\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 24 24\",\n  \"stroke-width\": \"1.5\",\n  stroke: \"#6B46C1\",\n  class: \"size-4\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\",\n    d: \"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18\"\n  })\n], -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-[#6B46C1] text-[14px] font-bold\" }, \"Go Back\", -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex items-center justify-center title md:!text-2xl text-lg mb-12 !font-semibold\" }, \" Kindly complete the form to enroll into CAMLDS \", -1)\nconst _hoisted_6 = { class: \"mb-4\" }\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"fullName\",\n  class: \"block text-black\"\n}, \"Full Name \", -1)\nconst _hoisted_8 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_9 = { class: \"mb-4\" }\nconst _hoisted_10 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"email\",\n  class: \"block text-black\"\n}, \"Email*\", -1)\nconst _hoisted_11 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_12 = { class: \"mb-4\" }\nconst _hoisted_13 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"phoneNumber\",\n  class: \"block text-black\"\n}, \"Phone Number*\", -1)\nconst _hoisted_14 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_15 = { class: \"mb-4\" }\nconst _hoisted_16 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"address\",\n  class: \"block text-black\"\n}, \"Address (Land Mark)*\", -1)\nconst _hoisted_17 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_18 = { class: \"mb-4\" }\nconst _hoisted_19 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"course\",\n  class: \"block text-black\"\n}, \"Course*\", -1)\nconst _hoisted_20 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"\" }, \"Select a course\", -1)\nconst _hoisted_21 = [\"value\"]\nconst _hoisted_22 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_23 = { class: \"mb-4\" }\nconst _hoisted_24 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"heardAboutUs\",\n  class: \"block text-black\"\n}, \"How did you hear about us?*\", -1)\nconst _hoisted_25 = /*#__PURE__*/_createStaticVNode(\"<option value=\\\"\\\">Select an option</option><option value=\\\"Facebook\\\">Facebook</option><option value=\\\"Instagram\\\">Instagram</option><option value=\\\"Google\\\">Google</option><option value=\\\"Google\\\">Linkedin</option><option value=\\\"Google\\\">Website</option><option value=\\\"Friend\\\">Friend</option><option value=\\\"Other\\\">Others</option>\", 8)\nconst _hoisted_33 = [\n  _hoisted_25\n]\nconst _hoisted_34 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_35 = { class: \"mb-4\" }\nconst _hoisted_36 = /*#__PURE__*/_createElementVNode(\"label\", {\n  for: \"classPreference\",\n  class: \"block text-black\"\n}, \"Class Preference*\", -1)\nconst _hoisted_37 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"\" }, \"Select a class preference\", -1)\nconst _hoisted_38 = [\"value\"]\nconst _hoisted_39 = {\n  key: 0,\n  class: \"text-red-500 text-sm\"\n}\nconst _hoisted_40 = [\"disabled\"]\n\nimport * as yup from \"yup\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport Swal from \"sweetalert2\";\nimport { useRouter } from 'vue-router';\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport { CourseApi, FormApi } from \"@/services\";\n\ninterface Form {\n  fullName: string;\n  email: string;\n  phoneNumber: string;\n  address: string;\n  course: string;\n  heardAboutUs: string;\n  classPreference: string;\n}\n\ninterface Errors {\n  fullName?: string;\n  email?: string;\n  phoneNumber?: string;\n  address?: string;\n  course?: string;\n  heardAboutUs?: string;\n  classPreference?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'EnrollNow',\n  setup(__props) {\n\nconst router = useRouter();\nconst coursePref =ref([])\nconst classPref =ref([])\nconst isLoading=ref(false)\nconst query=ref()\n\nconst goBack = () => {\n  router.go(-1); // Go back to the previous page in history\n};\n\nconst form = ref<Form>({\n  fullName: \"\",\n  email: \"\",\n  phoneNumber: \"\",\n  address: \"\",\n  course: \"\",\n  heardAboutUs: \"\",\n  classPreference: \"\",\n});\n\nconst errors = ref<Errors>({});\n\nconst schema = yup.object().shape({\n  fullName: yup.string().min(3).required(\"Full Name is required\"),\n  email: yup\n    .string()\n    .matches(/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Z|a-z]{2,}$/)\n    .required(\"Email is required\"),\n  phoneNumber: yup.string().required(\"Phone Number is required\"),\n  address: yup.string().required(\"Address is required\"),\n  course: yup.string().required(\"Course is required\"),\n  heardAboutUs: yup.string().required(\"This field is required\"),\n  classPreference: yup.string().required(\"Class Preference is required\"),\n});\n\nonMounted(async () => {\n  query.value=router.currentRoute.value.query.key\n  try {\n    const response:any = await FormApi.coursePreferences(); // Replace with your API endpoint\n    coursePref.value =await  response.courses\n    coursePref.value.push(query.value)\n    \n    classPref.value =await  response.class_preference\n   \n  } catch (error) {\n    // console.error('Error fetching courses:', error);\n    // Handle error gracefully, e.g., show an error message\n  }\n\n  if (query.value && coursePref.value.length > 0) {\n    form.value.course = coursePref.value[coursePref.value.length - 1]; // set to the last item\n  }\n});\n\nconst submitForm = async () => {\n  try {\n    await schema.validate(form.value, { abortEarly: false });\n    isLoading.value=true\n  \n    // Form is valid, reset errors\n    errors.value = {};\n\n    const formData = { ...form.value };\n\n    const templateParams = {\n      full_name: formData.fullName,\n      email: formData.email,\n      phone_number: formData.phoneNumber,\n      address: formData.address,\n      course: formData.course,\n      hear_about_us: formData.heardAboutUs,\n      class_preference: formData.classPreference,\n    };\n\n    const response = await FormApi.enrollNow(templateParams);\n    isLoading.value=false\n         \n          form.value = {\n            fullName: \"\",\n            email: \"\",\n            phoneNumber: \"\",\n            address: \"\",\n            course: \"\",\n            heardAboutUs: \"\",\n            classPreference: \"\",\n          };\n          const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"success\",\n            title: \"Form succesfully Submitted \",\n          });\n          \n        \n        (error:any) => {\n    isLoading.value=false\n\n          // console.error('FAILED...', error);\n          const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n    isLoading.value=false\n\n          // error.value = 'Failed to send the email. Please try again later.';\n        }\n      \n  }\n   catch (validationErrors: any) {\n    // Set errors\n\n    if (validationErrors && Array.isArray(validationErrors.inner)) {\n            // Set errors\n            validationErrors.inner.forEach((error:any) => {\n                errors.value[error.path] = error.message;\n            });\n        } else {\n            console.error(\"Validation errors are not in expected format\", validationErrors);\n        }\n    \n\n\n\n    const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n  }\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"section\", null, [\n    _createVNode(Navbar),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"div\", {\n        onClick: goBack,\n        class: \"flex items-center justify-start gap-3 mb-6 cursor-pointer\"\n      }, _hoisted_4),\n      _hoisted_5,\n      _createElementVNode(\"form\", {\n        onSubmit: _withModifiers(submitForm, [\"prevent\"])\n      }, [\n        _createElementVNode(\"div\", _hoisted_6, [\n          _hoisted_7,\n          _withDirectives(_createElementVNode(\"input\", {\n            type: \"text\",\n            id: \"fullName\",\n            \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((form.value.fullName) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, null, 512), [\n            [_vModelText, form.value.fullName]\n          ]),\n          (errors.value.fullName)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_8, _toDisplayString(errors.value.fullName), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"div\", _hoisted_9, [\n          _hoisted_10,\n          _withDirectives(_createElementVNode(\"input\", {\n            type: \"email\",\n            id: \"email\",\n            \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event: any) => ((form.value.email) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, null, 512), [\n            [_vModelText, form.value.email]\n          ]),\n          (errors.value.email)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_11, _toDisplayString(errors.value.email), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"div\", _hoisted_12, [\n          _hoisted_13,\n          _withDirectives(_createElementVNode(\"input\", {\n            type: \"text\",\n            id: \"phoneNumber\",\n            \"onUpdate:modelValue\": _cache[2] || (_cache[2] = ($event: any) => ((form.value.phoneNumber) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, null, 512), [\n            [_vModelText, form.value.phoneNumber]\n          ]),\n          (errors.value.phoneNumber)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_14, _toDisplayString(errors.value.phoneNumber), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"div\", _hoisted_15, [\n          _hoisted_16,\n          _withDirectives(_createElementVNode(\"input\", {\n            type: \"text\",\n            id: \"address\",\n            \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => ((form.value.address) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, null, 512), [\n            [_vModelText, form.value.address]\n          ]),\n          (errors.value.address)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_17, _toDisplayString(errors.value.address), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"div\", _hoisted_18, [\n          _hoisted_19,\n          _withDirectives(_createElementVNode(\"select\", {\n            id: \"course\",\n            \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((form.value.course) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, [\n            _hoisted_20,\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(coursePref.value, (course) => {\n              return (_openBlock(), _createElementBlock(\"option\", {\n                key: course,\n                value: course\n              }, _toDisplayString(course), 9, _hoisted_21))\n            }), 128))\n          ], 512), [\n            [_vModelSelect, form.value.course]\n          ]),\n          (errors.value.course)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_22, _toDisplayString(errors.value.course), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"div\", _hoisted_23, [\n          _hoisted_24,\n          _withDirectives(_createElementVNode(\"select\", {\n            id: \"heardAboutUs\",\n            \"onUpdate:modelValue\": _cache[5] || (_cache[5] = ($event: any) => ((form.value.heardAboutUs) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, _hoisted_33, 512), [\n            [_vModelSelect, form.value.heardAboutUs]\n          ]),\n          (errors.value.heardAboutUs)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_34, _toDisplayString(errors.value.heardAboutUs), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"div\", _hoisted_35, [\n          _hoisted_36,\n          _withDirectives(_createElementVNode(\"select\", {\n            id: \"classPreference\",\n            \"onUpdate:modelValue\": _cache[6] || (_cache[6] = ($event: any) => ((form.value.classPreference) = $event)),\n            class: \"w-full px-3 py-2 border rounded\"\n          }, [\n            _hoisted_37,\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(classPref.value, (day) => {\n              return (_openBlock(), _createElementBlock(\"option\", {\n                key: day,\n                value: day\n              }, _toDisplayString(day), 9, _hoisted_38))\n            }), 128))\n          ], 512), [\n            [_vModelSelect, form.value.classPreference]\n          ]),\n          (errors.value.classPreference)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_39, _toDisplayString(errors.value.classPreference), 1))\n            : _createCommentVNode(\"\", true)\n        ]),\n        _createElementVNode(\"button\", {\n          type: \"submit\",\n          disabled: isLoading.value,\n          class: \"mt-8 border border-primary-purple text-primary-purple px-8 py-2 rounded-[50px] hover:text-white hover:bg-primary-purple\"\n        }, _toDisplayString(isLoading.value? 'Sending':'Submit'), 9, _hoisted_40)\n      ], 32)\n    ]),\n    _createVNode(FooterSection)\n  ]))\n}\n}\n\n})","<template>\n  <section>\n    <Navbar />\n\n  \n\n      \n    <div\n      class=\"md:my-[180px] my-[110px] sm:max-w-[604px] max-w-[367px] lg:max-w-[972px] w-full mx-auto border md:px-[120px] px-6 py-[40px] rounded-lg bg-[#FDF5FF]\"\n    >\n      <!-- go back using history mode -->\n      <div @click=\"goBack\" class=\"flex items-center justify-start gap-3 mb-6 cursor-pointer\">\n        <!-- arrrow back svg -->\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#6B46C1\" class=\"size-4\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18\" />\n        </svg>\n        \n        <div class=\"text-[#6B46C1] text-[14px] font-bold\"\n          >Go Back</div\n        >\n      </div>\n\n\n      <div\n        class=\"flex items-center justify-center title md:!text-2xl text-lg mb-12 !font-semibold\"\n      >\n        Kindly complete the form to enroll into CAMLDS\n      </div>\n      <form @submit.prevent=\"submitForm\">\n        <div class=\"mb-4\">\n          <label for=\"fullName\" class=\"block text-black\">Full Name </label>\n          <input\n            type=\"text\"\n            id=\"fullName\"\n            v-model=\"form.fullName\"\n            class=\"w-full px-3 py-2 border rounded\"\n          />\n          <div v-if=\"errors.fullName\" class=\"text-red-500 text-sm\">\n            {{ errors.fullName }}\n          </div>\n        </div>\n        <div class=\"mb-4\">\n          <label for=\"email\" class=\"block text-black\">Email*</label>\n          <input\n            type=\"email\"\n            id=\"email\"\n            v-model=\"form.email\"\n            class=\"w-full px-3 py-2 border rounded\"\n          />\n          <div v-if=\"errors.email\" class=\"text-red-500 text-sm\">\n            {{ errors.email }}\n          </div>\n        </div>\n        <div class=\"mb-4\">\n          <label for=\"phoneNumber\" class=\"block text-black\"\n            >Phone Number*</label\n          >\n          <input\n            type=\"text\"\n            id=\"phoneNumber\"\n            v-model=\"form.phoneNumber\"\n            class=\"w-full px-3 py-2 border rounded\"\n          />\n          <div v-if=\"errors.phoneNumber\" class=\"text-red-500 text-sm\">\n            {{ errors.phoneNumber }}\n          </div>\n        </div>\n        <div class=\"mb-4\">\n          <label for=\"address\" class=\"block text-black\"\n            >Address (Land Mark)*</label\n          >\n          <input\n            type=\"text\"\n            id=\"address\"\n            v-model=\"form.address\"\n            class=\"w-full px-3 py-2 border rounded\"\n          />\n          <div v-if=\"errors.address\" class=\"text-red-500 text-sm\">\n            {{ errors.address }}\n          </div>\n        </div>\n        <div class=\"mb-4\">\n          <label for=\"course\" class=\"block text-black\">Course*</label>\n          <select\n            id=\"course\"\n            v-model=\"form.course\"\n            class=\"w-full px-3 py-2 border rounded\"\n          >\n            <option value=\"\">Select a course</option>\n            <option v-for=\"course in coursePref\"  :key=\"course\" :value=\"course\">\n              {{ course }}\n            </option>\n\n          </select>\n          <div v-if=\"errors.course\" class=\"text-red-500 text-sm\">\n            {{ errors.course }}\n          </div>\n        </div>\n        <div class=\"mb-4\">\n          <label for=\"heardAboutUs\" class=\"block text-black\"\n            >How did you hear about us?*</label\n          >\n          <select\n            id=\"heardAboutUs\"\n            v-model=\"form.heardAboutUs\"\n            class=\"w-full px-3 py-2 border rounded\"\n          >\n            <option value=\"\">Select an option</option>\n            <option value=\"Facebook\">Facebook</option>\n            <option value=\"Instagram\">Instagram</option>\n            <option value=\"Google\">Google</option>\n            <option value=\"Google\">Linkedin</option>\n            <option value=\"Google\">Website</option>\n            <option value=\"Friend\">Friend</option>\n            <option value=\"Other\">Others</option>\n          </select>\n          <div v-if=\"errors.heardAboutUs\" class=\"text-red-500 text-sm\">\n            {{ errors.heardAboutUs }}\n          </div>\n        </div>\n        <div class=\"mb-4\">\n          <label for=\"classPreference\" class=\"block text-black\"\n            >Class Preference*</label\n          >\n          <select\n            id=\"classPreference\"\n            v-model=\"form.classPreference\"\n            class=\"w-full px-3 py-2 border rounded\"\n          >\n            <option value=\"\">Select a class preference</option>\n            <option v-for=\"day in classPref\" :key=\"day\" :value=\"day\">\n              {{ day }}\n            </option>\n          </select>\n          <div v-if=\"errors.classPreference\" class=\"text-red-500 text-sm\">\n            {{ errors.classPreference }}\n          </div>\n        </div>\n        <button\n          type=\"submit\"\n          :disabled=\"isLoading\"\n          class=\"mt-8 border border-primary-purple text-primary-purple px-8 py-2 rounded-[50px] hover:text-white hover:bg-primary-purple\"\n        >\n          {{isLoading? 'Sending':'Submit'}}\n        </button>\n      </form>\n    </div>\n    <FooterSection />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport * as yup from \"yup\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport Swal from \"sweetalert2\";\nimport { useRouter } from 'vue-router';\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport { CourseApi, FormApi } from \"@/services\";\n\nconst router = useRouter();\nconst coursePref =ref([])\nconst classPref =ref([])\nconst isLoading=ref(false)\nconst query=ref()\n\nconst goBack = () => {\n  router.go(-1); // Go back to the previous page in history\n};\n\ninterface Form {\n  fullName: string;\n  email: string;\n  phoneNumber: string;\n  address: string;\n  course: string;\n  heardAboutUs: string;\n  classPreference: string;\n}\n\ninterface Errors {\n  fullName?: string;\n  email?: string;\n  phoneNumber?: string;\n  address?: string;\n  course?: string;\n  heardAboutUs?: string;\n  classPreference?: string;\n}\n\nconst form = ref<Form>({\n  fullName: \"\",\n  email: \"\",\n  phoneNumber: \"\",\n  address: \"\",\n  course: \"\",\n  heardAboutUs: \"\",\n  classPreference: \"\",\n});\n\nconst errors = ref<Errors>({});\n\nconst schema = yup.object().shape({\n  fullName: yup.string().min(3).required(\"Full Name is required\"),\n  email: yup\n    .string()\n    .matches(/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Z|a-z]{2,}$/)\n    .required(\"Email is required\"),\n  phoneNumber: yup.string().required(\"Phone Number is required\"),\n  address: yup.string().required(\"Address is required\"),\n  course: yup.string().required(\"Course is required\"),\n  heardAboutUs: yup.string().required(\"This field is required\"),\n  classPreference: yup.string().required(\"Class Preference is required\"),\n});\n\nonMounted(async () => {\n  query.value=router.currentRoute.value.query.key\n  try {\n    const response:any = await FormApi.coursePreferences(); // Replace with your API endpoint\n    coursePref.value =await  response.courses\n    coursePref.value.push(query.value)\n    \n    classPref.value =await  response.class_preference\n   \n  } catch (error) {\n    // console.error('Error fetching courses:', error);\n    // Handle error gracefully, e.g., show an error message\n  }\n\n  if (query.value && coursePref.value.length > 0) {\n    form.value.course = coursePref.value[coursePref.value.length - 1]; // set to the last item\n  }\n});\n\nconst submitForm = async () => {\n  try {\n    await schema.validate(form.value, { abortEarly: false });\n    isLoading.value=true\n  \n    // Form is valid, reset errors\n    errors.value = {};\n\n    const formData = { ...form.value };\n\n    const templateParams = {\n      full_name: formData.fullName,\n      email: formData.email,\n      phone_number: formData.phoneNumber,\n      address: formData.address,\n      course: formData.course,\n      hear_about_us: formData.heardAboutUs,\n      class_preference: formData.classPreference,\n    };\n\n    const response = await FormApi.enrollNow(templateParams);\n    isLoading.value=false\n         \n          form.value = {\n            fullName: \"\",\n            email: \"\",\n            phoneNumber: \"\",\n            address: \"\",\n            course: \"\",\n            heardAboutUs: \"\",\n            classPreference: \"\",\n          };\n          const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"success\",\n            title: \"Form succesfully Submitted \",\n          });\n          \n        \n        (error:any) => {\n    isLoading.value=false\n\n          // console.error('FAILED...', error);\n          const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n    isLoading.value=false\n\n          // error.value = 'Failed to send the email. Please try again later.';\n        }\n      \n  }\n   catch (validationErrors: any) {\n    // Set errors\n\n    if (validationErrors && Array.isArray(validationErrors.inner)) {\n            // Set errors\n            validationErrors.inner.forEach((error:any) => {\n                errors.value[error.path] = error.message;\n            });\n        } else {\n            console.error(\"Validation errors are not in expected format\", validationErrors);\n        }\n    \n\n\n\n    const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n  }\n};\n</script>\n\n<style scoped></style>\n","import script from \"./EnrollNow.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./EnrollNow.vue?vue&type=script&setup=true&lang=ts\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g clip-path=\"url(#clip0_1021_4552)\">\n        <mask\n          id=\"mask0_1021_4552\"\n          style=\"mask-type: luminance\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"0\"\n          y=\"0\"\n          width=\"40\"\n          height=\"40\"\n        >\n          <path d=\"M40 0H0V40H40V0Z\" fill=\"white\" />\n        </mask>\n        <g mask=\"url(#mask0_1021_4552)\">\n          <path\n            d=\"M24.4501 25.4084C24.1564 25.1795 23.8126 25.0225 23.4463 24.9499C23.47 24.9067 23.4929 24.8624 23.5138 24.8182L23.7429 24.5913C24.6256 23.7336 24.7181 22.3565 23.9577 21.3905C23.6058 20.9485 23.1069 20.6446 22.5499 20.5329C22.5889 20.4613 22.6239 20.3877 22.6564 20.3124C23.4237 19.2394 23.1674 17.7534 22.084 16.9934C21.8112 16.8021 21.5011 16.6692 21.1734 16.6033C21.8112 15.4476 21.3822 13.9987 20.2153 13.367C19.3282 12.887 18.2329 13.0069 17.4729 13.6671C17.4052 13.2828 17.2418 12.9213 16.9976 12.6154C16.5411 12.0389 15.842 11.7026 15.1022 11.7041C14.462 11.7018 13.8475 11.9536 13.3958 12.4027L7.61262 18.1342L7.59072 17.3696C7.5787 16.0569 6.49436 15.0024 5.1689 15.0142C3.88794 15.0256 2.8418 16.0313 2.79215 17.2991L1.63826 25.6119L0.6877 26.7039C0.116765 27.3642 0.154398 28.348 0.774128 28.9633L2.18759 30.3548C1.74772 31.0135 1.83558 31.8876 2.39765 32.4475L9.01849 38.9963C9.33272 39.3059 9.75856 39.4786 10.2019 39.4762C10.5689 39.4759 10.9256 39.357 11.2181 39.1374L12.6002 38.0858C13.931 37.7752 15.3968 37.0682 16.9605 35.9837C18.3265 35.0366 19.8122 33.7749 21.3654 32.2328L24.6573 28.9728C25.5994 28.0373 25.5977 26.5228 24.6531 25.5896C24.5877 25.5252 24.5187 25.4644 24.4463 25.4077L24.4501 25.4084ZM18.1688 14.5679C18.6676 14.0754 19.4753 14.0767 19.9727 14.5709C20.0072 14.6051 20.0396 14.6413 20.0699 14.6791C20.464 15.1952 20.4093 15.9209 19.9425 16.3736L19.355 16.9555C19.2634 17.0147 19.1761 17.0802 19.0936 17.1512C19.0259 16.767 18.8626 16.4055 18.6184 16.0995C18.3149 15.7183 17.9009 15.4381 17.432 15.2966L18.1688 14.5679ZM14.2028 13.2046C14.7019 12.7121 15.5096 12.7136 16.0069 13.2077C16.0414 13.2419 16.0738 13.278 16.104 13.3159C16.4986 13.832 16.4439 14.558 15.9766 15.0104L9.23327 21.6212L9.21138 20.8566C9.20551 20.1467 8.87912 19.4768 8.32164 19.0304L14.2028 13.2046ZM1.58116 28.1603C1.38327 27.9645 1.37125 27.651 1.55355 27.4412L2.72089 26.0968L3.93187 17.3884C3.95105 16.6997 4.53028 16.157 5.22556 16.1758C5.89409 16.1941 6.43168 16.7264 6.45 17.3884L6.48334 18.5183C5.32945 18.6776 4.45702 19.6332 4.41295 20.7861L3.25791 29.0998L2.92236 29.4868L1.58116 28.1603ZM23.8541 28.1745L20.5623 31.4346C17.7504 34.2194 14.8123 36.4544 12.2305 37.0118C12.1525 37.0271 12.0788 37.0592 12.0147 37.1059L10.527 38.2355C10.3146 38.3974 10.014 38.3781 9.82453 38.1902L3.20182 31.6482C3.00407 31.4525 2.99205 31.139 3.17435 30.9291L4.34169 29.5845L5.55167 20.8755C5.55167 20.1865 6.11559 19.6283 6.8113 19.6283C7.50687 19.6283 8.0708 20.1865 8.0708 20.8755L8.13061 22.9299C8.13834 23.2454 8.40019 23.4967 8.719 23.4947C8.87268 23.4943 9.01978 23.4324 9.12681 23.3231L15.8226 16.6937C16.3216 16.201 17.1294 16.2025 17.6267 16.6966C17.6612 16.7308 17.6936 16.7667 17.7238 16.8047C18.118 17.3209 18.0633 18.0466 17.5964 18.4992L12.9843 23.0673C12.7449 23.3043 12.7449 23.6886 12.9843 23.9258C13.2265 24.1654 13.6193 24.1654 13.8616 23.9258L19.7904 18.0541C20.2894 17.5615 21.097 17.5628 21.5944 18.057C21.6289 18.0911 21.6613 18.1272 21.6915 18.1651C22.086 18.6811 22.0315 19.4072 21.5642 19.8598L15.663 25.7041C15.4201 25.9445 15.4201 26.3343 15.6628 26.5747L15.663 26.5748C15.9019 26.8116 16.2895 26.8119 16.5287 26.5753L16.5289 26.5748L21.1687 21.9799C21.6678 21.4873 22.4754 21.4886 22.9728 21.9829C23.0071 22.0169 23.0396 22.0531 23.0699 22.0909C23.4643 22.607 23.4098 23.333 22.9424 23.7854L18.3465 28.3372C18.0981 28.5831 18.0981 28.9819 18.3465 29.2278L18.3541 29.2354C18.5835 29.4625 18.9555 29.4625 19.1849 29.2354L22.0365 26.4112C22.2867 26.1633 22.6256 26.0235 22.9797 26.0224C23.2591 26.0211 23.5308 26.1135 23.7503 26.2849C24.304 26.7157 24.4 27.5095 23.9648 28.0576C23.9309 28.1004 23.8943 28.141 23.8551 28.1791L23.8541 28.1745Z\"\n            fill=\"#011527\"\n          />\n          <g opacity=\"0.04\">\n            <path\n              d=\"M38.8015 7.87176C39.2975 8.37336 40.282 8.29136 41.0004 7.6886C41.7191 7.08585 41.8993 6.19051 41.4033 5.68891C40.9074 5.1873 39.9229 5.26918 39.2043 5.87206C38.4859 6.47482 38.3055 7.37015 38.8015 7.87176Z\"\n              fill=\"#2DC4B6\"\n            />\n          </g>\n        </g>\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1021_4552\">\n          <rect width=\"40\" height=\"40\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  </template>\n  <script setup></script>\n  ","import { render } from \"./ClapIconComp.vue?vue&type=template&id=0f47064a\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, withCtx as _withCtx, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, createStaticVNode as _createStaticVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../../public/img/icons/android-icon-192x192.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2cf9c86c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/_createStaticVNode(\"<section class=\\\"sm:mb-[40px] mb-[20px] sm:mt-[193px] mt-[128px] md:mt-[138px]\\\" data-v-2cf9c86c><div class=\\\"max-w-[95vw] sm:max-w-[754px] sm:mx-[2.5vw] md:mx-auto xl:max-w-[1280px] border-2 h-fit mx-auto bg-[#FDF5FF] py-10 lg:py-14 rounded-[18px] xl:rounded-[30px] flex flex-col items-center justify-center\\\" data-v-2cf9c86c><p class=\\\"xl:w-[120px] xl:h-[43px] text-xs xl:text-base border border-border-grey w-[85px] h-[25px] mb-[14px] xl:mb-6 rounded-full bg-white text-[#666D80] flex items-center justify-center\\\" data-v-2cf9c86c> Blog Spot </p><div class=\\\"w-[346px] max-w-full sm:w-[564px] xl:w-[957px] text-center font-semibold exo text-2xl text-text-black sm:text-[28px] xl:text-5xl\\\" data-v-2cf9c86c> CAMLDS Digest </div><div class=\\\"mt-4 xl:mt-8 w-[346px] max-w-full sm:w-[564px] xl:w-[957px] text-xs xl:text-base text-[#7B7B7B] exo block mx-auto text-center font-normal\\\" data-v-2cf9c86c> Welcome to CAMLDS digest, your source for insights, trends, and inspiring stories. Explore expert advice, practical tips, and a community driven by passion and discovery. Join us to learn, grow, and succeed together in this educational hub. </div></div></section>\", 1)\nconst _hoisted_2 = {\n  key: 0,\n  class: \"flex justify-start items-center sm:gap-[54px] gap-[25px] flex-wrap mt-[52px] mb-20 mx-auto xl:max-w-[1280px]\"\n}\nconst _hoisted_3 = [\"src\"]\nconst _hoisted_4 = { class: \"my-4 flex gap-5 items-center justify-start text-[12px] text-text-dull-grey font-medium px-3\" }\nconst _hoisted_5 = { class: \"text-[12px] text-text-dull-grey font-medium\" }\nconst _hoisted_6 = { class: \"font-bold text-[18px] w-[337px] exo max-h-[44px] mb-3 text-primary-blue px-3\" }\nconst _hoisted_7 = [\"innerHTML\"]\nconst _hoisted_8 = { class: \"text-sm flex justify-between items-center gap-2 px-3\" }\nconst _hoisted_9 = { class: \"flex justify-start items-center gap-2\" }\nconst _hoisted_10 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-5 h-5 rounded-full bg-gray-200 text-center flex justify-center items-center\" }, [\n  /*#__PURE__*/_createElementVNode(\"img\", {\n    src: _imports_0,\n    alt: \"C\"\n  })\n], -1))\nconst _hoisted_11 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-xs exo\" }, \"CAMLDS Team\", -1))\nconst _hoisted_12 = { class: \"flex justify-start items-center gap-1 my-3\" }\nconst _hoisted_13 = { class: \"text-primary-purple font-bold\" }\nconst _hoisted_14 = {\n  key: 1,\n  class: \"min-h-[60vh] flex justify-center items-start\"\n}\nconst _hoisted_15 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"loader\" }, null, -1))\nconst _hoisted_16 = [\n  _hoisted_15\n]\n\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport ArrowRightIconComp from '@/components/IconComp/ArrowRightIconComp.vue'\n\n//   import { ArrowRightIconComp, ClapIconComp } from \"@/components/IconsComp\";\n  import Paginator from \"primevue/paginator\";\n  import { BlogApi } from \"@/services\";\n//   import { useMessageStore } from \"@/stores\";\n  import { onMounted, ref } from \"vue\";\n  import ClapIconComp from '@/components/IconComp/ClapIconComp.vue'\n//   import LoadingBlog from \"../../views/BlogView/LoadingBlog.vue\";\n//   import RetryLoaderComp from \"@/components/RetryLoaderComp\";\n  \n//   const messageStore = useMessageStore();\n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BlogView',\n  setup(__props) {\n\nconst blogPosts = ref<any>(null);\n  const isLoading = ref(false);\n  const apiCallFailed = ref(false);\n  \n  let readingTime = ref<number>(0);\n  \n  const calculateReadingTime = (text: string) => {\n    const wordsPerMinute = 200; // Average reading speed in words per minute\n    const words = text.split(\" \").length;\n    return (readingTime.value = Math.ceil(words / wordsPerMinute));\n  };\n  \n  const page = ref(1);\n  const handlePage = (event: any) => {\n    page.value = event.page + 1;\n  };\n  \n  function reload() {\n    window.location.reload();\n  }\n  \n  onMounted(async () => {\n    try {\n      isLoading.value = true;\n      const blogReq:any = await BlogApi.getBlogPosts();\n      blogReq.results?.sort((a: any, b: any) => new Date(b.date).getTime() - new Date(a.date).getTime());\n      blogPosts.value = blogReq.results;\n      console.log(blogPosts.value);\n      isLoading.value = false;\n    } catch (error) {\n      apiCallFailed.value = true;\n    //   messageStore.setMessage(\"Error loading posts\", \"error\");\n    }\n  });\n  \n  function formatClapCount(num: number): string {\n    if (num >= 1000000000 && num < 1000000000000) {\n      const rounded = Math.round(num / 100000000) / 10;\n      return rounded.toFixed(1) + \"B\";\n    } else if (num >= 1000000 && num < 1000000000) {\n      const rounded = Math.round(num / 100000) / 10;\n      return rounded.toFixed(1) + \"M\";\n    } else if (num >= 1000 && num < 1000000) {\n      const rounded = Math.round(num / 100) / 10;\n      return rounded.toFixed(1) + \"k\";\n    }\n    return num.toString();\n  }\n  \nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(Navbar),\n    _hoisted_1,\n    (!isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"section\", _hoisted_2, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(blogPosts.value, (post) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: post.post_id,\n              class: \"!min-h-[375px] w-[389px] rounded-[10px] shadow-md sm:mx-auto mx-2 sm:mb-10 mb-4 hover:scale-105\"\n            }, [\n              _createVNode(_component_router_link, {\n                to: '/blog/post/' + post.post_id\n              }, {\n                default: _withCtx(() => [\n                  _createElementVNode(\"img\", {\n                    src: post?.img_link,\n                    class: \"!h-[192px] bg-gray-200 w-full rounded-t-[10px] object-cover\"\n                  }, null, 8, _hoisted_3),\n                  _createElementVNode(\"div\", _hoisted_4, [\n                    _createElementVNode(\"div\", _hoisted_5, _toDisplayString(new Date(post.date).toLocaleDateString(\"en-US\", { day: \"2-digit\", month: \"short\", year: \"numeric\" })), 1),\n                    _createElementVNode(\"div\", null, _toDisplayString(calculateReadingTime(post?.content) <= 1\n                  ? `${calculateReadingTime(post?.content)} min read`\n                  : `${calculateReadingTime(post?.content)} mins read`), 1)\n                  ]),\n                  _createElementVNode(\"div\", _hoisted_6, _toDisplayString(post?.title.length > 60 ? post?.title.substring(0, 60) + \"...\" : post.title), 1),\n                  _createElementVNode(\"div\", {\n                    innerHTML: post?.content.length > 120 ? post?.content.substring(0, 120) + '...' : post.content,\n                    class: \"!font-normal w-[337px] mb-3 !text-sm content h-[70px] overflow-hidden px-3\"\n                  }, null, 8, _hoisted_7),\n                  _createElementVNode(\"div\", _hoisted_8, [\n                    _createElementVNode(\"div\", _hoisted_9, [\n                      _hoisted_10,\n                      _hoisted_11,\n                      _createElementVNode(\"div\", _hoisted_12, [\n                        _createElementVNode(\"div\", _hoisted_13, _toDisplayString(formatClapCount(post.clap_count)), 1),\n                        _createElementVNode(\"div\", null, [\n                          _createVNode(ClapIconComp, {\n                            class: \"sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\",\n                            title: \"Clap\"\n                          })\n                        ])\n                      ])\n                    ])\n                  ])\n                ]),\n                _: 2\n              }, 1032, [\"to\"])\n            ]))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true),\n    (isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_14, _hoisted_16))\n      : _createCommentVNode(\"\", true),\n    (apiCallFailed.value && !isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          onClicked: reload\n        }, \"Unable to load blog posts right now\", 32))\n      : _createCommentVNode(\"\", true),\n    (blogPosts.value && blogPosts.value.count != 0)\n      ? (_openBlock(), _createBlock(_unref(Paginator), {\n          key: 3,\n          class: \"!mt-3\",\n          pt: {\n        root: {\n          class: ' !w-full text-xs p-0',\n        },\n      },\n          totalRecords: blogPosts.value?.length,\n          rows: 30,\n          onPage: handlePage,\n          template: \"FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink\",\n          currentPageReportTemplate: \"Showing {first} to {last} of {totalRecords}\"\n        }, null, 8, [\"totalRecords\"]))\n      : _createCommentVNode(\"\", true),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n    <Navbar />\n    <section class=\"sm:mb-[40px] mb-[20px] sm:mt-[193px] mt-[128px] md:mt-[138px]\">\n      <div\n        class=\"max-w-[95vw] sm:max-w-[754px] sm:mx-[2.5vw] md:mx-auto xl:max-w-[1280px] border-2 h-fit mx-auto bg-[#FDF5FF] py-10 lg:py-14 rounded-[18px] xl:rounded-[30px] flex flex-col items-center justify-center\"\n      >\n        <p\n          class=\"xl:w-[120px] xl:h-[43px] text-xs xl:text-base border border-border-grey w-[85px] h-[25px] mb-[14px] xl:mb-6 rounded-full bg-white text-[#666D80] flex items-center justify-center\"\n        >\n          Blog Spot\n        </p>\n        <div\n          class=\"w-[346px] max-w-full sm:w-[564px] xl:w-[957px] text-center  font-semibold exo text-2xl text-text-black sm:text-[28px] xl:text-5xl\"\n        >\n          CAMLDS Digest\n        </div>\n        <div\n          class=\"mt-4 xl:mt-8 w-[346px] max-w-full sm:w-[564px] xl:w-[957px] text-xs xl:text-base text-[#7B7B7B] exo block mx-auto text-center font-normal\"\n        >\n        Welcome to CAMLDS digest, your source for insights, trends, and inspiring stories. Explore expert advice, practical tips, and a community driven by passion and discovery. Join us to learn, grow, and succeed together in this educational hub.\n        </div>\n      </div>\n    </section>\n  \n    <!-- Blog Posts -->\n    <section\n      v-if=\"!isLoading\"\n      class=\"flex justify-start items-center sm:gap-[54px] gap-[25px] flex-wrap mt-[52px] mb-20 mx-auto xl:max-w-[1280px]\"\n    >\n      <div\n        v-for=\"post in blogPosts\"\n        :key=\"post.post_id\"\n        class=\"!min-h-[375px] w-[389px] rounded-[10px] shadow-md sm:mx-auto mx-2 sm:mb-10 mb-4 hover:scale-105\"\n      >\n        <router-link :to=\"'/blog/post/' + post.post_id\">\n          <img :src=\"post?.img_link\" class=\"!h-[192px] bg-gray-200 w-full rounded-t-[10px] object-cover\" />\n  \n          <div class=\"my-4 flex gap-5 items-center justify-start text-[12px] text-text-dull-grey font-medium px-3\">\n            <div class=\"text-[12px] text-text-dull-grey font-medium\">\n              {{ new Date(post.date).toLocaleDateString(\"en-US\", { day: \"2-digit\", month: \"short\", year: \"numeric\" }) }}\n            </div>\n  \n            <div>\n              {{\n                calculateReadingTime(post?.content) <= 1\n                  ? `${calculateReadingTime(post?.content)} min read`\n                  : `${calculateReadingTime(post?.content)} mins read`\n              }}\n            </div>\n          </div>\n  \n          <div class=\"font-bold text-[18px] w-[337px] exo max-h-[44px] mb-3 text-primary-blue px-3\">\n            {{ post?.title.length > 60 ? post?.title.substring(0, 60) + \"...\" : post.title }}\n          </div>\n  \n          <div\n          v-html=\"post?.content.length > 120 ? post?.content.substring(0, 120) + '...' : post.content\"\n          class=\"!font-normal w-[337px] mb-3 !text-sm content h-[70px] overflow-hidden px-3\"\n        ></div>\n  \n          <div class=\"text-sm flex justify-between items-center gap-2 px-3\">\n            <div class=\"flex justify-start items-center gap-2\">\n              <div class=\"w-5 h-5 rounded-full bg-gray-200 text-center flex justify-center items-center\">\n                <img\n                  src=\"../../../public/img/icons/android-icon-192x192.png\"\n                  alt=\"C\"\n                />\n              </div>\n              <div class=\"text-xs exo\">CAMLDS Team</div>\n  \n              <div class=\"flex justify-start items-center gap-1 my-3\">\n                <div class=\"text-primary-purple font-bold \">{{ formatClapCount(post.clap_count) }}</div>\n                <div>\n                    <ClapIconComp class=\"sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\" title=\"Clap\" />\n                </div>\n              </div>\n            </div>\n  \n            <!-- <ArrowRightIconComp /> -->\n          </div>\n        </router-link>\n      </div>\n    </section>\n  \n    <div v-if=\"isLoading\" class=\"min-h-[60vh] flex justify-center items-start \" > <div class=\"loader\"></div></div>\n  \n    <div v-if=\"apiCallFailed && !isLoading\" @clicked=\"reload\">Unable to load blog posts right now</div>\n  \n    <!-- <RetryLoaderComp v-if=\"blogPosts?.count == 0\" text=\"No blog post yet !\" @clicked=\"reload\" /> -->\n  \n    <Paginator\n      class=\"!mt-3\"\n      :pt=\"{\n        root: {\n          class: ' !w-full text-xs p-0',\n        },\n      }\"\n      v-if=\"blogPosts && blogPosts.count != 0\"\n      :totalRecords=\"blogPosts?.length\"\n      :rows=\"30\"\n      @page=\"handlePage\"\n      template=\"FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink\"\n      currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\n    />\n    <FooterSection />\n  </template>\n  \n  <script setup lang=\"ts\">\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport ArrowRightIconComp from '@/components/IconComp/ArrowRightIconComp.vue'\n\n//   import { ArrowRightIconComp, ClapIconComp } from \"@/components/IconsComp\";\n  import Paginator from \"primevue/paginator\";\n  import { BlogApi } from \"@/services\";\n//   import { useMessageStore } from \"@/stores\";\n  import { onMounted, ref } from \"vue\";\n  import ClapIconComp from '@/components/IconComp/ClapIconComp.vue'\n//   import LoadingBlog from \"../../views/BlogView/LoadingBlog.vue\";\n//   import RetryLoaderComp from \"@/components/RetryLoaderComp\";\n  \n//   const messageStore = useMessageStore();\n  const blogPosts = ref<any>(null);\n  const isLoading = ref(false);\n  const apiCallFailed = ref(false);\n  \n  let readingTime = ref<number>(0);\n  \n  const calculateReadingTime = (text: string) => {\n    const wordsPerMinute = 200; // Average reading speed in words per minute\n    const words = text.split(\" \").length;\n    return (readingTime.value = Math.ceil(words / wordsPerMinute));\n  };\n  \n  const page = ref(1);\n  const handlePage = (event: any) => {\n    page.value = event.page + 1;\n  };\n  \n  function reload() {\n    window.location.reload();\n  }\n  \n  onMounted(async () => {\n    try {\n      isLoading.value = true;\n      const blogReq:any = await BlogApi.getBlogPosts();\n      blogReq.results?.sort((a: any, b: any) => new Date(b.date).getTime() - new Date(a.date).getTime());\n      blogPosts.value = blogReq.results;\n      console.log(blogPosts.value);\n      isLoading.value = false;\n    } catch (error) {\n      apiCallFailed.value = true;\n    //   messageStore.setMessage(\"Error loading posts\", \"error\");\n    }\n  });\n  \n  function formatClapCount(num: number): string {\n    if (num >= 1000000000 && num < 1000000000000) {\n      const rounded = Math.round(num / 100000000) / 10;\n      return rounded.toFixed(1) + \"B\";\n    } else if (num >= 1000000 && num < 1000000000) {\n      const rounded = Math.round(num / 100000) / 10;\n      return rounded.toFixed(1) + \"M\";\n    } else if (num >= 1000 && num < 1000000) {\n      const rounded = Math.round(num / 100) / 10;\n      return rounded.toFixed(1) + \"k\";\n    }\n    return num.toString();\n  }\n  </script>\n  <style scoped>\n\n  .loader {\n    width: 60px;\n    aspect-ratio: 1;\n    display: flex;\n    animation: l8-0 2s infinite sptes(1);\n  }\n  .loader::before,\n  .loader::after {\n    content: \"\";\n    flex: 1;\n    animation: \n      l8-1 1s infinite linear alternate,\n      l8-2 2s infinite steps(1) -.5s;\n  }\n  .loader::after {\n    --s:-1,-1;\n  }\n  @keyframes l8-0 {\n    0%  {transform: scaleX(1)  rotate(0deg)}\n    50% {transform: scaleX(-1) rotate(-90deg)}\n  }\n  @keyframes l8-1 {\n    0%,\n    5%   {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateY(0deg) }\n    33%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(0deg) }\n    66%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(-180deg)}\n    95%,\n    100% {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateX(-180deg)}\n  }\n  @keyframes l8-2 {\n    0%  {background:#FEAE49}\n    50% {background:#581699}\n  }\n\n</style>\n  ","import script from \"./BlogView.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./BlogView.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./BlogView.vue?vue&type=style&index=0&id=2cf9c86c&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2cf9c86c\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  width: \"32\",\n  height: \"33\",\n  viewBox: \"0 0 32 33\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M4.37411 3.4599C3.98359 3.06937 3.35042 3.06935 2.9599 3.45987C2.56937 3.85039 2.56935 4.48357 2.95987 4.87409L8.58409 10.4984H5.66699C4.01014 10.4984 2.66699 11.8416 2.66699 13.4984V19.4957C2.66699 21.1525 4.01014 22.4957 5.66699 22.4957H10.5731C10.818 22.4957 11.0545 22.5855 11.2376 22.7483L17.2262 28.0733C18.301 29.029 20.0003 28.2659 20.0003 26.8278V21.9149L27.6262 29.541C28.0167 29.9315 28.6499 29.9315 29.0405 29.541C29.431 29.1505 29.431 28.5173 29.0405 28.1267L4.37411 3.4599ZM18.0003 19.9149V26.0854L12.5665 21.2537C12.0173 20.7654 11.308 20.4957 10.5731 20.4957H5.66699C5.11471 20.4957 4.66699 20.0479 4.66699 19.4957V13.4984C4.66699 12.9461 5.11471 12.4984 5.66699 12.4984H10.5731C10.5768 12.4984 10.5804 12.4984 10.584 12.4984L18.0003 19.9149ZM18.0003 6.90935V14.2579L20.0003 16.2579V6.16697C20.0003 4.72881 18.301 3.96583 17.2263 4.92139L12.6937 8.95117L14.1103 10.3678L18.0003 6.90935ZM22.855 19.1126L24.3723 20.6301C24.9881 19.3841 25.3337 17.9813 25.3337 16.5003C25.3337 14.8961 24.9281 13.3836 24.2131 12.0628C23.9502 11.5771 23.3433 11.3965 22.8577 11.6594C22.3719 11.9223 22.1913 12.5292 22.4542 13.0149C23.0149 14.0506 23.3337 15.2367 23.3337 16.5003C23.3337 17.4217 23.1642 18.3019 22.855 19.1126ZM25.8511 22.1089L27.309 23.5667C28.5919 21.5178 29.3337 19.0946 29.3337 16.5003C29.3337 13.5322 28.3626 10.7879 26.7213 8.57179C26.3925 8.12799 25.7662 8.03469 25.3225 8.36341C24.8786 8.69211 24.7854 9.31837 25.1141 9.76218C26.509 11.6456 27.3337 13.9753 27.3337 16.5003C27.3337 18.5418 26.7947 20.4554 25.8511 22.1089Z\",\n  fill: \"#101727\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  width: \"32\",\n  height: \"33\",\n  viewBox: \"0 0 32 32\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M20.0003 5.66601C20.0003 4.22785 18.301 3.46488 17.2263 4.42045L11.2376 9.74481C11.0545 9.90756 10.8181 9.99747 10.5731 9.99747H5.66699C4.01014 9.99747 2.66699 11.3406 2.66699 12.9975V18.9947C2.66699 20.6515 4.01014 21.9947 5.66699 21.9947H10.5731C10.818 21.9947 11.0545 22.0845 11.2376 22.2473L17.2262 27.5723C18.301 28.528 20.0003 27.7651 20.0003 26.3268V5.66601ZM12.5665 11.2395L18.0003 6.4084V25.5844L12.5665 20.7528C12.0173 20.2644 11.308 19.9947 10.5731 19.9947H5.66699C5.11471 19.9947 4.66699 19.5469 4.66699 18.9947V12.9975C4.66699 12.4452 5.11471 11.9975 5.66699 11.9975H10.5731C11.308 11.9975 12.0173 11.7277 12.5665 11.2395ZM25.3225 7.86245C25.7662 7.53373 26.3925 7.62704 26.7213 8.07084C28.3626 10.2869 29.3337 13.0312 29.3337 15.9993C29.3337 18.9675 28.3626 21.7117 26.7213 23.9279C26.3925 24.3717 25.7662 24.4651 25.3225 24.1363C24.8786 23.8076 24.7854 23.1813 25.1141 22.7375C26.509 20.8541 27.3337 18.5245 27.3337 15.9993C27.3337 13.4743 26.509 11.1446 25.1141 9.26123C24.7854 8.81743 24.8786 8.19117 25.3225 7.86245ZM22.8577 11.1585C23.3433 10.8955 23.9502 11.0761 24.2131 11.5618C24.9281 12.8826 25.3337 14.3951 25.3337 15.9993C25.3337 17.6036 24.9281 19.1161 24.2131 20.4369C23.9502 20.9225 23.3433 21.1032 22.8577 20.8403C22.3719 20.5773 22.1913 19.9704 22.4542 19.4848C23.0149 18.4491 23.3337 17.2629 23.3337 15.9993C23.3337 14.7357 23.0149 13.5496 22.4542 12.5139C22.1913 12.0282 22.3719 11.4214 22.8577 11.1585Z\",\n  fill: \"#101727\"\n}, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\ninterface propTypes {\n    type: \"play\" | \"pause\";\n  }\n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'SpeakOutIconComp',\n  props: {\n    type: {}\n  },\n  setup(__props: any) {\n\n  const props = __props;\n  \nreturn (_ctx: any,_cache: any) => {\n  return (_ctx.type == 'pause')\n    ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n    : (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, _hoisted_6))\n}\n}\n\n})","import script from \"./SpeakOutIconComp.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./SpeakOutIconComp.vue?vue&type=script&lang=ts&setup=true\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M16.3568 3.72253C16.7119 3.72263 16.9999 3.4349 16.9999 3.07986C16.9999 2.72483 16.7122 2.43692 16.3572 2.43682L5.21433 2.43359C4.85929 2.43349 4.57129 2.72123 4.57129 3.07626C4.57129 3.43131 4.85892 3.71921 5.21396 3.71931L16.3568 3.72253ZM10.6983 19.5695L10.7856 19.5755C11.111 19.5755 11.38 19.3336 11.4226 19.0198L11.4284 18.9326L11.4276 7.20258L14.6177 10.3914C14.8459 10.6196 15.2031 10.6403 15.4548 10.4536L15.5269 10.3913C15.755 10.1631 15.7758 9.80591 15.589 9.55426L15.5268 9.48217L11.243 5.19939C11.0149 4.97131 10.658 4.95048 10.4064 5.13696L10.3343 5.19913L6.0456 9.48191C5.79438 9.7328 5.7941 10.1399 6.04498 10.3911C6.27305 10.6194 6.63018 10.6404 6.88197 10.4539L6.95412 10.3917L10.1419 7.20858L10.1427 18.9326C10.1427 19.2581 10.3846 19.527 10.6983 19.5695Z\"\n        fill=\"#101727\"\n      />\n    </svg>\n  </template>\n  \n  <script setup></script>\n  ","import { render } from \"./ArrowUpIconComp.vue?vue&type=template&id=647f48be\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M14.4307 5.92969L20.5007 11.9997L14.4307 18.0697\"\n          stroke=\"#292D32\"\n          stroke-width=\"1.5\"\n          stroke-miterlimit=\"10\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n        <path\n          d=\"M3.50049 12L20.3305 12\"\n          stroke=\"#292D32\"\n          stroke-width=\"1.5\"\n          stroke-miterlimit=\"10\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n</template>\n\n<script setup>\n</script>","import { render } from \"./ArrowRightIconComp.vue?vue&type=template&id=7086831b\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M15 19.92L8.47997 13.4C7.70997 12.63 7.70997 11.37 8.47997 10.6L15 4.07996\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n        \n</template>","import { render } from \"./CloseIconComp2.vue?vue&type=template&id=1cf26214\"\nconst script = {}\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>\n    <!-- Share Button -->\n    <button  class=\"p-2 flex justify-center items-center border shadow-md rounded-full bg-gray size-8\" @click=\"showModal = true\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-4\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z\" />\n      </svg>\n      \n    </button>\n\n    <!-- Modal Popup -->\n    <div v-if=\"showModal\" class=\"modal-overlay\" @click=\"closeModal\">\n      <div class=\"modal-content\" @click.stop>\n        <div class=\"flex pb-6 justify-between items-center gap-4\">\n          <h3 class=\" text-base text-gray-800\">Share this post</h3>\n        \n        <!-- Close Modal -->\n        <button @click=\"closeModal\"><svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n        </svg></button>\n        </div>\n          <!-- Post Title with Watermark -->\n          <div class=\"watermarked-title-container\">\n            <h4 class=\"py-6 shadow rounded-lg bg-gray-50 text-lg text-gray-500\">{{ blogTitle }}</h4>\n          </div>\n\n        <!-- Social Media Share Buttons -->\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-4 grid-cols-2 justify-items-center gap-0 mt-6 space-y-4 sm:space-y-0\">\n          <button class=\"p-4 border shadow rounded-full bg-gray size-[52px] hover:scale-105\" @click=\"share('facebook')\">\n            <i class=\"fa-brands fa-facebook-f\"></i>\n          </button>\n          <button class=\"p-4 border shadow rounded-full bg-gray size-[52px] hover:scale-105\" @click=\"share('twitter')\">\n            <i class=\"pi pi-twitter\"></i>\n          </button>\n          <button class=\"p-4 border shadow rounded-full bg-gray size-[52px] hover:scale-105\" @click=\"share('linkedin')\">\n            <i class=\"pi pi-linkedin\"></i>\n          </button>\n          <button class=\"p-4 border shadow rounded-full bg-gray size-[52px] hover:scale-105\" @click=\"share('whatsapp')\">\n            <i class=\"pi pi-whatsapp\"></i>\n          </button>\n        </div>\n\n        <div className=\"flex justify-center items-center my-6 relative\">\n                      <div className=\"w-full h-[1px] bg-gray-200\"></div>\n                      <p className=\"text-gray-500 text-xs mx-auto absolute left-1/2 transform -translate-x-1/2 bg-white p-1.5\">\n                        Or\n                      </p>\n                    </div>        \n\n\n                    <div className=\"relative bg-white rounded-[30px] border-[#E6E5E5] border py-2 pl-2 h-12 flex justify-between items-center\">\n                      <input\n                        type=\"text\"\n                        readOnly\n                        :value=\"pageLink\"\n                        className=\"w-full h-12 bg-transparent border-none outline-none text-sm pl-3 text-gray-700\"\n                      />\n                      <button\n                        className=\"ml-2 bg-[#F1EBFF] text-white px-2 py-[14px] text-xs rounded-r-[30px] w-[50px] h-12 hover:scale-105 absolute top-0 right-0 flex justify-center items-center\"\n                        @click=\"copyLink\"\n                      >\n                        <svg\n                          width=\"24\"\n                          height=\"24\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M16.0588 8.25C17.4264 8.24998 18.5287 8.24996 19.3957 8.36652C20.2958 8.48754 21.0536 8.74643 21.6556 9.34835C22.2575 9.95027 22.5164 10.7081 22.6374 11.6083C22.7539 12.4752 22.7539 13.5775 22.7539 14.9451V14.9451V16.0549V16.0549C22.7539 17.4225 22.7539 18.5248 22.6374 19.3918C22.5164 20.2919 22.2575 21.0497 21.6556 21.6517C21.0536 22.2536 20.2958 22.5125 19.3957 22.6335C18.5287 22.75 17.4264 22.75 16.0588 22.75H16.0588H14.949H14.949C13.5814 22.75 12.4791 22.75 11.6122 22.6335C10.712 22.5125 9.95417 22.2536 9.35226 21.6516C8.75034 21.0497 8.49145 20.2919 8.37043 19.3918C8.25387 18.5248 8.25389 17.4225 8.25391 16.0549V16.0549V14.9451V14.9451C8.25389 13.5775 8.25387 12.4752 8.37043 11.6082C8.49145 10.7081 8.75034 9.95027 9.35226 9.34835C9.95417 8.74643 10.712 8.48754 11.6122 8.36652C12.4791 8.24996 13.5814 8.24998 14.949 8.25H14.949H16.0588H16.0588Z\"\n                            fill=\"#8B52FF\"\n                          />\n                          <path\n                            d=\"M6.75 14.8569C6.74991 13.5627 6.74983 12.3758 6.8799 11.4084C7.0232 10.3425 7.36034 9.21504 8.28769 8.28769C9.21504 7.36034 10.3425 7.0232 11.4084 6.8799C12.3758 6.74983 13.5627 6.74991 14.8569 6.75L17.0931 6.75C17.3891 6.75 17.5371 6.75 17.6261 6.65419C17.7151 6.55838 17.7045 6.4142 17.6833 6.12584C17.6648 5.87546 17.6413 5.63892 17.6111 5.41544C17.4818 4.45589 17.2232 3.6585 16.6718 2.98663C16.4744 2.74612 16.2539 2.52558 16.0134 2.3282C15.3044 1.74638 14.4557 1.49055 13.4248 1.36868C12.4205 1.24998 11.1512 1.24999 9.54893 1.25H9.45109C7.84883 1.24999 6.57947 1.24998 5.57525 1.36868C4.54428 1.49054 3.69558 1.74638 2.98663 2.3282C2.74612 2.52558 2.52558 2.74612 2.3282 2.98663C1.74638 3.69558 1.49055 4.54428 1.36868 5.57525C1.24998 6.57947 1.24999 7.84882 1.25 9.45108V9.54891C1.24999 11.1512 1.24998 12.4205 1.36868 13.4247C1.49054 14.4557 1.74638 15.3044 2.3282 16.0134C2.52558 16.2539 2.74612 16.4744 2.98663 16.6718C3.6585 17.2232 4.45589 17.4818 5.41544 17.6111C5.63892 17.6412 5.87546 17.6648 6.12584 17.6833C6.4142 17.7045 6.55838 17.7151 6.65419 17.6261C6.75 17.5371 6.75 17.3891 6.75 17.0931V14.8569Z\"\n                            fill=\"#8B52FF\"\n                          />\n                        </svg>\n                      </button>\n                    </div>\n\n\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport Swal from \"sweetalert2\";\n\n// Props for the blog title, description, and page link\nconst props = defineProps({\n  blogTitle: {\n    type: String,\n    required: true\n  },\n  blogDescription: {\n    type: String,\n    required: true\n  },\n  pageLink: {\n    type: String,\n    required: true\n  }\n})\n\n// Modal visibility state\nconst showModal = ref(false)\n\n// Method to close the modal\nconst closeModal = () => {\n  showModal.value = false\n}\n\n// Method to handle social media sharing\nconst share = (platform) => {\n  let url = ''\n  const encodedTitle = encodeURIComponent(props.blogTitle)\n  const encodedDescription = encodeURIComponent(props.blogDescription)\n  const encodedUrl = encodeURIComponent(props.pageLink)\n  const twitterText= `${encodedTitle}  \n  ${limitSentence(encodedDescription, 20)} `\n\n\n  function limitSentence(sentence, wordLimit) {\n  // Split the sentence into an array of words\n  const words = sentence.split(' ');\n  \n  // Slice the array to the desired word limit\n  const limitedWords = words.slice(0, wordLimit);\n  \n  // Join the words back into a sentence\n  return limitedWords.join(' ');\n}\n\n  switch (platform) {\n    case 'facebook':\n  url = `https://www.facebook.com/sharer/sharer.php?u=${props.pageLink}`;\n  break;\n\n    case 'twitter':\n      url = `https://twitter.com/intent/tweet?text=${twitterText}&url=${encodedUrl}`\n      break\n      case 'linkedin':\n  url = `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`;\n  break;\n\n    case 'whatsapp':\n    url = `https://wa.me/?text=${encodeURIComponent(props.blogTitle)}%0A%0A${encodeURIComponent(props.blogDescription)}%20...%20%0A%0ARead%20more%20=>${encodeURIComponent(props.pageLink)}`\n      break\n    default:\n      break\n  }\n  window.open(url, '_blank')\n}\n\n// Method to copy the link to the clipboard\nconst copyLink = () => {\n  navigator.clipboard.writeText(props.pageLink)\n  const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"success\",  \n            title: \"Link copied to clipboard! \",\n          });\n}\n</script>\n\n<style scoped>\n/* Modal Overlay */\n.modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Modal Content */\n.modal-content {\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  width:100%;\n  margin: 0 12px;\n  max-width: 448px;\n  text-align: center;\n}\n\n\n.watermarked-title-container {\n  position: relative;\n  display: inline-block;\n}\n\nh4 {\n  position: relative;\n  font-size: 1.5rem;\n  color: #4B4B4B;\n}\n\nh4::before {\n  content: \"\";\n  background-image: url('../assets/camlds-logo.png');\n  background-size: contain;\n  background-repeat: no-repeat;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0.1; /* Adjust opacity for watermark effect */\n  z-index: 1; /* Ensures the watermark stays behind the text */\n  width: 100%;\n  height: 100%;\n}\n\n\n\n</style>\n","import script from \"./ShareButton.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShareButton.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShareButton.vue?vue&type=style&index=0&id=7bf6f400&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7bf6f400\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, resolveComponent as _resolveComponent, withCtx as _withCtx, vShow as _vShow, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../../public/img/icons/android-icon-192x192.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-78fe2000\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = {\n  key: 0,\n  class: \"sm:mb-[40px] mb-[] sm:mt-[200px] mt-[128px] md:mt-[138px] sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] w-full md:mx-auto mx-auto xl:min-h-[349px] min-h-[318px]\"\n}\nconst _hoisted_2 = { class: \"flex justify-between items-center\" }\nconst _hoisted_3 = { class: \"flex gap-2 justify-start items-center\" }\nconst _hoisted_4 = { class: \"text-[12px] text-text-dull-grey font-medium\" }\nconst _hoisted_5 = { class: \"flex gap-2 text-xs sm:text-base\" }\nconst _hoisted_6 = { class: \"font-bold mb-6 xl:mb-10 text-primary-blue mt-4 xl:mt-8 sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] w-full hero-gradient block\" }\nconst _hoisted_7 = { class: \"!text-[20px] xl:!text-[40px] exo\" }\nconst _hoisted_8 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex justify-start items-center gap-2 mb-4\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-5 h-5 xl:w-10 xl:h-10 rounded-full shadow-md text-center flex justify-center items-center\" }, [\n    /*#__PURE__*/_createElementVNode(\"img\", {\n      class: \"size-5\",\n      src: _imports_0,\n      alt: \"C\"\n    })\n  ]),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-xs\" }, \"CAMLDS Team\")\n], -1))\nconst _hoisted_9 = [\"src\"]\nconst _hoisted_10 = { class: \"blog-content\" }\nconst _hoisted_11 = [\"innerHTML\"]\nconst _hoisted_12 = { class: \"flex justify-start items-center gap-2 text-xs sm:text-base sm:mt-10 mt-5\" }\nconst _hoisted_13 = { class: \"flex justify-start items-center gap-2\" }\nconst _hoisted_14 = { class: \"text-text-grey\" }\nconst _hoisted_15 = {\n  key: 1,\n  class: \"sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\",\n  src: \"https://res.cloudinary.com/duw4jtxls/image/upload/v1715253991/unnamed_p92u1l.gif\"\n}\nconst _hoisted_16 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"hr\", { class: \"w-full my-4 h-1\" }, null, -1))\nconst _hoisted_17 = {\n  key: 1,\n  class: \"mt-10 sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] mx-auto\"\n}\nconst _hoisted_18 = { class: \"flex justify-start items-center gap-2 mb-4\" }\nconst _hoisted_19 = {\n  key: 0,\n  class: \"text-primary-blue font-bold\"\n}\nconst _hoisted_20 = { class: \"flex md:overflow-x-hidden overflow-x-auto gap-3\" }\nconst _hoisted_21 = [\"src\"]\nconst _hoisted_22 = { class: \"my-4\" }\nconst _hoisted_23 = { class: \"text-[12px] text-text-dull-grey font-medium\" }\nconst _hoisted_24 = { class: \"font-bold text-[18px] w-[337px] max-h-[44px] mb-3 text-primary-blue\" }\nconst _hoisted_25 = [\"innerHTML\"]\nconst _hoisted_26 = { class: \"text-xs flex justify-between items-center gap-2\" }\nconst _hoisted_27 = { class: \"flex justify-start items-center gap-4\" }\nconst _hoisted_28 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-5 h-5 rounded-full bg-primary-landing-grey text-center flex justify-center items-center\" }, [\n  /*#__PURE__*/_createElementVNode(\"img\", {\n    src: _imports_0,\n    alt: \"C\"\n  })\n], -1))\nconst _hoisted_29 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-xs\" }, \"Queryfier Team\", -1))\nconst _hoisted_30 = { class: \"flex justify-start items-center gap-2\" }\nconst _hoisted_31 = { class: \"text-text-grey\" }\nconst _hoisted_32 = {\n  key: 2,\n  class: \"h-screen flex justify-center items-center\"\n}\nconst _hoisted_33 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"loader\" }, null, -1))\nconst _hoisted_34 = [\n  _hoisted_33\n]\nconst _hoisted_35 = { class: \"h-12 w-12 rounded-full flex justify-center items-center bg-[#DCDCDC]\" }\n\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport ClapIconComp from '@/components/IconComp/ClapIconComp.vue'\nimport SpeakOutIconComp from '@/components/IconComp/SpeakOutIconComp.vue'\nimport ArrowUpIconComp from '@/components/IconComp/ArrowUpIconComp.vue'\nimport ArrowRightIconComp from '@/components/IconComp/ArrowRightIconComp.vue'\nimport CloseIconComp2 from '@/components/IconComp/CloseIconComp2.vue'\nimport SocialMediaShare from '@/components/SocialMediaShare.vue'\nimport ShareButton from '@/components/ShareButton.vue'\nimport { useHead } from '@vueuse/head'\n  import { useRoute } from \"vue-router\";\n  import { onMounted, onUnmounted, ref, watch } from \"vue\";\n  import { BlogApi} from \"@/services\";\nimport { reactive } from \"vue\";\n//   import { useMessageStore } from \"@/stores\";\n//   import LoadingState from \"@/views/BlogView/SingleBlogPostView/LoadingState.vue\";\n//   import RetryLoaderComp from \"@/components/RetryLoaderComp\";\n//   import SocialMediaShare from \"@/components/SocialMediaShareComp\"\n  \n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'SingleBlogPost',\n  setup(__props) {\n\n const url =ref(window.location.href)\n  const route = useRoute();\n  const Clapped = ref(false);\n  const singlePost = ref<any>(null);\n  const recentPosts = ref<any>(null);\n  const postId = ref<any>(route.params.post_id);\n  const isLoading = ref(false);\n  const isPlaying = ref(false);\n  const apiCallFailed = ref(false);\n  const scrollVisible = ref(false);\n\nconst linK=ref(window.location.href)\nconst shortDesc=ref('')\n\n\n  const isModalOpen = ref(false);\n  const isShareModalVisible = ref(false);\n\nconst openShareModal = () => {\n  isShareModalVisible.value = true;\n};\n  \n  window.addEventListener(\"scroll\", () => {\n    scrollVisible.value = window.scrollY > 0;\n  });\n  \n  function reload() {\n    window.location.reload();\n  }\n  \n  function reloadAfterDelay() {\n    setTimeout(() => {\n      window.location.reload();\n    }, 1000);\n  }\n  \n  const clap = async () => {\n    Clapped.value = true;\n  \n    try {\n      setTimeout(async () => {\n        const blogReq:any = await BlogApi.clap(postId.value);\n                 singlePost.value.clap_count =  blogReq.clap_count;      \n        Clapped.value = false;\n      }, 1000);\n    } catch (error) {\n    //   messageStore.setMessage(\"Error loading Posts\", \"error\");\n      Clapped.value = false;\n    }\n  };\n  \n  function formatClapCount(num: number): string {\n    if (num >= 1000000000 && num < 1000000000000) {\n      const rounded = Math.round(num / 100000000) / 10;\n      return rounded.toFixed(1) + \"B\";\n    } else if (num >= 1000000 && num < 1000000000) {\n      const rounded = Math.round(num / 100000) / 10;\n      return rounded.toFixed(1) + \"M\";\n    } else if (num >= 1000 && num < 1000000) {\n      const rounded = Math.round(num / 100) / 10;\n      return rounded.toFixed(1) + \"k\";\n    }\n    return num.toString();\n  }\n  \n  let utterance: SpeechSynthesisUtterance | null = null;\n  const speechSynthesis = window.speechSynthesis;\n  \n  \n  \n  function readBlogPost(content: string) {\n    function cleanText(content: string): string {\n      const tempDiv = document.createElement(\"div\");\n      tempDiv.innerHTML = content;\n      return tempDiv.textContent || tempDiv.innerText || \"\";\n    }\n  \n    if (utterance) {\n      stopSpeech();\n    }\n    isPlaying.value = true;\n  \n    const removeEmojis = (text: string): string => {\n      return text.replace(/([\\u2700-\\u27BF]|[\\uE000-\\uF8FF]|[\\uD83C-\\uDBFF\\uDC00-\\uDFFF]+|\\uD83C[\\uDC00-\\uDFFF]|\\uD83D[\\uDC00-\\uDE4F\\uDE80-\\uDEFF\\uD83E\\uDD00-\\uDDFF])/g, '');\n    };\n  \n    // Clean the content\n    const cleanedContent = removeEmojis(cleanText(content));\n    utterance = new SpeechSynthesisUtterance(cleanedContent);\n    speechSynthesis.speak(utterance);\n  }\n  \n  \n  function pauseSpeech() {\n    speechSynthesis.pause();\n    isPlaying.value = false;\n  }\n  \n  function resumeSpeech() {\n    if (utterance) {\n      speechSynthesis.resume();\n    }\n  }\n  \n  function stopSpeech() {\n    if (utterance) {\n      speechSynthesis.cancel();\n      utterance = null;\n    }\n  }\n  \n  const scrollToTop = () => {\n    window.scrollTo({\n      top: 0,\n      behavior: \"smooth\",\n    });\n  };\n\n  function stripHtmlTagsAndImages(htmlContent:string) {\n  // Create a temporary element to hold the HTML content\n  const tempElement = document.createElement('div');\n  \n  // Set the HTML content to the element\n  tempElement.innerHTML = htmlContent;\n\n  // Remove all <img> elements (with base64 data or any src)\n  const images = tempElement.querySelectorAll('img');\n  images.forEach(img => img.remove());\n\n  // Get the text content from the element\n  const text = tempElement.textContent || tempElement.innerText || '';\n\n  // Return the cleaned-up text (trim spaces and remove multiple spaces)\n  return text.replace(/\\s+/g, ' ').trim();\n}\nfunction getSentenceBeforeComma(text: string): string {\n  // Split the text into an array of words\n  const words = text.split(' ');\n\n  // Get the first 110 words and join them into a sentence\n  const sentence = words.slice(0, 70).join(' ');\n\n  return sentence;\n}\n\n  \n// Define post data using refs for better reactivity with useHead\nconst post = ref({\n  title: '',\n  description: '',\n  featuredImage: '',\n  content: ''\n})\n  \n  onMounted(async () => {\n    try {\n      isLoading.value = true;\n      const blogReq:any = await BlogApi.getPost(postId.value);\n      singlePost.value = blogReq;\n      document.title = singlePost.value.title + \"- CAMLDS Digest\";\n       // Set the post data\n       shortDesc.value=getSentenceBeforeComma(stripHtmlTagsAndImages(blogReq.content))\n       post.value = {\n      title: blogReq.title + \" - CAMLDS Digest\", // Set post data\n      description:getSentenceBeforeComma(stripHtmlTagsAndImages(blogReq.content)),\n      featuredImage: blogReq.img_link,\n      content: stripHtmlTagsAndImages(blogReq.content)\n    }\n    // useHead({\n    //   title: post.value.title,\n    //   meta: [\n    //     { name: 'description', content: post.value.description },\n    //     { property: 'og:title', content: post.value.title },\n    //     { property: 'og:description', content: post.value.description },\n    //     { property: 'og:image', content: post.value.featuredImage },\n    //     { property: 'og:type', content: 'article' },\n    //     { property: 'og:url', content: window.location.href },\n        \n    //     { name: 'twitter:card', content: 'summary_large_image' }, \n    //     { name: 'twitter:title', content: post.value.title }, \n    //     { name: 'twitter:description', content: post.value.description },\n    //     { name: 'twitter:image', content: post.value.featuredImage }, \n\n    //     // Additional meta tags for better visibility (optional)\n    //     { name: 'twitter:creator', content: '@CAMLDS_' }\n    //   ]\n    // })\n      isLoading.value = false;\n    } catch (error) {\n      isLoading.value = true;\n      isLoading.value = false;\n      apiCallFailed.value = true;\n    //   messageStore.setMessage(\"Error loading posts\", \"error\");\n    }\n  });\n\n\n  watch(() => post.value,\n  (newPost) => {\n    console.log(newPost)\n    if (newPost) {\n      useHead({\n        title: newPost.title,\n        meta: [\n          { name: 'description', content: newPost.description },\n          { property: 'og:title', content: newPost.title },\n          { property: 'og:description', content: newPost.description },\n          { property: 'og:image', content: newPost.featuredImage },\n          { property: 'og:type', content: 'article' },\n          { property: 'og:url', content: window.location.href },\n\n          { name: 'twitter:card', content: 'summary_large_image' },\n          { name: 'twitter:title', content: newPost.title },\n          { name: 'twitter:description', content: newPost.description },\n          { name: 'twitter:image', content: newPost.featuredImage },\n\n          { name: 'twitter:creator', content: '@CAMLDS_' },\n// Optional additional platform-specific metadata (like Aliyun)\n{ name: 'al:title', content: newPost.title },\n{ name: 'al:description', content: newPost.description },\n{ name: 'al:image', content: newPost.featuredImage },\n{ name: 'al:url', content: window.location.href },\n\n        ]\n      });\n    }\n  },\n  { immediate: true }\n);\n\n  \n  onUnmounted(()=>{\n    stopSpeech();\n    pauseSpeech()\n  })\n  \n  watch(route, (newRoute, oldRoute) => {\n    stopSpeech();\n  });\n  \n  const newPost = async () => {\n    try {\n      const blogReq:any = await BlogApi.getBlogPosts();\n     const filteredPost= blogReq.results.filter((item:any)=> item.post_id !== postId.value);\n      // const filteredData = blogReq.data.filter(item => item.id != postId.value);\n      filteredPost.sort((a: any, b: any) => new Date(b.date).getTime() - new Date(a.date).getTime());\n      recentPosts.value = filteredPost.slice(0, 2);\n    } catch (error) {\n    \n    }\n  };\n  \n  newPost();\n  \nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(Navbar),\n    (singlePost.value && !isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"section\", _hoisted_1, [\n          _createElementVNode(\"div\", _hoisted_2, [\n            _createElementVNode(\"div\", _hoisted_3, [\n              _createVNode(CloseIconComp2, {\n                onClick: _cache[0] || (_cache[0] = ($event: any) => (_ctx.$router.go(-1))),\n                class: \"p-1 bg-primary-grey rounded-full cursor-pointer sm:w-[26px] sm:h-[26px] hover:shadow-md hover:scale-105\"\n              }),\n              _createElementVNode(\"div\", _hoisted_4, _toDisplayString(new Date(singlePost.value.date).toLocaleDateString(\"en-US\", { day: \"2-digit\", month: \"short\", year: \"numeric\" })), 1)\n            ]),\n            _createElementVNode(\"div\", _hoisted_5, [\n              (!isPlaying.value)\n                ? (_openBlock(), _createBlock(SpeakOutIconComp, {\n                    key: 0,\n                    type: \"play\",\n                    onClick: _cache[1] || (_cache[1] = ($event: any) => (readBlogPost(singlePost.value.content))),\n                    class: \"cursor-pointer rounded-full p-2 sm:!w-35 sm:!h-35 hover:shadow-lg hover:scale-105\"\n                  }))\n                : (_openBlock(), _createBlock(SpeakOutIconComp, {\n                    key: 1,\n                    type: \"pause\",\n                    onClick: _cache[2] || (_cache[2] = ($event: any) => (pauseSpeech())),\n                    class: \"cursor-pointer rounded-full p-2 sm:!w-35 sm:!h-35 hover:shadow-lg hover:scale-105\"\n                  }))\n            ])\n          ]),\n          _createElementVNode(\"div\", _hoisted_6, [\n            _createElementVNode(\"div\", _hoisted_7, _toDisplayString(singlePost.value.title), 1)\n          ]),\n          _hoisted_8,\n          _createElementVNode(\"img\", {\n            src: singlePost.value.img_link,\n            class: \"!mb-8 sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] w-full mx-auto bg-primary-landing-grey xl:min-h-[349px] min-h-[318px] rounded-[8px] xl:rounded-[12px] flex flex-col items-center justify-center\"\n          }, null, 8, _hoisted_9),\n          _createElementVNode(\"div\", _hoisted_10, [\n            _createElementVNode(\"div\", {\n              innerHTML: singlePost.value.content,\n              class: \"mt-4 text-justify !font-normal text-[#4B4B4B] px-2\"\n            }, null, 8, _hoisted_11)\n          ]),\n          _createElementVNode(\"div\", _hoisted_12, [\n            _createElementVNode(\"div\", _hoisted_13, [\n              _createElementVNode(\"div\", _hoisted_14, _toDisplayString(formatClapCount(singlePost.value.clap_count)), 1),\n              (!Clapped.value)\n                ? (_openBlock(), _createBlock(ClapIconComp, {\n                    key: 0,\n                    class: \"cursor-pointer sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\",\n                    onClick: clap\n                  }))\n                : _createCommentVNode(\"\", true),\n              (Clapped.value)\n                ? (_openBlock(), _createElementBlock(\"img\", _hoisted_15))\n                : _createCommentVNode(\"\", true)\n            ]),\n            _createVNode(ShareButton, {\n              blogTitle: singlePost.value.title,\n              blogDescription: shortDesc.value,\n              pageLink: linK.value\n            }, null, 8, [\"blogTitle\", \"blogDescription\", \"pageLink\"])\n          ])\n        ]))\n      : _createCommentVNode(\"\", true),\n    _hoisted_16,\n    (!isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"section\", _hoisted_17, [\n          _createElementVNode(\"div\", _hoisted_18, [\n            (singlePost.value)\n              ? (_openBlock(), _createElementBlock(\"div\", _hoisted_19, \"Related Posts\"))\n              : _createCommentVNode(\"\", true)\n          ]),\n          _createElementVNode(\"div\", _hoisted_20, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(recentPosts.value, (post) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                key: post.post_id,\n                class: \"!min-h-[375px] w-[389px] rounded-[10px] sm:mx-auto mx-2 sm:mb-10 mb-4\"\n              }, [\n                _createElementVNode(\"img\", {\n                  src: post?.img_link,\n                  class: \"!h-[192px] bg-gray-200 w-full rounded-[10px]\"\n                }, null, 8, _hoisted_21),\n                _createElementVNode(\"div\", _hoisted_22, [\n                  _createElementVNode(\"div\", _hoisted_23, _toDisplayString(new Date(post.date).toLocaleDateString(\"en-US\", { day: \"2-digit\", month: \"short\", year: \"numeric\" })), 1)\n                ]),\n                _createVNode(_component_router_link, {\n                  to: '/blog/post/' + post.post_id,\n                  onClick: reloadAfterDelay\n                }, {\n                  default: _withCtx(() => [\n                    _createElementVNode(\"div\", _hoisted_24, _toDisplayString(post?.title.length > 60 ? post?.title.substring(0, 60) + \"...\" : post.title), 1)\n                  ]),\n                  _: 2\n                }, 1032, [\"to\"]),\n                _createElementVNode(\"div\", {\n                  innerHTML: post?.content.length > 10 ? post?.content.substring(0, 120) + '...' : post.content,\n                  class: \"font-normal blog-content w-[337px] mb-3 text-text-grey\"\n                }, null, 8, _hoisted_25),\n                _createElementVNode(\"div\", _hoisted_26, [\n                  _createElementVNode(\"div\", _hoisted_27, [\n                    _hoisted_28,\n                    _hoisted_29,\n                    _createElementVNode(\"div\", _hoisted_30, [\n                      _createElementVNode(\"div\", _hoisted_31, _toDisplayString(post.clap_count), 1),\n                      _createVNode(ClapIconComp, {\n                        class: \"sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\",\n                        title: \"Clap\"\n                      })\n                    ])\n                  ]),\n                  _createVNode(_component_router_link, {\n                    to: '/blog/post/' + post.post_id,\n                    onClick: reloadAfterDelay\n                  }, {\n                    default: _withCtx(() => [\n                      _createVNode(ArrowRightIconComp)\n                    ]),\n                    _: 2\n                  }, 1032, [\"to\"])\n                ])\n              ]))\n            }), 128))\n          ])\n        ]))\n      : _createCommentVNode(\"\", true),\n    (!singlePost.value && isLoading.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_32, _hoisted_34))\n      : _createCommentVNode(\"\", true),\n    (apiCallFailed.value)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 3,\n          class: \"sm:!mt-[393px] !mt-[528px] md:!mt-[938px]\",\n          text: \"Unable to load blog posts right now\",\n          onClick: reload\n        }))\n      : _createCommentVNode(\"\", true),\n    _withDirectives(_createElementVNode(\"button\", {\n      onClick: scrollToTop,\n      class: \"fixed bottom-4 right-4 flex justify-start items-center gap-2 font-normal text-sm\"\n    }, [\n      _createElementVNode(\"div\", _hoisted_35, [\n        _createVNode(ArrowUpIconComp)\n      ])\n    ], 512), [\n      [_vShow, scrollVisible.value]\n    ]),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n    <Navbar />\n    <section\n      v-if=\"singlePost && !isLoading\"\n      class=\"sm:mb-[40px] mb-[] sm:mt-[200px] mt-[128px] md:mt-[138px] sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] w-full md:mx-auto mx-auto xl:min-h-[349px] min-h-[318px]\"\n    >\n      <div class=\"flex justify-between items-center\">\n        <div class=\"flex gap-2 justify-start items-center\">\n          <CloseIconComp2\n            @click=\"$router.go(-1)\"\n            class=\"p-1 bg-primary-grey rounded-full cursor-pointer sm:w-[26px] sm:h-[26px] hover:shadow-md hover:scale-105\"\n          />\n          <div class=\"text-[12px] text-text-dull-grey font-medium\">\n            {{\n              new Date(singlePost.date).toLocaleDateString(\"en-US\", { day: \"2-digit\", month: \"short\", year: \"numeric\" })\n            }}\n          </div>\n        </div>\n        <div class=\"flex gap-2 text-xs sm:text-base\">\n         \n           <SpeakOutIconComp\n            v-if=\"!isPlaying\"\n            type=\"play\"\n            @click=\"readBlogPost(singlePost.content)\"\n            class=\"cursor-pointer rounded-full p-2 sm:!w-35 sm:!h-35 hover:shadow-lg hover:scale-105\"\n          />\n          <SpeakOutIconComp\n            v-else\n            type=\"pause\"\n            @click=\"pauseSpeech()\"\n            class=\"cursor-pointer rounded-full p-2 sm:!w-35 sm:!h-35 hover:shadow-lg hover:scale-105\"\n          />\n        </div>\n      </div>\n  \n      <div\n        class=\"font-bold mb-6 xl:mb-10 text-primary-blue mt-4 xl:mt-8 sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] w-full hero-gradient block\"\n      >\n        <div class=\"!text-[20px] xl:!text-[40px] exo\">{{ singlePost.title }}</div>\n      </div>\n  \n      <div class=\"flex justify-start items-center gap-2 mb-4\">\n        <div\n          class=\"w-5 h-5 xl:w-10 xl:h-10 rounded-full shadow-md text-center flex justify-center items-center\"\n        >\n          <img\n            class=\"size-5\"\n            src=\"../../../public/img/icons/android-icon-192x192.png\"\n            alt=\"C\"\n          />\n        </div>\n        <div class=\"text-xs\">CAMLDS Team</div>\n      </div>\n      <img\n        :src=\"singlePost.img_link\"\n        class=\"!mb-8 sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] w-full mx-auto bg-primary-landing-grey xl:min-h-[349px] min-h-[318px] rounded-[8px] xl:rounded-[12px] flex flex-col items-center justify-center\"\n      />\n  <div class=\"blog-content\">\n\n    <div v-html=\"singlePost.content\" class=\" mt-4 text-justify !font-normal text-[#4B4B4B] px-2\">\n      \n    </div>\n  </div>\n  \n      <div class=\"flex justify-start items-center gap-2 text-xs sm:text-base sm:mt-10 mt-5\">\n        <div class=\"flex justify-start items-center gap-2\">\n          <div class=\"text-text-grey\">{{ formatClapCount(singlePost.clap_count) }}</div>\n          <ClapIconComp v-if=\"!Clapped\" class=\"cursor-pointer sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\" @click=\"clap\" />\n          <img\n            v-if=\"Clapped\"\n            class=\"sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\"\n            src=\"https://res.cloudinary.com/duw4jtxls/image/upload/v1715253991/unnamed_p92u1l.gif\"\n          />\n        </div>\n        <!-- <SocialMediaShare :postUrl=\"url\" :postTitle=\"singlePost.title\" /> -->\n        <ShareButton\n        :blogTitle=\"singlePost.title\"\n        :blogDescription=\"shortDesc\"\n        :pageLink=\"linK\"\n      />\n      \n  \n      </div>\n    </section>\n  \n    <!-- <section>\n      <div class=\"flex justify-center items-center gap-2 mt-10\">\n        <div class=\"text-text-grey\">Share this post</div>\n  \n        <ArrowRightIconComp class=\"cursor-pointer sm:h-6 sm:w-6 h-4 w-4\" />\n      </div>\n    </section> -->\n    <hr class=\"w-full my-4 h-1\" />\n    <!-- section to display 3 newest blog post title -->\n    <section v-if=\"!isLoading\" class=\"mt-10 sm:max-w-[604px] max-w-[367px] lg:max-w-[825px] mx-auto\">\n      <div class=\"flex justify-start items-center gap-2 mb-4\">\n        <div v-if=\"singlePost\" class=\"text-primary-blue font-bold\">Related Posts</div>\n      </div>\n  \n      <div class=\"flex md:overflow-x-hidden overflow-x-auto gap-3\">\n        <div\n          v-for=\"post in recentPosts\"\n          :key=\"post.post_id\"\n          class=\"!min-h-[375px] w-[389px] rounded-[10px] sm:mx-auto mx-2 sm:mb-10 mb-4\"\n        >\n          <img :src=\"post?.img_link\" class=\"!h-[192px] bg-gray-200 w-full rounded-[10px]\" />\n  \n          <div class=\"my-4\">\n            <div class=\"text-[12px] text-text-dull-grey font-medium\">\n              {{ new Date(post.date).toLocaleDateString(\"en-US\", { day: \"2-digit\", month: \"short\", year: \"numeric\" }) }}\n            </div>\n          </div>\n  \n          <router-link :to=\"'/blog/post/' + post.post_id\" @click=\"reloadAfterDelay\"\n            ><div class=\"font-bold text-[18px] w-[337px] max-h-[44px] mb-3 text-primary-blue\">\n              {{ post?.title.length > 60 ? post?.title.substring(0, 60) + \"...\" : post.title }}\n            </div></router-link\n          >\n  \n          <div\n            v-html=\"post?.content.length > 10 ? post?.content.substring(0, 120) + '...' : post.content\"\n            class=\"font-normal blog-content w-[337px] mb-3 text-text-grey\"\n          ></div>\n  \n          <div class=\"text-xs flex justify-between items-center gap-2\">\n            <div class=\"flex justify-start items-center gap-4\">\n              <div class=\"w-5 h-5 rounded-full bg-primary-landing-grey text-center flex justify-center items-center\">\n                <img\n                  src=\"../../../public/img/icons/android-icon-192x192.png\"\n                  alt=\"C\"\n                />\n              </div>\n              <div class=\"text-xs\">Queryfier Team</div>\n  \n              <div class=\"flex justify-start items-center gap-2\">\n                <div class=\"text-text-grey\">{{ post.clap_count }}</div>\n                <ClapIconComp class=\"sm:h-6 sm:w-6 h-4 w-4 sm:-mt-2 -mt-1\" title=\"Clap\" />\n              </div>\n            </div>\n  \n            <router-link :to=\"'/blog/post/' + post.post_id\" @click=\"reloadAfterDelay\">\n              <ArrowRightIconComp\n            /></router-link>\n          </div>\n        </div>\n      </div>\n    </section>\n  \n    <div v-if=\"!singlePost && isLoading\" class=\"h-screen flex justify-center items-center\"><div class=\"loader\"></div>  </div>\n  \n    <div\n      v-if=\"apiCallFailed\"\n      class=\"sm:!mt-[393px] !mt-[528px] md:!mt-[938px]\"\n      text=\"Unable to load blog posts right now\"\n      @click=\"reload\"\n    ></div>\n  \n    <button\n      v-show=\"scrollVisible\"\n      @click=\"scrollToTop\"\n      class=\"fixed bottom-4 right-4 flex justify-start items-center gap-2 font-normal text-sm\"\n    >\n      <div class=\"h-12 w-12 rounded-full flex justify-center items-center bg-[#DCDCDC]\">\n        <ArrowUpIconComp />\n      </div>\n    </button>\n    <FooterSection />\n  </template>\n  \n  <script setup lang=\"ts\">\n import Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport ClapIconComp from '@/components/IconComp/ClapIconComp.vue'\nimport SpeakOutIconComp from '@/components/IconComp/SpeakOutIconComp.vue'\nimport ArrowUpIconComp from '@/components/IconComp/ArrowUpIconComp.vue'\nimport ArrowRightIconComp from '@/components/IconComp/ArrowRightIconComp.vue'\nimport CloseIconComp2 from '@/components/IconComp/CloseIconComp2.vue'\nimport SocialMediaShare from '@/components/SocialMediaShare.vue'\nimport ShareButton from '@/components/ShareButton.vue'\nimport { useHead } from '@vueuse/head'\n  import { useRoute } from \"vue-router\";\n  import { onMounted, onUnmounted, ref, watch } from \"vue\";\n  import { BlogApi} from \"@/services\";\nimport { reactive } from \"vue\";\n//   import { useMessageStore } from \"@/stores\";\n//   import LoadingState from \"@/views/BlogView/SingleBlogPostView/LoadingState.vue\";\n//   import RetryLoaderComp from \"@/components/RetryLoaderComp\";\n//   import SocialMediaShare from \"@/components/SocialMediaShareComp\"\n  \n  const url =ref(window.location.href)\n  const route = useRoute();\n  const Clapped = ref(false);\n  const singlePost = ref<any>(null);\n  const recentPosts = ref<any>(null);\n  const postId = ref<any>(route.params.post_id);\n  const isLoading = ref(false);\n  const isPlaying = ref(false);\n  const apiCallFailed = ref(false);\n  const scrollVisible = ref(false);\n\nconst linK=ref(window.location.href)\nconst shortDesc=ref('')\n\n\n  const isModalOpen = ref(false);\n  const isShareModalVisible = ref(false);\n\nconst openShareModal = () => {\n  isShareModalVisible.value = true;\n};\n  \n  window.addEventListener(\"scroll\", () => {\n    scrollVisible.value = window.scrollY > 0;\n  });\n  \n  function reload() {\n    window.location.reload();\n  }\n  \n  function reloadAfterDelay() {\n    setTimeout(() => {\n      window.location.reload();\n    }, 1000);\n  }\n  \n  const clap = async () => {\n    Clapped.value = true;\n  \n    try {\n      setTimeout(async () => {\n        const blogReq:any = await BlogApi.clap(postId.value);\n                 singlePost.value.clap_count =  blogReq.clap_count;      \n        Clapped.value = false;\n      }, 1000);\n    } catch (error) {\n    //   messageStore.setMessage(\"Error loading Posts\", \"error\");\n      Clapped.value = false;\n    }\n  };\n  \n  function formatClapCount(num: number): string {\n    if (num >= 1000000000 && num < 1000000000000) {\n      const rounded = Math.round(num / 100000000) / 10;\n      return rounded.toFixed(1) + \"B\";\n    } else if (num >= 1000000 && num < 1000000000) {\n      const rounded = Math.round(num / 100000) / 10;\n      return rounded.toFixed(1) + \"M\";\n    } else if (num >= 1000 && num < 1000000) {\n      const rounded = Math.round(num / 100) / 10;\n      return rounded.toFixed(1) + \"k\";\n    }\n    return num.toString();\n  }\n  \n  let utterance: SpeechSynthesisUtterance | null = null;\n  const speechSynthesis = window.speechSynthesis;\n  \n  \n  \n  function readBlogPost(content: string) {\n    function cleanText(content: string): string {\n      const tempDiv = document.createElement(\"div\");\n      tempDiv.innerHTML = content;\n      return tempDiv.textContent || tempDiv.innerText || \"\";\n    }\n  \n    if (utterance) {\n      stopSpeech();\n    }\n    isPlaying.value = true;\n  \n    const removeEmojis = (text: string): string => {\n      return text.replace(/([\\u2700-\\u27BF]|[\\uE000-\\uF8FF]|[\\uD83C-\\uDBFF\\uDC00-\\uDFFF]+|\\uD83C[\\uDC00-\\uDFFF]|\\uD83D[\\uDC00-\\uDE4F\\uDE80-\\uDEFF\\uD83E\\uDD00-\\uDDFF])/g, '');\n    };\n  \n    // Clean the content\n    const cleanedContent = removeEmojis(cleanText(content));\n    utterance = new SpeechSynthesisUtterance(cleanedContent);\n    speechSynthesis.speak(utterance);\n  }\n  \n  \n  function pauseSpeech() {\n    speechSynthesis.pause();\n    isPlaying.value = false;\n  }\n  \n  function resumeSpeech() {\n    if (utterance) {\n      speechSynthesis.resume();\n    }\n  }\n  \n  function stopSpeech() {\n    if (utterance) {\n      speechSynthesis.cancel();\n      utterance = null;\n    }\n  }\n  \n  const scrollToTop = () => {\n    window.scrollTo({\n      top: 0,\n      behavior: \"smooth\",\n    });\n  };\n\n  function stripHtmlTagsAndImages(htmlContent:string) {\n  // Create a temporary element to hold the HTML content\n  const tempElement = document.createElement('div');\n  \n  // Set the HTML content to the element\n  tempElement.innerHTML = htmlContent;\n\n  // Remove all <img> elements (with base64 data or any src)\n  const images = tempElement.querySelectorAll('img');\n  images.forEach(img => img.remove());\n\n  // Get the text content from the element\n  const text = tempElement.textContent || tempElement.innerText || '';\n\n  // Return the cleaned-up text (trim spaces and remove multiple spaces)\n  return text.replace(/\\s+/g, ' ').trim();\n}\nfunction getSentenceBeforeComma(text: string): string {\n  // Split the text into an array of words\n  const words = text.split(' ');\n\n  // Get the first 110 words and join them into a sentence\n  const sentence = words.slice(0, 70).join(' ');\n\n  return sentence;\n}\n\n  \n// Define post data using refs for better reactivity with useHead\nconst post = ref({\n  title: '',\n  description: '',\n  featuredImage: '',\n  content: ''\n})\n  \n  onMounted(async () => {\n    try {\n      isLoading.value = true;\n      const blogReq:any = await BlogApi.getPost(postId.value);\n      singlePost.value = blogReq;\n      document.title = singlePost.value.title + \"- CAMLDS Digest\";\n       // Set the post data\n       shortDesc.value=getSentenceBeforeComma(stripHtmlTagsAndImages(blogReq.content))\n       post.value = {\n      title: blogReq.title + \" - CAMLDS Digest\", // Set post data\n      description:getSentenceBeforeComma(stripHtmlTagsAndImages(blogReq.content)),\n      featuredImage: blogReq.img_link,\n      content: stripHtmlTagsAndImages(blogReq.content)\n    }\n    // useHead({\n    //   title: post.value.title,\n    //   meta: [\n    //     { name: 'description', content: post.value.description },\n    //     { property: 'og:title', content: post.value.title },\n    //     { property: 'og:description', content: post.value.description },\n    //     { property: 'og:image', content: post.value.featuredImage },\n    //     { property: 'og:type', content: 'article' },\n    //     { property: 'og:url', content: window.location.href },\n        \n    //     { name: 'twitter:card', content: 'summary_large_image' }, \n    //     { name: 'twitter:title', content: post.value.title }, \n    //     { name: 'twitter:description', content: post.value.description },\n    //     { name: 'twitter:image', content: post.value.featuredImage }, \n\n    //     // Additional meta tags for better visibility (optional)\n    //     { name: 'twitter:creator', content: '@CAMLDS_' }\n    //   ]\n    // })\n      isLoading.value = false;\n    } catch (error) {\n      isLoading.value = true;\n      isLoading.value = false;\n      apiCallFailed.value = true;\n    //   messageStore.setMessage(\"Error loading posts\", \"error\");\n    }\n  });\n\n\n  watch(() => post.value,\n  (newPost) => {\n    console.log(newPost)\n    if (newPost) {\n      useHead({\n        title: newPost.title,\n        meta: [\n          { name: 'description', content: newPost.description },\n          { property: 'og:title', content: newPost.title },\n          { property: 'og:description', content: newPost.description },\n          { property: 'og:image', content: newPost.featuredImage },\n          { property: 'og:type', content: 'article' },\n          { property: 'og:url', content: window.location.href },\n\n          { name: 'twitter:card', content: 'summary_large_image' },\n          { name: 'twitter:title', content: newPost.title },\n          { name: 'twitter:description', content: newPost.description },\n          { name: 'twitter:image', content: newPost.featuredImage },\n\n          { name: 'twitter:creator', content: '@CAMLDS_' },\n// Optional additional platform-specific metadata (like Aliyun)\n{ name: 'al:title', content: newPost.title },\n{ name: 'al:description', content: newPost.description },\n{ name: 'al:image', content: newPost.featuredImage },\n{ name: 'al:url', content: window.location.href },\n\n        ]\n      });\n    }\n  },\n  { immediate: true }\n);\n\n  \n  onUnmounted(()=>{\n    stopSpeech();\n    pauseSpeech()\n  })\n  \n  watch(route, (newRoute, oldRoute) => {\n    stopSpeech();\n  });\n  \n  const newPost = async () => {\n    try {\n      const blogReq:any = await BlogApi.getBlogPosts();\n     const filteredPost= blogReq.results.filter((item:any)=> item.post_id !== postId.value);\n      // const filteredData = blogReq.data.filter(item => item.id != postId.value);\n      filteredPost.sort((a: any, b: any) => new Date(b.date).getTime() - new Date(a.date).getTime());\n      recentPosts.value = filteredPost.slice(0, 2);\n    } catch (error) {\n    \n    }\n  };\n  \n  newPost();\n  </script>\n  \n  <style scoped>\n  \n  .blog-content h4 {\n    @apply text-xl sm:text-4xl xl:text-4xl sm:mt-8 mt-5 text-[#101727] font-semibold;\n  }\n  .blog-content p {\n    @apply text-lg sm:my-4 my-3 font-normal;\n  }\n\n  \n  .blog-content  a {\n    @apply underline font-bold hover:text-purple-800 italic;\n  }\n  span{\n    @apply underline hover:text-purple-800 italic;\n  }\n  .blog-content img {\n    @apply max-w-[763px] max-h-[522px] flex justify-center content-center items-center object-fill rounded-md;\n  }\n  h4 strong{\n    font-size:90px;\n  }\n\n  ::v-deep ul {\n    list-style-type: disc;\n    padding:0 40px;\n  }\n\n  ::v-deep li {\n    margin-bottom: 0px;\n  }\n  ::v-deep h4 {\n    font-size: 18px;\n    margin-top:10px;\n  }\n  \n  ::v-deep strong {\n    font-size:18px;\n    margin-top:10px;\n  }\n\n  ul {\n    list-style-type: disc; \n    padding:0 20px; \n  }\n  \n  li {\n    margin-bottom: 0px;\n  }\n\n  .loader {\n    width: 60px;\n    aspect-ratio: 1;\n    display: flex;\n    animation: l8-0 2s infinite sptes(1);\n  }\n  .loader::before,\n  .loader::after {\n    content: \"\";\n    flex: 1;\n    animation: \n      l8-1 1s infinite linear alternate,\n      l8-2 2s infinite steps(1) -.5s;\n  }\n  .loader::after {\n    --s:-1,-1;\n  }\n  @keyframes l8-0 {\n    0%  {transform: scaleX(1)  rotate(0deg)}\n    50% {transform: scaleX(-1) rotate(-90deg)}\n  }\n  @keyframes l8-1 {\n    0%,\n    5%   {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateY(0deg) }\n    33%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(0deg) }\n    66%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(-180deg)}\n    95%,\n    100% {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateX(-180deg)}\n  }\n  @keyframes l8-2 {\n    0%  {background:#FEAE49}\n    50% {background:#581699}\n  }\n  \n  </style>\n  ","import script from \"./SingleBlogPost.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./SingleBlogPost.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./SingleBlogPost.vue?vue&type=style&index=0&id=78fe2000&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-78fe2000\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, withCtx as _withCtx, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-89c23c66\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"flex items-start justify-center min-h-screen bg-[#F7EFFF] text-[#000] lg:py-[170px] py-[110px]\" }\nconst _hoisted_2 = { class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto flex lg:flex-row flex-col gap-16 justify-between items-start\" }\nconst _hoisted_3 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"lg:w-1/2 w-full\" }, [\n  /*#__PURE__*/_createElementVNode(\"h1\", { class: \"font-bold lg:text-[52px] text-[32px] exo text-primary-purple\" }, \"Contact Us\"),\n  /*#__PURE__*/_createElementVNode(\"p\", { class: \"font-bold text-xl exo\" }, \"Call and Enquiry\"),\n  /*#__PURE__*/_createElementVNode(\"p\", { class: \"mt-4\" }, \"We provide free consultation related to the subject matter after the course. So, email, call, or complete the form to hear from us and we will get back to you asap.\"),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"mt-12\" }, \"enquiry@camlds.org\"),\n  /*#__PURE__*/_createElementVNode(\"div\", null, \"+234808-894-3064\"),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"mt-4 flex md:flex-row flex-col justify-between items-start gap-4 w-full\" }, [\n    /*#__PURE__*/_createElementVNode(\"div\", { class: \"md:w-1/2 w-full\" }, [\n      /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-bold text-xl\" }, \"Inquires\"),\n      /*#__PURE__*/_createElementVNode(\"p\", { class: \"mt-2\" }, \"Our support team is available around the clock to address any concerns or queries that you may have.\")\n    ]),\n    /*#__PURE__*/_createElementVNode(\"div\", { class: \"md:w-1/2 w-full\" }, [\n      /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-bold text-xl\" }, \"Support\"),\n      /*#__PURE__*/_createElementVNode(\"p\", { class: \"mt-2 text-pretty\" }, \"You can cancel or re-schedule the course due to unforeseen circumstances. If the course is cancelled, we will refund 100% to participants. \")\n    ])\n  ]),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"mt-12 flex md:flex-row flex-col justify-between items-start gap-4 w-full\" }, [\n    /*#__PURE__*/_createElementVNode(\"div\", { class: \"md:w-1/2 w-full\" }, [\n      /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-bold text-xl\" }, \"Map\"),\n      /*#__PURE__*/_createElementVNode(\"p\", { class: \"mt-2\" }, [\n        /*#__PURE__*/_createElementVNode(\"iframe\", {\n          src: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3939.4911127259747!2d7.424941474833931!3d9.110035290954576!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x104ddf888ac6a5f3%3A0x49b977de064aee51!2sCenter%20for%20Applied%20Machine%20Learning%20and%20Data%20Science!5e0!3m2!1sen!2sng!4v1722355414901!5m2!1sen!2sng\",\n          width: \"297\",\n          height: \"100\",\n          style: {\"border\":\"0\"},\n          allowfullscreen: \"false\",\n          loading: \"lazy\",\n          referrerpolicy: \"no-referrer-when-downgrade\"\n        })\n      ])\n    ]),\n    /*#__PURE__*/_createElementVNode(\"div\", { class: \"md:w-1/2 w-full\" }, [\n      /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-bold text-xl\" }, \"Office Address\"),\n      /*#__PURE__*/_createElementVNode(\"p\", { class: \"mt-2 text-pretty\" }, \"Plot 914, Jahi District, Suite 307,308 & 309 Kabaki Plaza, Abuja 900108, Nigeria \")\n    ])\n  ])\n], -1))\nconst _hoisted_4 = { class: \"bg-white h-full lg:w-1/2 w-full rounded-md py-8 lg:px-8 px-4\" }\nconst _hoisted_5 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-bold lg:text-3xl exo text-xl\" }, \"Get in Touch\", -1))\nconst _hoisted_6 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"mt-2 font-[400] text-[#5b5b5b]\" }, \"You can reach us anytime\", -1))\nconst _hoisted_7 = { class: \"flex gap-4 w-full\" }\nconst _hoisted_8 = { class: \"w-full\" }\nconst _hoisted_9 = { class: \"w-full\" }\nconst _hoisted_10 = [\"disabled\"]\n\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport * as yup from \"yup\";\nimport { Form, Field, ErrorMessage } from \"vee-validate\";\nimport emailjs from \"emailjs-com\";\nimport Swal from \"sweetalert2\";\nimport { FormApi } from \"@/services\";\nimport { ref, } from \"vue\";\n\ninterface TemplateParams {\n  fname: string;\n  lname: string;\n  email: string;\n  phone_number: string;\n  message: string;\n}\n\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'ContactView',\n  setup(__props) {\n\nconst isLoading =ref(false)\n\n\n\nconst schema = yup.object({\n  fname: yup.string().required(\"First Name is required\").min(3, \"First Name must be at least 3 characters\"),\n  lname: yup.string().required(\"Last Name is required\").min(3, \"Last Name must be at least 3 characters\"),\n  phoneNumber: yup.string().required(\"Phone Number is required\").min(10, \"Enter Valid Phone Number\"),\n  message: yup.string().required(\"Message is required\").min(8, \"Message must be at least 8 characters\"), \n  email: yup.string().email().required(\"Please Enter a valid email address\"), \n});\n\nconst submitForm = async (values: any, actions: any) => {\n  const { resetForm }: { resetForm: any } = actions;\n  const templateParams: TemplateParams ={\n    fname: values.fname,\n    lname: values.lname,\n    email: values.email,\n    phone_number: values.phoneNumber,\n    message: values.message,\n    };\n    try {\n        isLoading.value=true\n        const res =await FormApi.contactUs(templateParams as any)\n        const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"success\",\n            title: \"Form succesfully Submitted \",\n          });\n        isLoading.value=false\n\n          resetForm()\n \n  } catch (error) {\n    isLoading.value=false\n   \n          // console.error('FAILED...', error);\n          const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n   \n        }\n}\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(Navbar),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"div\", _hoisted_2, [\n        _hoisted_3,\n        _createElementVNode(\"div\", _hoisted_4, [\n          _hoisted_5,\n          _hoisted_6,\n          _createVNode(_unref(Form), {\n            \"validation-schema\": _unref(schema),\n            onSubmit: submitForm,\n            class: \"mt-8 w-full\"\n          }, {\n            default: _withCtx(({ values, errors }) => [\n              _createElementVNode(\"div\", _hoisted_7, [\n                _createElementVNode(\"div\", _hoisted_8, [\n                  _createVNode(_unref(Field), {\n                    id: \"fname\",\n                    name: \"fname\",\n                    type: \"text\",\n                    placeholder: \"First name\",\n                    class: \"p-4 border border-gray-300 rounded-md w-full focus:border-primary-purple focus:ring-2 focus:ring-primary-purple outline-none\"\n                  }),\n                  _createVNode(_unref(ErrorMessage), {\n                    class: \"text-wrap text-red-500 text-sm\",\n                    name: \"fname\"\n                  })\n                ]),\n                _createElementVNode(\"div\", _hoisted_9, [\n                  _createVNode(_unref(Field), {\n                    id: \"lname\",\n                    name: \"lname\",\n                    type: \"text\",\n                    placeholder: \"Last name\",\n                    class: \"p-4 border border-gray-300 rounded-md w-full focus:border-primary-purple focus:ring-2 focus:ring-primary-purple outline-none\"\n                  }),\n                  _createVNode(_unref(ErrorMessage), {\n                    class: \"text-wrap text-red-500 text-sm\",\n                    name: \"lname\"\n                  })\n                ])\n              ]),\n              _createElementVNode(\"div\", null, [\n                _createVNode(_unref(Field), {\n                  id: \"email\",\n                  name: \"email\",\n                  type: \"email\",\n                  placeholder: \"Email\",\n                  class: \"p-4 border border-gray-300 rounded-md w-full mt-7 focus:border-primary-purple focus:ring-2 focus:ring-primary-purple outline-none\"\n                }),\n                _createVNode(_unref(ErrorMessage), {\n                  class: \"text-wrap text-red-500 text-sm\",\n                  name: \"email\"\n                })\n              ]),\n              _createElementVNode(\"div\", null, [\n                _createVNode(_unref(Field), {\n                  id: \"phoneNumber\",\n                  name: \"phoneNumber\",\n                  type: \"tel\",\n                  placeholder: \"Phone number\",\n                  class: \"p-4 border border-gray-300 rounded-md w-full mt-7 focus:border-primary-purple focus:ring-2 focus:ring-primary-purple outline-none\"\n                }),\n                _createVNode(_unref(ErrorMessage), {\n                  class: \"text-wrap text-red-500 text-sm\",\n                  name: \"phoneNumber\"\n                })\n              ]),\n              _createElementVNode(\"div\", null, [\n                _createVNode(_unref(Field), {\n                  as: \"textarea\",\n                  id: \"message\",\n                  name: \"message\",\n                  rows: \"4\",\n                  cols: \"50\",\n                  class: \"p-4 border border-gray-300 rounded-md w-full mt-7 focus:border-primary-purple focus:ring-2 focus:ring-primary-purple outline-none\",\n                  placeholder: \"Your message ...\"\n                }),\n                _createVNode(_unref(ErrorMessage), {\n                  class: \"text-wrap text-red-500 text-sm\",\n                  name: \"message\"\n                })\n              ]),\n              _createElementVNode(\"button\", {\n                disabled: isLoading.value,\n                class: \"mt-8 bg-primary-orange text-primary-purple font-semibold p-4 rounded-[30px] lg:w-[226px] w-full hover:scale-105\"\n              }, _toDisplayString(isLoading.value? 'Sending': 'Send Message'), 9, _hoisted_10)\n            ]),\n            _: 1\n          }, 8, [\"validation-schema\"])\n        ])\n      ])\n    ]),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n    <Navbar />\n    <div class=\"flex items-start justify-center min-h-screen bg-[#F7EFFF] text-[#000] lg:py-[170px] py-[110px]\">\n    <div class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full text-left mx-auto flex lg:flex-row flex-col gap-16 justify-between items-start\">\n        <div class=\" lg:w-1/2 w-full\">\n            <h1 class=\"font-bold lg:text-[52px] text-[32px] exo text-primary-purple\">Contact Us</h1>\n            <p class=\"font-bold text-xl exo\">Call and Enquiry</p>\n            <p class=\"mt-4\">We provide free consultation related to the subject matter after the course. So, email, call, or complete the form to hear from us and we will get back to you asap.</p>\n\n            <div class=\"mt-12\">enquiry@camlds.org</div>\n            <div>+234808-894-3064</div>\n\n            <div class=\"mt-4 flex md:flex-row flex-col justify-between items-start gap-4 w-full\">\n                <div class=\"md:w-1/2 w-full\">\n                    <h2 class=\"font-bold text-xl\">Inquires</h2>\n                    <p class=\"mt-2\">Our support team is available around the clock to address any concerns or queries that you may have.</p>\n                </div>\n                <div class=\"md:w-1/2 w-full\">\n                    <h2 class=\"font-bold text-xl \">Support</h2>\n                    <p class=\"mt-2 text-pretty\">You can cancel or re-schedule the course due to unforeseen circumstances. If the course is cancelled, we will refund 100% to participants.\n                    </p>\n                </div>\n            </div>\n            <div class=\"mt-12 flex md:flex-row flex-col justify-between items-start gap-4 w-full\">\n                <div class=\"md:w-1/2 w-full\">\n                    <h2 class=\"font-bold text-xl\">Map</h2>\n                    <p class=\"mt-2\"><iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3939.4911127259747!2d7.424941474833931!3d9.110035290954576!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x104ddf888ac6a5f3%3A0x49b977de064aee51!2sCenter%20for%20Applied%20Machine%20Learning%20and%20Data%20Science!5e0!3m2!1sen!2sng!4v1722355414901!5m2!1sen!2sng\" width=\"297\" height=\"100\" style=\"border:0;\" allowfullscreen=\"false\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"></iframe></p>\n                </div>\n                <div class=\"md:w-1/2 w-full\">\n                    <h2 class=\"font-bold text-xl \">Office Address</h2>\n                    <p class=\"mt-2 text-pretty\">Plot 914, Jahi District,\n                        Suite 307,308 & 309 Kabaki Plaza,\n                        Abuja 900108, Nigeria\n                       \n                    </p>\n                </div>\n                </div>\n        </div>\n        \n        <div class=\"bg-white h-full lg:w-1/2 w-full rounded-md py-8 lg:px-8 px-4\">\n            <h2 class=\"font-bold lg:text-3xl exo text-xl\">Get in Touch</h2>\n            <div class=\"mt-2 font-[400] text-[#5b5b5b]\">You can reach us anytime</div>\n            <Form  v-slot=\"{ values, errors }\"\n            :validation-schema=\"schema\" @submit=\"submitForm\" class=\"mt-8 w-full\">\n                <div class=\"flex gap-4 w-full\">\n                    <div class=\"w-full\">\n\n                        <Field id=\"fname\" name=\"fname\" type=\"text\" placeholder=\"First name\" class=\"p-4 border border-gray-300 rounded-md w-full  focus:border-primary-purple focus:ring-2 focus:ring-primary-purple  outline-none\" />\n                        <ErrorMessage class=\"text-wrap text-red-500 text-sm\" name=\"fname\" />\n                    </div>\n                    <div class=\"w-full\">\n\n                        <Field id=\"lname\" name=\"lname\" type=\"text\" placeholder=\"Last name\" class=\"p-4 border border-gray-300 rounded-md w-full  focus:border-primary-purple focus:ring-2 focus:ring-primary-purple  outline-none\" />\n                        <ErrorMessage class=\"text-wrap text-red-500 text-sm\" name=\"lname\" />    \n                    </div>\n                </div>\n                <div>\n\n                    <Field id=\"email\" name=\"email\" type=\"email\" placeholder=\"Email\" class=\"p-4 border border-gray-300 rounded-md w-full mt-7  focus:border-primary-purple focus:ring-2 focus:ring-primary-purple  outline-none\" /> \n                    <ErrorMessage class=\"text-wrap text-red-500 text-sm\" name=\"email\" />   \n                </div>\n                <div>\n\n                    <Field id=\"phoneNumber\" name=\"phoneNumber\" type=\"tel\" placeholder=\"Phone number\" class=\"p-4 border border-gray-300 rounded-md w-full mt-7  focus:border-primary-purple focus:ring-2 focus:ring-primary-purple  outline-none\" /> \n                    <ErrorMessage class=\"text-wrap text-red-500 text-sm\" name=\"phoneNumber\" />\n                </div>\n                <!-- create a textarea -->    \n                <div>\n\n                <Field as=\"textarea\" id=\"message\" name=\"message\" rows=\"4\" cols=\"50\" class=\"p-4 border border-gray-300 rounded-md w-full mt-7  focus:border-primary-purple focus:ring-2 focus:ring-primary-purple  outline-none\" placeholder=\"Your message ...\" />\n                <ErrorMessage class=\"text-wrap text-red-500 text-sm\" name=\"message\" />\n            </div>\n            \n            <button \n            :disabled=\"isLoading\"\n            class=\"mt-8 bg-primary-orange text-primary-purple font-semibold p-4 rounded-[30px] lg:w-[226px] w-full hover:scale-105\">\n           {{isLoading? 'Sending': 'Send Message'}}\n        </button>\n            </Form>\n \n        </div>\n    </div>\n   \n  </div>\n  <FooterSection />\n\n</template>\n\n<script setup lang=\"ts\">\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport * as yup from \"yup\";\nimport { Form, Field, ErrorMessage } from \"vee-validate\";\nimport emailjs from \"emailjs-com\";\nimport Swal from \"sweetalert2\";\nimport { FormApi } from \"@/services\";\nimport { ref, } from \"vue\";\n\nconst isLoading =ref(false)\n\n\n\nconst schema = yup.object({\n  fname: yup.string().required(\"First Name is required\").min(3, \"First Name must be at least 3 characters\"),\n  lname: yup.string().required(\"Last Name is required\").min(3, \"Last Name must be at least 3 characters\"),\n  phoneNumber: yup.string().required(\"Phone Number is required\").min(10, \"Enter Valid Phone Number\"),\n  message: yup.string().required(\"Message is required\").min(8, \"Message must be at least 8 characters\"), \n  email: yup.string().email().required(\"Please Enter a valid email address\"), \n});\n\ninterface TemplateParams {\n  fname: string;\n  lname: string;\n  email: string;\n  phone_number: string;\n  message: string;\n}\n\n\nconst submitForm = async (values: any, actions: any) => {\n  const { resetForm }: { resetForm: any } = actions;\n  const templateParams: TemplateParams ={\n    fname: values.fname,\n    lname: values.lname,\n    email: values.email,\n    phone_number: values.phoneNumber,\n    message: values.message,\n    };\n    try {\n        isLoading.value=true\n        const res =await FormApi.contactUs(templateParams as any)\n        const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"success\",\n            title: \"Form succesfully Submitted \",\n          });\n        isLoading.value=false\n\n          resetForm()\n \n  } catch (error) {\n    isLoading.value=false\n   \n          // console.error('FAILED...', error);\n          const Toast = Swal.mixin({\n            toast: true,\n            position: \"top-end\",\n            showConfirmButton: false,\n            timer: 3000,\n            timerProgressBar: true,\n            didOpen: (toast) => {\n              toast.onmouseenter = Swal.stopTimer;\n              toast.onmouseleave = Swal.resumeTimer;\n            },\n          });\n          Toast.fire({\n            icon: \"error\",\n            title: \"Failed to send the email. Please try again later. !\",\n          });\n   \n        }\n}\n</script>\n\n<style scoped>\ntextarea{\n    resize: none;\n}\n</style>","import script from \"./ContactView.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./ContactView.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./ContactView.vue?vue&type=style&index=0&id=89c23c66&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-89c23c66\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, vModelText as _vModelText, withDirectives as _withDirectives, vModelSelect as _vModelSelect, withModifiers as _withModifiers, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden\" }\nconst _hoisted_2 = { class: \"bg-white p-6 rounded-lg w-11/12 max-w-lg max-h-[90vh] no-scrollbar overflow-y-auto\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"h2\", { class: \"text-xl font-bold mb-4 text-center\" }, \"Registration Form\", -1)\nconst _hoisted_4 = { class: \"mb-4\" }\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"name\"\n}, \"Name\", -1)\nconst _hoisted_6 = { class: \"mb-4\" }\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"email\"\n}, \"Email\", -1)\nconst _hoisted_8 = { class: \"mb-4\" }\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"phone\"\n}, \"Phone\", -1)\nconst _hoisted_10 = { class: \"mb-4\" }\nconst _hoisted_11 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"school\"\n}, \"School\", -1)\nconst _hoisted_12 = { class: \"mb-4\" }\nconst _hoisted_13 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"role\"\n}, \"Role\", -1)\nconst _hoisted_14 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"\" }, \"Select a Role\", -1)\nconst _hoisted_15 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"Team Lead\" }, \"Team Lead\", -1)\nconst _hoisted_16 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"Technical Lead\" }, \"Technical Lead\", -1)\nconst _hoisted_17 = /*#__PURE__*/_createElementVNode(\"option\", { value: \"PR Lead\" }, \"PR Lead\", -1)\nconst _hoisted_18 = [\n  _hoisted_14,\n  _hoisted_15,\n  _hoisted_16,\n  _hoisted_17\n]\nconst _hoisted_19 = { class: \"mb-4\" }\nconst _hoisted_20 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"experience\"\n}, \"Relevant Experience\", -1)\nconst _hoisted_21 = { class: \"mb-4\" }\nconst _hoisted_22 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"why\"\n}, \"Why are you interested in this role?\", -1)\nconst _hoisted_23 = { class: \"mb-4\" }\nconst _hoisted_24 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"skills\"\n}, \"Skills\", -1)\nconst _hoisted_25 = { class: \"mb-4\" }\nconst _hoisted_26 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"availability\"\n}, \"Availability\", -1)\nconst _hoisted_27 = { class: \"mb-4\" }\nconst _hoisted_28 = /*#__PURE__*/_createElementVNode(\"label\", {\n  class: \"block mb-1\",\n  for: \"goals\"\n}, \"Goals\", -1)\nconst _hoisted_29 = /*#__PURE__*/_createElementVNode(\"button\", {\n  type: \"submit\",\n  class: \"bg-primary-orange text-primary-purple py-2 px-12 rounded-[30px]\"\n}, \"Submit\", -1)\n\nimport { ref } from 'vue';\n  \n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'CampusRegForm',\n  setup(__props) {\n\n  const form = ref({\n    name: '',\n    email: '',\n    phone: '',\n    school: '',\n    role: '',\n    experience: '',\n    why: '',\n    skills: '',\n    availability: '',\n    goals: ''\n  });\n  \n  const handleSubmit = () => {\n    console.log('Form submitted:', form.value);\n  };\n  \nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _hoisted_3,\n      _createElementVNode(\"form\", {\n        onSubmit: _withModifiers(handleSubmit, [\"prevent\"])\n      }, [\n        _createElementVNode(\"div\", _hoisted_4, [\n          _hoisted_5,\n          _withDirectives(_createElementVNode(\"input\", {\n            id: \"name\",\n            \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((form.value.name) = $event)),\n            type: \"text\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.name]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_6, [\n          _hoisted_7,\n          _withDirectives(_createElementVNode(\"input\", {\n            id: \"email\",\n            \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event: any) => ((form.value.email) = $event)),\n            type: \"email\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.email]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_8, [\n          _hoisted_9,\n          _withDirectives(_createElementVNode(\"input\", {\n            id: \"phone\",\n            \"onUpdate:modelValue\": _cache[2] || (_cache[2] = ($event: any) => ((form.value.phone) = $event)),\n            type: \"tel\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.phone]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_10, [\n          _hoisted_11,\n          _withDirectives(_createElementVNode(\"input\", {\n            id: \"school\",\n            \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => ((form.value.school) = $event)),\n            type: \"text\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.school]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_12, [\n          _hoisted_13,\n          _withDirectives(_createElementVNode(\"select\", {\n            id: \"role\",\n            \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((form.value.role) = $event)),\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, _hoisted_18, 512), [\n            [_vModelSelect, form.value.role]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_19, [\n          _hoisted_20,\n          _withDirectives(_createElementVNode(\"textarea\", {\n            id: \"experience\",\n            \"onUpdate:modelValue\": _cache[5] || (_cache[5] = ($event: any) => ((form.value.experience) = $event)),\n            rows: \"4\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.experience]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_21, [\n          _hoisted_22,\n          _withDirectives(_createElementVNode(\"textarea\", {\n            id: \"why\",\n            \"onUpdate:modelValue\": _cache[6] || (_cache[6] = ($event: any) => ((form.value.why) = $event)),\n            rows: \"4\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.why]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_23, [\n          _hoisted_24,\n          _withDirectives(_createElementVNode(\"input\", {\n            id: \"skills\",\n            \"onUpdate:modelValue\": _cache[7] || (_cache[7] = ($event: any) => ((form.value.skills) = $event)),\n            type: \"text\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.skills]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_25, [\n          _hoisted_26,\n          _withDirectives(_createElementVNode(\"input\", {\n            id: \"availability\",\n            \"onUpdate:modelValue\": _cache[8] || (_cache[8] = ($event: any) => ((form.value.availability) = $event)),\n            type: \"text\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.availability]\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_27, [\n          _hoisted_28,\n          _withDirectives(_createElementVNode(\"textarea\", {\n            id: \"goals\",\n            \"onUpdate:modelValue\": _cache[9] || (_cache[9] = ($event: any) => ((form.value.goals) = $event)),\n            rows: \"4\",\n            class: \"w-full border rounded px-3 py-2\",\n            required: \"\"\n          }, null, 512), [\n            [_vModelText, form.value.goals]\n          ])\n        ]),\n        _hoisted_29,\n        _createElementVNode(\"button\", {\n          onClick: _cache[10] || (_cache[10] = ($event: any) => (_ctx.$emit('close'))),\n          class: \"ml-2 text-gray-600\"\n        }, \"Close\")\n      ], 32)\n    ])\n  ]))\n}\n}\n\n})","<template>\n    <div class=\"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden\">\n      <div class=\"bg-white p-6 rounded-lg w-11/12 max-w-lg max-h-[90vh] no-scrollbar  overflow-y-auto\">\n        <h2 class=\"text-xl font-bold mb-4 text-center\">Registration Form</h2>\n        <form @submit.prevent=\"handleSubmit\">\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"name\">Name</label>\n            <input id=\"name\" v-model=\"form.name\" type=\"text\" class=\"w-full border rounded px-3 py-2\" required />\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"email\">Email</label>\n            <input id=\"email\" v-model=\"form.email\" type=\"email\" class=\"w-full border rounded px-3 py-2\" required />\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"phone\">Phone</label>\n            <input id=\"phone\" v-model=\"form.phone\" type=\"tel\" class=\"w-full border rounded px-3 py-2\" required />\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"school\">School</label>\n            <input id=\"school\" v-model=\"form.school\" type=\"text\" class=\"w-full border rounded px-3 py-2\" required />\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"role\">Role</label>\n            <select id=\"role\" v-model=\"form.role\" class=\"w-full border rounded px-3 py-2\" required>\n              <option value=\"\">Select a Role</option>\n              <option value=\"Team Lead\">Team Lead</option>\n              <option value=\"Technical Lead\">Technical Lead</option>\n              <option value=\"PR Lead\">PR Lead</option>\n            </select>\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"experience\">Relevant Experience</label>\n            <textarea id=\"experience\" v-model=\"form.experience\" rows=\"4\" class=\"w-full border rounded px-3 py-2\" required></textarea>\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"why\">Why are you interested in this role?</label>\n            <textarea id=\"why\" v-model=\"form.why\" rows=\"4\" class=\"w-full border rounded px-3 py-2\" required></textarea>\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"skills\">Skills</label>\n            <input id=\"skills\" v-model=\"form.skills\" type=\"text\" class=\"w-full border rounded px-3 py-2\" required />\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"availability\">Availability</label>\n            <input id=\"availability\" v-model=\"form.availability\" type=\"text\" class=\"w-full border rounded px-3 py-2\" required />\n          </div>\n          <div class=\"mb-4\">\n            <label class=\"block mb-1\" for=\"goals\">Goals</label>\n            <textarea id=\"goals\" v-model=\"form.goals\" rows=\"4\" class=\"w-full border rounded px-3 py-2\" required></textarea>\n          </div>\n          <button type=\"submit\" class=\"bg-primary-orange text-primary-purple py-2 px-12 rounded-[30px]\">Submit</button>\n          <button @click=\"$emit('close')\" class=\"ml-2 text-gray-600\">Close</button>\n        </form>\n      </div>\n    </div>\n  </template>\n  \n  <script lang=\"ts\" setup>\n  import { ref } from 'vue';\n  \n  const form = ref({\n    name: '',\n    email: '',\n    phone: '',\n    school: '',\n    role: '',\n    experience: '',\n    why: '',\n    skills: '',\n    availability: '',\n    goals: ''\n  });\n  \n  const handleSubmit = () => {\n    console.log('Form submitted:', form.value);\n  };\n  </script>\n  \n  <style scoped>\n  </style>\n  ","import script from \"./CampusRegForm.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./CampusRegForm.vue?vue&type=script&lang=ts&setup=true\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createStaticVNode as _createStaticVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from \"vue\"\nimport _imports_0 from '../../assets/footerBG.png'\n\n\nconst _hoisted_1 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"h-[32px] flex items-center justify-center exo bg-[#6F38A5] text-white font-[800] sm:text-base text-sm !z-40\\\"><span>Centre for <span class=\\\"text-primary-orange\\\">Applied</span> Machine Learning and Data Science</span></div><section class=\\\"w-full max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto\\\"><a href=\\\"/\\\" class=\\\"w-[147px] h-10 mx-auto mb-6 block\\\"><img src=\\\"https://res.cloudinary.com/dp0whcqar/image/upload/v1724245747/campus_network_logo_rn8zjr.png\\\" alt=\\\"logo\\\"></a><div class=\\\"md:mt-[89px] mt-[102px] lg:text-[52px] text-[32px] md:text-[38px] text-primary-purple exo text-center font-bold md:w-full w-[342px] mx-auto\\\"> Campus <span class=\\\"text-primary-orange\\\"> Network</span> Leads </div><p class=\\\"md:mt-6 mt-4 lg:text-center text-left text-[#3B0545]\\\"> Are you a student (undergraduate) interested in tech and seeking to learn, grow and contribute to a community of tech professionals? </p>   <p class=\\\"-mt-4 lg:text-center text-left text-[#292D32]\\\"> Applications for the CAMLDS Campus Network Lead positions - The Team Lead, Technical Lead and PR lead are now open. This is an opportunity for you to lead a tech community in your school. A community to introduce students into tech to learn and build projects that solve real life problems.  </p><div class=\\\"flex lg:flex-row flex-col justify-between items-center md:my-[56px] my-10 gap-6 text-[#292D32]\\\"><div class=\\\"lg:w-1/2 w-full\\\"><div class=\\\"title exo mt-6 !font-[600]\\\">Eligibility criteria</div><p class=\\\"mt-6\\\"> You must satisfy these criteria to apply as a team lead for your school: </p><ol class=\\\"mt-6 list-disc px-8 max-w-[489px]\\\"><li>Enrollment in a tertiary institution is a prerequisite.</li><li>A minimum of one year before graduation is necessary.</li><li> Must be able to demonstrate passion and focus over the course of a year. </li><li> Should have experience in team leadership and planning. </li><li> Tech Savvy. </li></ol><a href=\\\"https://docs.google.com/forms/d/e/1FAIpQLSfWJUz41WziqAc7el5Tb4lj8fhAV8rUfz1qfW03fZQ4BnjVGg/viewform\\\" target=\\\"_blank\\\" class=\\\"hidden md:block font-semibold bg-primary-orange text-primary-purple rounded-[30px] py-3 px-[84px] mt-12 text-xl hover:scale-105 w-fit\\\"> Apply </a></div><div class=\\\"lg:w-1/2 w-full flex lg:justify-end justify-start items-center\\\"><img class=\\\"w-[543px] md:h-[381px] h-[252px]\\\" src=\\\"https://res.cloudinary.com/dp0whcqar/image/upload/v1723730095/Frame_1171276805_qfduow.png\\\" alt=\\\"campus talk\\\"></div></div><a href=\\\"https://docs.google.com/forms/d/e/1FAIpQLSfWJUz41WziqAc7el5Tb4lj8fhAV8rUfz1qfW03fZQ4BnjVGg/viewform\\\" target=\\\"_blank\\\" class=\\\"md:hidden block font-semibold bg-primary-orange text-primary-purple w-fit rounded-[30px] py-4 px-[84px] mt-12 text-xl hover:scale-105 mb-10\\\"> Apply </a><div class=\\\"flex lg:flex-row flex-col-reverse justify-between items-center md:my-[56px] my-10 gap-6\\\"><div class=\\\"lg:w-1/2 w-full flex lg:justify-start justify-start items-center\\\"><img class=\\\"w-[543px] md:h-[381px] h-[252px]\\\" src=\\\"https://res.cloudinary.com/dp0whcqar/image/upload/v1723731407/Frame_1171276805_1_m0pkvr.png\\\" alt=\\\"campus talk\\\"></div><div class=\\\"lg:w-1/2 w-full text-[#292D32]\\\"><div class=\\\"title exo mt-6 !font-[600] lg:pr-12 pr-0\\\">Benefits of being a lead on the CAMLDS Campus Network</div><ol class=\\\"mt-6 list-disc px-8\\\"><li>Skill development with training programs</li><li> An opportunity to build capacity as a student by contributing actively to the CAMLDS Campus Network community.</li><li>Access to exclusive internship and job opportunities</li><li>Gain recognition for your achievements and projects as a leader in your school and campus network, enhancing your professional portfolio</li><li>Inter School competitions and hackathons.</li><li>An opportunity to grow your knowledge in tech through peer and industry Networking.</li><li>Leadership Experience</li><li>Personal development in building soft skills in tech.</li><li>Participation in an inclusive community with continuous support.</li></ol></div></div><div class=\\\"title font-bold text-center md:!text-[48px] text-[32px] text-primary-purple\\\">Campus <span class=\\\"text-primary-orange\\\">Network</span> Roles</div><p class=\\\"text-center\\\">Ensure you meet the general criteria above before you can apply for any role</p><div class=\\\"flex lg:flex-row flex-col justify-between items-start md:my-[56px] my-10 gap-6 text-[#292D32]\\\"><div class=\\\"lg:w-1/3 w-full\\\"><div class=\\\"title exo mt-6 !font-[600] lg:pr-12 pr-0\\\">School Team-Lead</div><ol class=\\\"mt-6 list-disc px-8\\\"><li>Must be Interested in tech</li><li>Strong organizational skill</li><li>Good leadership qualities</li><li>Basic technical knowledge </li><li>Excellent communication skills.</li><li>Must be able to mobilize and work with students</li><li>Prior experience in leadership roles or event organization is an advantage but not compulsory. </li><li>Excellent Team spirit</li><li>Discipline in any IT department (Computer Engineering or Computer Science) is an advantage but not compulsory.</li></ol></div><div class=\\\"lg:w-1/3 w-full\\\"><div class=\\\"title exo mt-6 !font-[600] lg:pr-12 pr-0\\\">Technical Team-Lead</div><ol class=\\\"mt-6 list-disc px-8\\\"><li>Must be tech-savvy </li><li>Must have basic knowledge across two or more tech skills.</li><li>Should be able to teach </li><li>Good communication skills.</li><li>Relevant technical projects, or internships are an advantage.</li><li>Good leadership qualities</li><li>Excellent Team spirit</li><li>Discipline in any IT department (Computer Engineering or Computer Science) is an advantage but not compulsory.</li></ol></div><div class=\\\"lg:w-1/3 w-full\\\"><div class=\\\"title exo mt-6 !font-[600] lg:pr-12 pr-0\\\">PR Lead</div><ol class=\\\"mt-6 list-disc px-8\\\"><li>Must have strong public speaking skills.</li><li> Must have good networking and people skills. </li><li>Should possess a good level of Creativity. </li><li>The ability to create and manage content for promotion.</li><li>Experience in marketing, event planning, graphic design or content creation would be an added advantage.</li></ol></div></div><a href=\\\"https://docs.google.com/forms/d/e/1FAIpQLSfWJUz41WziqAc7el5Tb4lj8fhAV8rUfz1qfW03fZQ4BnjVGg/viewform\\\" target=\\\"_blank\\\" class=\\\"mx-auto w-fit block font-semibold bg-primary-orange text-primary-purple rounded-[30px] py-3 px-[84px] mt-12 text-xl hover:scale-105 my-12\\\"> Apply Now </a></section>\", 2)\nconst _hoisted_3 = { class: \"relative sm:mb-[40px] mb-[70px]\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"img\", {\n  src: _imports_0,\n  class: \"w-full h-[380px] md:h-80 sm:h-full object-cover\"\n}, null, -1)\nconst _hoisted_5 = {\n  \"data-aos\": \"zoom-in\",\n  class: \"absolute inset-0 flex flex-col items-center justify-center\"\n}\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"title mb-2 !text-white text-center font-bold\" }, \"The Center for Applied Machine Learning and Data Science\", -1)\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"avenir text-base text-primary-orange sm:mb-7 text-center mb-4 max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto\" }, \"To know more about Center for Applied Machine Learning and Data Science \", -1)\nconst _hoisted_8 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"avenir cursor-pointer text-white sm:py-4 sm:px-8 py-3 px-4 w-fit bg-primary-orange rounded-lg hover:shadow-lg hover:scale-105\" }, \"Visit Us\", -1)\n\nimport FooterSection from '../HomeView/FooterSection.vue';\nimport RegistrationForm from '../../components/ModalComp/CampusRegForm.vue';\nimport { ref } from 'vue';\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'CampusNetworkView',\n  setup(__props) {\n\nconst showForm = ref(false);\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _hoisted_1,\n    _createElementVNode(\"section\", _hoisted_3, [\n      _hoisted_4,\n      _createElementVNode(\"div\", _hoisted_5, [\n        _hoisted_6,\n        _hoisted_7,\n        _createVNode(_component_router_link, { to: \"/\" }, {\n          default: _withCtx(() => [\n            _hoisted_8\n          ]),\n          _: 1\n        })\n      ])\n    ]),\n    (showForm.value)\n      ? (_openBlock(), _createBlock(RegistrationForm, {\n          key: 0,\n          onClose: _cache[0] || (_cache[0] = ($event: any) => (showForm.value = false))\n        }))\n      : _createCommentVNode(\"\", true),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n  <div\n    class=\"h-[32px] flex items-center justify-center exo bg-[#6F38A5] text-white font-[800] sm:text-base text-sm !z-40\"\n  >\n    <span\n      >Centre for <span class=\"text-primary-orange\">Applied</span> Machine\n      Learning and Data Science</span\n    >\n  </div>\n\n  <section\n    class=\"w-full max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto\"\n  >\n    <a\n    href=\"/\"\n     class=\"w-[147px] h-10 mx-auto mb-6 block\">\n      <img src=\"https://res.cloudinary.com/dp0whcqar/image/upload/v1724245747/campus_network_logo_rn8zjr.png\" alt=\"logo\" />\n    </a>\n\n    <div\n      class=\"md:mt-[89px] mt-[102px] lg:text-[52px] text-[32px] md:text-[38px] text-primary-purple exo text-center font-bold md:w-full w-[342px] mx-auto\"\n    >\n    Campus <span class=\"text-primary-orange\">  Network</span> Leads\n    </div>\n    <p class=\"md:mt-6 mt-4 lg:text-center text-left text-[#3B0545] \">\n      Are you a student (undergraduate) interested in tech and seeking to learn,\n      grow and contribute to a community of tech professionals?\n    </p>\n     \n\n    <p class=\"-mt-4 lg:text-center text-left text-[#292D32]\">\n      Applications for the CAMLDS Campus Network Lead positions - The Team Lead,\n      Technical Lead and PR lead are now open. This is an opportunity for you to\n      lead a tech community in your school. A community to introduce students\n      into tech to learn and build projects that solve real life problems. \n    </p>\n\n    <div\n      class=\"flex lg:flex-row flex-col justify-between items-center md:my-[56px] my-10 gap-6 text-[#292D32]\"\n    >\n      <div class=\"lg:w-1/2 w-full\">\n        <div class=\"title exo mt-6 !font-[600]\">Eligibility criteria</div>\n        <p class=\"mt-6\">\n          You must satisfy these criteria to apply as a team lead for your\n          school:\n        </p>\n\n        <ol class=\"mt-6 list-disc px-8 max-w-[489px]\">\n          <li>Enrollment in a tertiary institution is a prerequisite.</li>\n          <li>A minimum of one year before graduation is necessary.</li>\n          <li>\n            Must be able to demonstrate passion and focus over the course of a\n            year.\n          </li>\n          <li>\n            Should have experience in team leadership and planning. \n          </li>\n          <li>\n            Tech Savvy.\n          </li>\n        </ol>\n\n        <a\n        href=\"https://docs.google.com/forms/d/e/1FAIpQLSfWJUz41WziqAc7el5Tb4lj8fhAV8rUfz1qfW03fZQ4BnjVGg/viewform\"\n        target=\"_blank\"\n          class=\"hidden md:block font-semibold bg-primary-orange text-primary-purple rounded-[30px] py-3 px-[84px] mt-12 text-xl hover:scale-105 w-fit\"\n        >\n          Apply \n      </a>\n      </div>\n      <div class=\"lg:w-1/2 w-full flex lg:justify-end justify-start items-center\">\n        <img\n          class=\"w-[543px] md:h-[381px] h-[252px]\"\n          src=\"https://res.cloudinary.com/dp0whcqar/image/upload/v1723730095/Frame_1171276805_qfduow.png\"\n          alt=\"campus talk\"\n        />\n      </div>\n    </div>\n    <a\n        href=\"https://docs.google.com/forms/d/e/1FAIpQLSfWJUz41WziqAc7el5Tb4lj8fhAV8rUfz1qfW03fZQ4BnjVGg/viewform\"\n        target=\"_blank\"\n      class=\"md:hidden block font-semibold bg-primary-orange text-primary-purple w-fit rounded-[30px] py-4 px-[84px] mt-12 text-xl hover:scale-105 mb-10\"\n    >\n      Apply \n  </a>\n\n    <div class=\"flex lg:flex-row flex-col-reverse justify-between items-center md:my-[56px] my-10 gap-6\">\n        <div class=\"lg:w-1/2 w-full flex lg:justify-start justify-start items-center\">\n            <img class=\"w-[543px] md:h-[381px] h-[252px] \" src=\"https://res.cloudinary.com/dp0whcqar/image/upload/v1723731407/Frame_1171276805_1_m0pkvr.png\" alt=\"campus talk\" />\n        </div>\n\n        <div class=\"lg:w-1/2 w-full text-[#292D32]\">\n            <div class=\"title exo  mt-6 !font-[600] lg:pr-12 pr-0\">Benefits of being a lead on the CAMLDS Campus Network</div>\n            \n            <ol class=\"mt-6 list-disc px-8\">\n                <li>Skill development with training programs</li>\n                <li> An opportunity to build capacity as a student by contributing actively to the CAMLDS Campus Network community.</li>\n                <li>Access to exclusive internship and job opportunities</li>\n                <li>Gain recognition for your achievements and projects as a leader in your school and campus network, enhancing your professional portfolio</li>\n                <li>Inter School competitions and hackathons.</li>\n                <li>An opportunity to grow your knowledge in tech through peer and industry Networking.</li>\n                <li>Leadership Experience</li>\n                <li>Personal development in building soft skills in tech.</li>\n                <li>Participation in an inclusive community with continuous support.</li>\n            </ol>\n    \n           </div>\n    </div>\n\n\n    <div class=\"title font-bold text-center md:!text-[48px] text-[32px] text-primary-purple\">Campus <span class=\"text-primary-orange\">Network</span> Roles</div>\n    <p class=\"text-center\">Ensure you meet the general criteria above before you can apply for any role</p>\n\n\n    <div class=\"flex lg:flex-row flex-col justify-between items-start md:my-[56px] my-10 gap-6 text-[#292D32]\">\n        <div class=\"lg:w-1/3 w-full \">\n            <div class=\"title exo  mt-6 !font-[600] lg:pr-12 pr-0\">School Team-Lead</div>\n            \n            <ol class=\"mt-6 list-disc px-8\">\n                <li>Must be Interested in tech</li>\n                <li>Strong organizational skill</li>\n                <li>Good leadership qualities</li>\n                <li>Basic technical knowledge </li>\n                <li>Excellent communication skills.</li>\n                <li>Must be able to mobilize and work with students</li>\n                <li>Prior experience in leadership roles or event organization is an advantage but not compulsory. </li>\n                <li>Excellent Team spirit</li>\n                <li>Discipline in any IT department (Computer Engineering or Computer Science) is an advantage but not compulsory.</li>\n            </ol>\n    \n           </div>\n\n           <div class=\"lg:w-1/3 w-full \">\n            <div class=\"title exo  mt-6 !font-[600] lg:pr-12 pr-0\">Technical Team-Lead</div>\n            \n            <ol class=\"mt-6 list-disc px-8\">\n                <li>Must be tech-savvy </li>\n                <li>Must have basic knowledge across two or more tech skills.</li>\n                <li>Should be able to teach </li>\n                <li>Good communication skills.</li>\n                <li>Relevant technical projects, or internships are an advantage.</li>\n                <li>Good leadership qualities</li>\n                <li>Excellent Team spirit</li>\n                <li>Discipline in any IT department (Computer Engineering or Computer Science) is an advantage but not compulsory.</li>\n                \n            </ol>\n    \n           </div>\n\n           <div class=\"lg:w-1/3 w-full \">\n            <div class=\"title exo  mt-6 !font-[600] lg:pr-12 pr-0\">PR Lead</div>\n            \n            <ol class=\"mt-6 list-disc px-8\">\n                <li>Must have strong public speaking skills.</li>\n                <li> Must have good networking and people skills. </li>\n                <li>Should possess a good level of Creativity. </li>\n                <li>The ability to create and manage content for promotion.</li>\n                <li>Experience in marketing, event planning, graphic design or content creation would be an added advantage.</li>\n               \n            </ol>\n    \n           </div>\n    </div>\n\n    <a\n        href=\"https://docs.google.com/forms/d/e/1FAIpQLSfWJUz41WziqAc7el5Tb4lj8fhAV8rUfz1qfW03fZQ4BnjVGg/viewform\"\n        target=\"_blank\"\n    class=\"mx-auto w-fit block font-semibold bg-primary-orange text-primary-purple rounded-[30px] py-3 px-[84px] mt-12 text-xl hover:scale-105 my-12\"\n  >\n    Apply Now\n  </a>\n  </section>\n\n  <section class=\"relative sm:mb-[40px] mb-[70px]\">\n    <img src=\"../../assets/footerBG.png\" class=\"w-full h-[380px] md:h-80 sm:h-full object-cover\"/>\n    <div\n      data-aos=\"zoom-in\"\n      class=\"absolute inset-0 flex flex-col items-center justify-center\"\n    >\n      <div class=\"title mb-2 !text-white text-center font-bold\">The Center for Applied Machine Learning and Data Science</div>\n      <div class=\"avenir text-base text-primary-orange sm:mb-7 text-center mb-4 max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] mx-auto\">To know more about Center for Applied Machine Learning and Data Science </div>\n      \n      <router-link to=\"/\"><div class=\"avenir cursor-pointer text-white sm:py-4 sm:px-8 py-3 px-4 w-fit bg-primary-orange rounded-lg hover:shadow-lg hover:scale-105\">Visit Us</div></router-link>\n      \n    </div>\n  </section>\n\n\n  <RegistrationForm v-if=\"showForm\" @close=\"showForm = false\" />\n  <FooterSection />\n  \n</template>\n\n<script setup lang=\"ts\">\nimport FooterSection from '../HomeView/FooterSection.vue';\nimport RegistrationForm from '../../components/ModalComp/CampusRegForm.vue';\nimport { ref } from 'vue';\n\nconst showForm = ref(false);\n</script>\n","import script from \"./CampusNetworkView.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./CampusNetworkView.vue?vue&type=script&setup=true&lang=ts\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M7.99974 1.83203C11.6822 1.83203 14.6674 4.81726 14.6674 8.49973C14.6674 12.1822 11.6822 15.1674 7.99974 15.1674C4.31726 15.1674 1.33203 12.1822 1.33203 8.49973C1.33203 4.81726 4.31726 1.83203 7.99974 1.83203ZM7.99974 2.83203C4.86954 2.83203 2.33203 5.36954 2.33203 8.49973C2.33203 11.6299 4.86954 14.1674 7.99974 14.1674C11.1299 14.1674 13.6674 11.6299 13.6674 8.49973C13.6674 5.36954 11.1299 2.83203 7.99974 2.83203ZM7.99727 7.49906C8.2504 7.49893 8.45974 7.68686 8.493 7.93093L8.4976 7.99873L8.5 11.6665C8.5002 11.9426 8.27647 12.1667 8.00034 12.1668C7.74721 12.167 7.53787 11.979 7.5046 11.735L7.5 11.6671L7.4976 7.9994C7.49747 7.72326 7.72114 7.49926 7.99727 7.49906ZM8 5.16724C8.36774 5.16724 8.6658 5.46532 8.6658 5.83302C8.6658 6.20071 8.36774 6.49879 8 6.49879C7.63234 6.49879 7.33427 6.20071 7.33427 5.83302C7.33427 5.46532 7.63234 5.16724 8 5.16724Z\" fill=\"#6B107C\"/>\n        </svg>\n        \n</template>","import { render } from \"./InfoIconComp.vue?vue&type=template&id=011abbc3\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg\n      width=\"6\"\n      height=\"6\"\n      viewBox=\"0 0 6 6\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1.36816 3.02734H3.87296\"\n        stroke=\"#222222\"\n        stroke-width=\"0.469649\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M2.62109 4.27921V1.77441\"\n        stroke=\"#222222\"\n        stroke-width=\"0.469649\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </template>\n  <script setup></script>\n  ","import { render } from \"./AddIconComp.vue?vue&type=template&id=1725ecf8\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"16\"\n    height=\"19\"\n    viewBox=\"0 0 16 19\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M7.9987 2.58317C12.3019 2.58317 15.7904 6.07162 15.7904 10.3748C15.7904 14.678 12.3019 18.1665 7.9987 18.1665C3.69548 18.1665 0.207031 14.678 0.207031 10.3748C0.207031 6.07162 3.69548 2.58317 7.9987 2.58317ZM7.9987 3.95817C4.45487 3.95817 1.58203 6.83101 1.58203 10.3748C1.58203 13.9187 4.45487 16.7915 7.9987 16.7915C11.5425 16.7915 14.4154 13.9187 14.4154 10.3748C14.4154 6.83101 11.5425 3.95817 7.9987 3.95817ZM7.9987 5.33317C8.34676 5.33317 8.63441 5.59181 8.67996 5.92738L8.6862 6.02067V10.1457C8.6862 10.5254 8.37838 10.8332 7.9987 10.8332C7.65064 10.8332 7.36299 10.5745 7.31743 10.239L7.3112 10.1457V6.02067C7.3112 5.64098 7.61901 5.33317 7.9987 5.33317ZM14.5503 2.6874L14.626 2.74226L15.6879 3.62609C15.9797 3.869 16.0193 4.30249 15.7765 4.59432C15.5538 4.86183 15.171 4.91745 14.884 4.73777L14.8082 4.68291L13.7464 3.79908C13.4545 3.55618 13.4149 3.12268 13.6577 2.83085C13.8805 2.56334 14.2633 2.50772 14.5503 2.6874ZM10.0612 0.291504C10.4409 0.291504 10.7487 0.599311 10.7487 0.979004C10.7487 1.32706 10.49 1.6147 10.1545 1.66022L10.0612 1.6665H5.9362C5.55651 1.6665 5.2487 1.3587 5.2487 0.979004C5.2487 0.630946 5.50733 0.343305 5.84291 0.297783L5.9362 0.291504H10.0612Z\"\n      fill=\"#6B107C\"\n    />\n  </svg>\n</template>\n<script setup></script>\n","import { render } from \"./TimeIconComp.vue?vue&type=template&id=3ba0bc35\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-6\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z\" />\n      </svg>\n      \n</template>","import { render } from \"./ListIconComp.vue?vue&type=template&id=6f59c65f\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<!-- InfoModal.vue -->\n<template>\n    <div v-if=\"isOpen\" class=\"fixed inset-0 flex items-center justify-center bg-gray-800 bg-opacity-50 z-50\">\n      <div class=\"bg-white p-6 rounded-lg shadow-xl max-w-sm w-full\">\n        <h2 class=\"font-bold text-lg mb-4\">Prerequisites</h2>\n        <p>{{ writeUp }}</p>\n        <div class=\"flex justify-end gap-2 mt-6 text-sm\">\n          <button @click=\"closeModal\" class=\"bg-gray-200 px-4 py-2 rounded-[99px] hover:bg-gray-300\">\n            Close\n          </button>\n          <button @click=\"closeModal\" class=\"bg-primary-orange text-primary-purple px-4 py-2 rounded-[99px] hover:bg-primary-orange\">\n            Ok\n          </button>\n        </div>\n      </div>\n    </div>\n  </template>\n  \n  <script setup>\n  import { ref } from 'vue';\n  \n  const props = defineProps({\n    isOpen: {\n      type: Boolean,\n      required: true,\n    },\n    writeUp:{\n        type:String,\n        required: true,\n    }\n  });\n  \n  const emit = defineEmits(['update:isOpen']);\n  \n  const closeModal = () => {\n    emit('update:isOpen', false);\n  };\n  </script>\n  \n  <style scoped>\n  /* Modal Styles (optional) */\n  </style>\n  ","import script from \"./InfoModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InfoModal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./InfoModal.vue?vue&type=style&index=0&id=b732be7c&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b732be7c\"]])\n\nexport default __exports__","<template>\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M1.55242 0.519963C1.25952 0.22707 0.784649 0.227069 0.491756 0.519963C0.198863 0.812856 0.198863 1.28773 0.491756 1.58062L4.91113 6L0.491756 10.4194C0.198863 10.7123 0.198863 11.1871 0.491756 11.48C0.784649 11.7729 1.25952 11.7729 1.55242 11.48L5.97179 7.06066L10.3913 11.4801C10.6841 11.773 11.159 11.773 11.4519 11.4801C11.7448 11.1872 11.7448 10.7124 11.4519 10.4195L7.03245 6L11.4519 1.58054C11.7448 1.28765 11.7448 0.812776 11.4519 0.519882C11.159 0.226989 10.6841 0.226989 10.3913 0.519882L5.97179 4.93934L1.55242 0.519963Z\"\n      fill=\"black\"\n    />\n  </svg>\n</template>\n<script setup></script>\n","import { render } from \"./TimesIconComp.vue?vue&type=template&id=39fc7bb0\"\nconst script = {}\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, normalizeClass as _normalizeClass, createBlock as _createBlock, createCommentVNode as _createCommentVNode, withModifiers as _withModifiers, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../assets/BOOTCAMP (6) 1.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-5678dd2c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"flex items-start justify-center min-h-screen bg-[#F7EFFF] lg:pb-12 pb-6 text-[#5B5B5B] overflow-none\" }\nconst _hoisted_2 = { class: \"flex lg:flex-row flex-col !justify-between gap-12 items-center lg:mt-[170px] mt-[110px] max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto lg:px-6 px-2\" }\nconst _hoisted_3 = { class: \"lg:w-[60%] w-full flex flex-col text-center lg:text-left\" }\nconst _hoisted_4 = { class: \"lg:text-[40px] text-[28px] uppercase exo font-extrabold text-black\" }\nconst _hoisted_5 = { class: \"content lg:w-[77%] w-full text-justify mt-2\" }\nconst _hoisted_6 = { class: \"ms:mt-20 mt-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 bg-white sm:w-[740px] w-full sm:rounded-2xl rounded-none sm:shadow-[0px_4px_2.6px_3px_rgba(41,45,50,0.20)] shaodow-none\" }\nconst _hoisted_7 = { class: \"relative mb-3 px-3 lg:mb-0 sm:p-6 sm:py-10 py-2 p-2 text-left\" }\nconst _hoisted_8 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h5\", { class: \"font-bold text-primary\" }, \" Beginner level\", -1))\nconst _hoisted_9 = { class: \"mb-0 font-normal dark:text-neutral-50 flex items-center gap-4\" }\nconst _hoisted_10 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"absolute right-0 top-0 hidden h-full min-h-[1em] w-px self-stretch border-t-0 bg-gradient-to-tr from-transparent via-neutral-500 to-transparent opacity-25 dark:via-neutral-400 lg:block\" }, null, -1))\nconst _hoisted_11 = { class: \"relative mb-3 px-3 lg:mb-0 sm:p-6 sm:py-10 py-2 p-2 text-left\" }\nconst _hoisted_12 = { class: \"font-bold text-primary flex items-center gap-4\" }\nconst _hoisted_13 = { class: \"font-normal\" }\nconst _hoisted_14 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h6\", { class: \"mb-0 font-normal dark:text-neutral-50\" }, \"Duration\", -1))\nconst _hoisted_15 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"absolute right-0 top-0 hidden h-full min-h-[1em] w-px self-stretch border-t-0 bg-gradient-to-tr from-transparent via-neutral-500 to-transparent opacity-25 dark:via-neutral-400 lg:block\" }, null, -1))\nconst _hoisted_16 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"relative mb-3 px-3 lg:mb-0 sm:p-6 sm:py-10 py-2 p-2 text-left\" }, [\n  /*#__PURE__*/_createElementVNode(\"h5\", { class: \"font-bold text-primary\" }, \"Hands-on-learning\"),\n  /*#__PURE__*/_createElementVNode(\"h6\", { class: \"mb-0 font-normal dark:text-neutral-50\" }, \"Expert-led skill mastery\")\n], -1))\nconst _hoisted_17 = { class: \"w-[337px] lg:w-[377px] bg-black rounded-t-lg h-[200px] lg:h-[170px] shadow-md\" }\nconst _hoisted_18 = [\"src\"]\nconst _hoisted_19 = { class: \"w-[337px] lg:w-[377px] bg-white rounded-b-lg p-4 shadow-md\" }\nconst _hoisted_20 = { class: \"w-full flex justify-between items-center\" }\nconst _hoisted_21 = { class: \"text-[36px] exo font-extrabold text-black\" }\nconst _hoisted_22 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"flex lg:justify-start justify-center\" }, [\n  /*#__PURE__*/_createElementVNode(\"img\", {\n    src: _imports_0,\n    alt: \"guarantee\",\n    class: \"w-[80px] h-[62px]\"\n  })\n], -1))\nconst _hoisted_23 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"font-black text-black\" }, \"Benefits:\", -1))\nconst _hoisted_24 = { class: \"pl-3 list-none\" }\nconst _hoisted_25 = { class: \"size-5 mt-1\" }\nconst _hoisted_26 = { class: \"text-left\" }\nconst _hoisted_27 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"lg:flex justify-center items-center hidden w-full -mt-10\" }, [\n  /*#__PURE__*/_createElementVNode(\"a\", {\n    href: \"#overview\",\n    class: \"sm:flex hidden border-2 rounded-full z-[1] h-14 w-14 justify-center items-center animate-bounce cursor-pointer\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"svg\", {\n      xmlns: \"http://www.w3.org/2000/svg\",\n      fill: \"none\",\n      viewBox: \"0 0 24 24\",\n      \"stroke-width\": \"1.5\",\n      stroke: \"currentColor\",\n      class: \"size-6\"\n    }, [\n      /*#__PURE__*/_createElementVNode(\"path\", {\n        \"stroke-linecap\": \"round\",\n        \"stroke-linejoin\": \"round\",\n        d: \"M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3\"\n      })\n    ])\n  ])\n], -1))\nconst _hoisted_28 = { class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto lg:px-6 px-2 mt-8\" }\nconst _hoisted_29 = {\n  class: \"w-full\",\n  id: \"overview\"\n}\nconst _hoisted_30 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"text-[#3a0444] text-[32px] font-bold title\" }, \" Learn step by step \", -1))\nconst _hoisted_31 = { class: \"flex-col flex lg:w-[60%] w-full xl:gap-y-[12px] gap-y-[28px] mt-8 mb-20\" }\nconst _hoisted_32 = { class: \"bg-white px-0 sm:px-[15px] xl:px-5\" }\nconst _hoisted_33 = [\"onClick\"]\nconst _hoisted_34 = { class: \"max-w-[80%] w-full\" }\nconst _hoisted_35 = {\n  key: 0,\n  class: \"min-h-[80px] pl-4 xl:min-h-[60px] border-b border-border-grey py-2 text-gray-500 bg-gray-50 text-base\"\n}\nconst _hoisted_36 = { class: \"list-disc pl-5 space-y-3\" }\nconst _hoisted_37 = [\"innerHTML\"]\nconst _hoisted_38 = { class: \"sm:w-[65%] w-full\" }\nconst _hoisted_39 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"text-[#3a0444] text-[32px] font-bold title\" }, \"Projects\", -1))\nconst _hoisted_40 = { class: \"flex items-center gap-4 my-10 flex-wrap\" }\nconst _hoisted_41 = [\"src\", \"alt\", \"onClick\"]\nconst _hoisted_42 = [\"onClick\"]\nconst _hoisted_43 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"svg\", {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 24 24\",\n  \"stroke-width\": \"1.5\",\n  stroke: \"gray\",\n  class: \"size-6\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\",\n    d: \"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\n  })\n], -1))\nconst _hoisted_44 = [\n  _hoisted_43\n]\nconst _hoisted_45 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"w-6 h-6\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 24 24\",\n  stroke: \"currentColor\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\",\n    \"stroke-width\": \"2\",\n    d: \"M6 18L18 6M6 6l12 12\"\n  })\n], -1))\nconst _hoisted_46 = [\n  _hoisted_45\n]\nconst _hoisted_47 = [\"src\", \"alt\"]\nconst _hoisted_48 = {\n  key: 0,\n  class: \"sm:w-[65%] w-full\"\n}\nconst _hoisted_49 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", { class: \"title font-semibold mb-4\" }, \"You may also like\", -1))\nconst _hoisted_50 = { class: \"w-full flex items-center gap-4 flex-wrap\" }\nconst _hoisted_51 = { class: \"w-full flex justify-start items-center gap-4 mb-6\" }\nconst _hoisted_52 = [\"src\", \"alt\"]\nconst _hoisted_53 = { class: \"text-xs\" }\nconst _hoisted_54 = { class: \"font-semibold\" }\nconst _hoisted_55 = { class: \"w-full text-left\" }\nconst _hoisted_56 = { class: \"text-[#4b4b4b] text-base font-semibold h-[70px]\" }\nconst _hoisted_57 = { class: \"w-full flex justify-between items-center mt-6\" }\nconst _hoisted_58 = [\"href\"]\nconst _hoisted_59 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-[10px] text-gray-500\" }, \"Duration\", -1))\nconst _hoisted_60 = { class: \"w-full my-8\" }\nconst _hoisted_61 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", { class: \"text-center text-[#581699] text-xl\" }, \"Enroll Now\", -1))\nconst _hoisted_62 = {\n  key: 1,\n  class: \"h-screen flex items-center justify-center w-full\"\n}\nconst _hoisted_63 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"loader animate-pulse sm:text-2xl text-lg\" }, null, -1))\nconst _hoisted_64 = [\n  _hoisted_63\n]\nconst _hoisted_65 = {\n  key: 2,\n  class: \"h-screen flex flex-col items-center justify-center w-full\"\n}\nconst _hoisted_66 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"\" }, \"Error Loading Course\", -1))\n\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport InfoIconComp from \"../../components/IconComp/InfoIconComp.vue\";\nimport AddIconComp from \"../../components/IconComp/AddIconComp.vue\";\nimport TimeIconComp from \"../../components/IconComp/TimeIconComp.vue\";\nimport ListIconComp from \"../../components/IconComp/ListIconComp.vue\";\nimport InfoModal from  \"../../components/ModalComp/InfoModal.vue\"\nimport TimesIconComp from \"../../components/IconComp/TimesIconComp.vue\";\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\nimport { useRoute } from \"vue-router\";\nimport { CourseApi } from \"@/services\";\nimport {watch} from 'vue'\n\n\ninterface MiniCourse {\n  title: string;\n  description: string;\n  image: string;\n  duration: string;\n  amount: string;\n  id: string;\n  hours: string;\n}\n\ntype Question = {\n  question: string;\n  answer: string[];\n};\n\ntype question = {\n  question: string;\n  answer: string;\n};\n\nconst scrollThreshold = 0.89;\n\n// Scroll event listener\ninterface Image {\n  name: string;\n  image: string;\n \n}\n\n// Image data\n// const images: Image[] = [\n//   {\n//     title: \"Project 1\",\n//     imageLink:\"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",},\n  \n//   {\n//     title: \"Project 2\",\n//     imageLink: \"https://res.cloudinary.com/dp0whcqar/image/upload/v1734016204/Frame_1171276769_orqfhx.png\",},\n  \n//   {\n//     title: \"Project 3\",\n//     imageLink:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",},\n   \n//   {\n//     title: \"Project 4\",\n//     imageLink:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",},\n   \n// ];\n\n// Modal state\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'MIniCourseDetail',\n  setup(__props) {\n\nconst route = useRoute();\nconst courseId = ref<any>(route.params.id);\nconst isLoading = ref<Boolean>(false);\nconst miniCourses = ref<MiniCourse[]>([])\n    const microCourses = ref();\n\nconst loadCourses = async (id:any) => {\n  isLoading.value=true\n  \n  try {\n    const response = await CourseApi.singleMicroCourse(id);\n    microCourses.value=response\n    // console.log(response)\n    isLoading.value=false\n  } catch (error) {\n    isLoading.value=false\n    console.error('Failed to fetch micro course:', error);\n  }\n}\n\n\nconst reloadCourses = async () => {\n  await loadCourses(route.params.id);\n};\n\nwatch(() =>route.params.id, async() => {\n  await loadCourses(route.params.id);\n  getAllMiniCourses(route.params.id);\n});\n\nfunction extractListItems(htmlString: string): string[] {\n    // Create a temporary DOM element to parse the HTML string\n    const tempDiv = document.createElement('div');\n    tempDiv.innerHTML = htmlString;\n\n    // Select all li elements and map their text content into an array\n    const listItems: string[] = Array.from(tempDiv.querySelectorAll('li')).map(\n        (li: HTMLLIElement) => li.textContent?.trim() || ''\n    );\n\n    return listItems;\n}\n\n\n\n\n// Fetch courses\nconst getAllMiniCourses = async (id:any) => {\n  if(courseId){\n  try {\n    const response = await CourseApi.allMicroCourses() as any; // Ensure courseId is a string\n      miniCourses.value = response.filter((item: any) => {\n        // Make sure item.id is a string too for correct comparison\n        return (item.id) !== id;\n      });\n  } catch (error) {\n    console.error('Error fetching mini courses:', error);\n  }}\n};\n\n// Fetch on mounted\nonMounted(() => {\n  getAllMiniCourses(route.params.id);\n});\n\nfunction extractQuestionsFromHTML(html: string): Question[] {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(html, \"text/html\");\n  const ulElements = doc.querySelectorAll(\"ul > li\");\n\n  const questions: Question[] = Array.from(ulElements).map((liElement) => {\n    const question = liElement.firstChild?.textContent?.trim() || \"No question provided\";\n    const nestedUl = liElement.querySelector(\"ul\");\n\n    const answer: string[] = [];\n    if (nestedUl) {\n      const nestedLi = nestedUl.querySelectorAll(\"li\");\n      nestedLi.forEach((li) => {\n        answer.push(li.outerHTML.trim());\n      });\n    }\n\n    return { question, answer };\n  });\n\n  return questions.filter((q) => q.question !== \"No question provided\" && q.answer.length > 0);\n}\n\n// State to control the modal visibility\nconst isInfoModalOpen = ref(false);\n\n// Method to open the modal\nconst openInfoModal = () => {\n  isInfoModalOpen.value = true;\n};\n\nconst currentQuestion = ref<number>();\nconst currentQuestionOpen = ref<boolean>(false);\n\n\n\nconst handleDropDown = (index: number) => {\n  if (index == currentQuestion.value) {\n    currentQuestionOpen.value = !currentQuestionOpen.value;\n  } else {\n    currentQuestion.value = index;\n    currentQuestionOpen.value = true;\n  }\n};\n\nconst isFixed = ref(true);\nonMounted(() => {\n    loadCourses(route.params.id)\n  AOS.init({\n    duration: 2000,\n  });\n});\n// Threshold for removing fixed position (90% scroll)\nconst handleScroll = () => {\n  const scrollPosition = window.scrollY;\n  const windowHeight = window.innerHeight;\n  const documentHeight = document.body.clientHeight;\n\n  // Calculate scroll percentage\n  const scrollPercentage = (scrollPosition + windowHeight) / documentHeight;\n\n  // Get the position of the footer\n  const footer = document.querySelector(\"footer\");\n  const footerPosition = footer ? footer.offsetTop : documentHeight;\n\n  // Check if the fixed card should remain fixed or not\n  if (scrollPosition + windowHeight >= footerPosition) {\n    // If we're near the footer, unfix the card\n    isFixed.value = false;\n  } else {\n    // Otherwise, keep it fixed\n    isFixed.value = scrollPercentage < scrollThreshold;\n  }\n};\n\n// Attach scroll listener when component is mounted\nonMounted(() => {\n  window.addEventListener(\"scroll\", handleScroll);\n});\n\n// Remove scroll listener when component is unmounted\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n});\n\n// Define types for the images\nconst isModalOpen = ref(false);\nconst currentImage = ref<Image | null>(null);\n\n// Open modal with selected image\nfunction openModal(image: Image): void {\n  currentImage.value = image;\n  isModalOpen.value = true;\n}\n\n// Close modal\nfunction closeModal(): void {\n  isModalOpen.value = false;\n  currentImage.value = null;\n}\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(Navbar),\n    (!isLoading.value && microCourses.value)\n      ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(microCourses.value, (course, index) => {\n          return (_openBlock(), _createElementBlock(\"div\", { key: index }, [\n            _createElementVNode(\"div\", _hoisted_1, [\n              _createElementVNode(\"div\", _hoisted_2, [\n                _createElementVNode(\"div\", _hoisted_3, [\n                  _createElementVNode(\"h1\", _hoisted_4, _toDisplayString(course.title), 1),\n                  _createElementVNode(\"div\", _hoisted_5, _toDisplayString(course.description), 1),\n                  _createElementVNode(\"div\", _hoisted_6, [\n                    _createElementVNode(\"div\", _hoisted_7, [\n                      _hoisted_8,\n                      _createElementVNode(\"h6\", _hoisted_9, [\n                        _createTextVNode(\"Prerequisites \"),\n                        _createElementVNode(\"span\", {\n                          class: \"cursor-pointer\",\n                          onClick: openInfoModal\n                        }, [\n                          _createVNode(InfoIconComp)\n                        ])\n                      ]),\n                      _hoisted_10\n                    ]),\n                    _createElementVNode(\"div\", _hoisted_11, [\n                      _createElementVNode(\"h5\", _hoisted_12, [\n                        _createTextVNode(_toDisplayString(course.duration) + \" day\" + _toDisplayString(course.duration>1?'s':'') + \" \", 1),\n                        _createElementVNode(\"span\", _hoisted_13, \"(\" + _toDisplayString(course.hours) + \" hour\" + _toDisplayString(course.hours>1?'s':'') + \" \" + _toDisplayString(course.duration>1?'daily':'') + \")\", 1),\n                        _createTextVNode(),\n                        _createElementVNode(\"span\", null, [\n                          _createVNode(TimeIconComp)\n                        ])\n                      ]),\n                      _hoisted_14,\n                      _hoisted_15\n                    ]),\n                    _hoisted_16,\n                    _createVNode(InfoModal, {\n                      isOpen: isInfoModalOpen.value,\n                      \"onUpdate:isOpen\": _cache[0] || (_cache[0] = ($event: any) => (isInfoModalOpen.value = $event)),\n                      writeUp: course.prerequisites\n                    }, null, 8, [\"isOpen\", \"writeUp\"])\n                  ])\n                ]),\n                _createElementVNode(\"div\", {\n                  class: _normalizeClass([\"lg:w-1/2 w-full right-0 flex flex-col items-center justify-end\", { 'lg:fixed lg:top-[140px] right-0': isFixed.value }]),\n                  \"data-aos\": \"flip-left\",\n                  \"data-aos-easing\": \"ease-out-cubic\",\n                  \"data-aos-duration\": \"2000\"\n                }, [\n                  _createElementVNode(\"div\", _hoisted_17, [\n                    _createElementVNode(\"img\", {\n                      src: course.image,\n                      alt: \"course\",\n                      class: \"object-cover rounded-t-lg size-full\"\n                    }, null, 8, _hoisted_18)\n                  ]),\n                  _createElementVNode(\"div\", _hoisted_19, [\n                    _createElementVNode(\"div\", _hoisted_20, [\n                      _createElementVNode(\"div\", _hoisted_21, \"₦\" + _toDisplayString(course.amount), 1),\n                      _hoisted_22\n                    ]),\n                    _hoisted_23,\n                    _createElementVNode(\"ul\", _hoisted_24, [\n                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(extractListItems(course.benefits), (benefit, index) => {\n                        return (_openBlock(), _createElementBlock(\"li\", {\n                          key: index,\n                          class: \"checkmark-item\"\n                        }, [\n                          _createElementVNode(\"span\", _hoisted_25, [\n                            _createVNode(ListIconComp)\n                          ]),\n                          _createElementVNode(\"span\", _hoisted_26, _toDisplayString(benefit.trim()), 1)\n                        ]))\n                      }), 128))\n                    ]),\n                    _createVNode(_component_router_link, {\n                      to: { path: '/enroll', query: { key: course.title} },\n                      class: \"py-2 block px-20 w-full bg-primary-orange text-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\"\n                    }, {\n                      default: _withCtx(() => [\n                        _createTextVNode(\" Enroll Now \")\n                      ]),\n                      _: 2\n                    }, 1032, [\"to\"])\n                  ])\n                ], 2)\n              ])\n            ]),\n            _hoisted_27,\n            _createElementVNode(\"div\", _hoisted_28, [\n              _createElementVNode(\"div\", _hoisted_29, [\n                _hoisted_30,\n                _createElementVNode(\"div\", _hoisted_31, [\n                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(extractQuestionsFromHTML(course.what_you_will_learn), (item, i) => {\n                    return (_openBlock(), _createElementBlock(\"section\", null, [\n                      _createElementVNode(\"div\", _hoisted_32, [\n                        _createElementVNode(\"div\", {\n                          onClick: ($event: any) => (handleDropDown(i)),\n                          class: \"flex border-b border-border-grey cursor-pointer text-text-black xl:text-xl justify-between items-center min-h-[44px] xl:min-h-[60px] w-full\"\n                        }, [\n                          _createElementVNode(\"h1\", _hoisted_34, _toDisplayString(item.question), 1),\n                          (currentQuestionOpen.value && currentQuestion.value === i)\n                            ? (_openBlock(), _createBlock(TimesIconComp, {\n                                key: 0,\n                                class: \"size-2.5\"\n                              }))\n                            : (_openBlock(), _createBlock(AddIconComp, {\n                                key: 1,\n                                class: \"w-[14px] h-[14px] xl:w-[24px] xl:h-[24px]\"\n                              }))\n                        ], 8, _hoisted_33),\n                        (currentQuestionOpen.value && currentQuestion.value === i)\n                          ? (_openBlock(), _createElementBlock(\"div\", _hoisted_35, [\n                              _createElementVNode(\"ul\", _hoisted_36, [\n                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(item.answer, (subItem, j) => {\n                                  return (_openBlock(), _createElementBlock(\"li\", {\n                                    key: j,\n                                    innerHTML: subItem\n                                  }, null, 8, _hoisted_37))\n                                }), 128))\n                              ])\n                            ]))\n                          : _createCommentVNode(\"\", true)\n                      ])\n                    ]))\n                  }), 256))\n                ])\n              ]),\n              _createElementVNode(\"div\", _hoisted_38, [\n                _hoisted_39,\n                _createElementVNode(\"div\", _hoisted_40, [\n                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(course.projects, (image, index) => {\n                    return (_openBlock(), _createElementBlock(\"div\", {\n                      key: index,\n                      class: \"relative w-[140px] sm:h-[150px] h-[100px] group rounded-xl shadow\"\n                    }, [\n                      _createElementVNode(\"img\", {\n                        src: image.image,\n                        alt: image.name,\n                        class: \"w-full h-full object-cover cursor-pointer transition-transform duration-300 rounded-xl ease-in-out transform group-hover:scale-105\",\n                        onClick: ($event: any) => (openModal(image))\n                      }, null, 8, _hoisted_41),\n                      _createElementVNode(\"div\", {\n                        onClick: ($event: any) => (openModal(image)),\n                        class: \"absolute bottom-4 right-4 opacity-0 cursor-pointer group-hover:opacity-100 bg-gray-300 p-2 rounded-full transition-opacity duration-300\"\n                      }, _hoisted_44, 8, _hoisted_42)\n                    ]))\n                  }), 128)),\n                  (isModalOpen.value)\n                    ? (_openBlock(), _createElementBlock(\"div\", {\n                        key: 0,\n                        class: \"fixed inset-0 bg-black bg-opacity-75 flex justify-center items-center z-50\",\n                        onClick: closeModal\n                      }, [\n                        _createElementVNode(\"div\", {\n                          class: \"relative\",\n                          onClick: _cache[1] || (_cache[1] = _withModifiers(() => {}, [\"stop\"]))\n                        }, [\n                          _createElementVNode(\"button\", {\n                            class: \"absolute top-4 right-4 bg-white text-black rounded-full p-2 shadow-lg hover:bg-gray-200 transition\",\n                            onClick: closeModal\n                          }, _hoisted_46),\n                          _createElementVNode(\"img\", {\n                            src: currentImage.value?.image,\n                            alt: currentImage.value?.name,\n                            class: \"max-w-full max-h-screen object-contain\"\n                          }, null, 8, _hoisted_47)\n                        ])\n                      ]))\n                    : _createCommentVNode(\"\", true)\n                ])\n              ]),\n              (miniCourses.value.length > 0)\n                ? (_openBlock(), _createElementBlock(\"div\", _hoisted_48, [\n                    _hoisted_49,\n                    _createElementVNode(\"div\", _hoisted_50, [\n                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(miniCourses.value.slice(0, 4), (course, index) => {\n                        return (_openBlock(), _createElementBlock(\"div\", {\n                          key: index,\n                          class: \"w-[272px] border hover:scale-105 p-6 bg-white rounded-[18px] shadow-lg flex flex-col items-start justify-center my-6\"\n                        }, [\n                          _createElementVNode(\"div\", _hoisted_51, [\n                            _createElementVNode(\"img\", {\n                              class: \"w-14 h-14 object-cover rounded-full border\",\n                              src: course.image,\n                              alt: course.title\n                            }, null, 8, _hoisted_52),\n                            _createElementVNode(\"div\", _hoisted_53, _toDisplayString(course.duration) + \" Day\" + _toDisplayString(+(course.duration)>1?'s':'') + \" Course\", 1),\n                            _createElementVNode(\"div\", _hoisted_54, \"₦\" + _toDisplayString(course.amount), 1)\n                          ]),\n                          _createElementVNode(\"div\", _hoisted_55, [\n                            _createElementVNode(\"h3\", _hoisted_56, _toDisplayString(course.title), 1),\n                            _createElementVNode(\"div\", _hoisted_57, [\n                              _createElementVNode(\"a\", {\n                                href: `/minicourse/${course.id}`,\n                                class: \"w-[123px] h-10 flex justify-center items-center rounded-[48px] border border-[#6b107c] text-center text-[#6b107c] text-sm\"\n                              }, \" View Details \", 8, _hoisted_58),\n                              _createElementVNode(\"div\", null, [\n                                _hoisted_59,\n                                _createElementVNode(\"div\", null, _toDisplayString(course.hours) + \" hour\" + _toDisplayString(course.hours=='1'?'':'s'), 1)\n                              ])\n                            ])\n                          ])\n                        ]))\n                      }), 128))\n                    ])\n                  ]))\n                : _createCommentVNode(\"\", true),\n              _createElementVNode(\"div\", _hoisted_60, [\n                _createVNode(_component_router_link, {\n                  to: { path: '/enroll', query: { key: course.title} },\n                  class: \"px-8 py-4 bg-[#feae49] rounded-[50px] flex justify-center items-center gap-2.5 w-fit\"\n                }, {\n                  default: _withCtx(() => [\n                    _hoisted_61\n                  ]),\n                  _: 2\n                }, 1032, [\"to\"])\n              ])\n            ])\n          ]))\n        }), 128))\n      : _createCommentVNode(\"\", true),\n    (isLoading.value && !microCourses.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_62, _hoisted_64))\n      : _createCommentVNode(\"\", true),\n    (!isLoading.value && !microCourses.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_65, [\n          _hoisted_66,\n          _createElementVNode(\"button\", {\n            onClick: reloadCourses,\n            class: \"py-3 block px-20 w-fit text-white bg-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\"\n          }, \" Try Again \")\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createVNode(FooterSection)\n  ], 64))\n}\n}\n\n})","<template>\n  <Navbar />\n\n  <div v-if=\"!isLoading && microCourses\" v-for=\"(course, index) in microCourses\" :key=\"index\" >\n  <div\n    class=\"flex items-start justify-center min-h-screen bg-[#F7EFFF] lg:pb-12 pb-6 text-[#5B5B5B] overflow-none\"\n  >\n    <div\n      class=\"flex lg:flex-row flex-col !justify-between gap-12 items-center lg:mt-[170px] mt-[110px] max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto lg:px-6 px-2\"\n    >\n      <div class=\"lg:w-[60%] w-full flex flex-col text-center lg:text-left\">\n        <h1\n          class=\"lg:text-[40px] text-[28px] uppercase exo font-extrabold text-black\"\n        >\n          {{course.title}}\n        </h1>\n        <div class=\"content lg:w-[77%] w-full text-justify mt-2\">\n         {{ course.description }}\n        </div>\n\n        <!-- <div class=\"mt-8 avenir\">2 Sessions Money-back guarantee</div> -->\n        <!-- <div class=\"mt-6 flex lg:justify-start justify-center\">\n              <img src=\"https://res.cloudinary.com/dp0whcqar/image/upload/v1734016204/Frame_1171276769_orqfhx.png\" alt=\"IACU\" class=\"w-[150px] h-[62px]\" />\n            </div> -->\n\n\n        <div class=\"ms:mt-20 mt-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3  bg-white sm:w-[740px] w-full sm:rounded-2xl rounded-none sm:shadow-[0px_4px_2.6px_3px_rgba(41,45,50,0.20)] shaodow-none\">\n            <div class=\"relative mb-3 px-3 lg:mb-0 sm:p-6 sm:py-10 py-2 p-2 text-left\">\n              \n              <h5 class=\"font-bold text-primary\"> Beginner level</h5>\n              <h6 class=\"mb-0 font-normal dark:text-neutral-50 flex items-center gap-4\">Prerequisites  <span class=\"cursor-pointer\" @click=\"openInfoModal\"><InfoIconComp /></span></h6>\n              <div\n                class=\"absolute right-0 top-0 hidden h-full min-h-[1em] w-px self-stretch border-t-0 bg-gradient-to-tr from-transparent via-neutral-500 to-transparent opacity-25 dark:via-neutral-400 lg:block\"></div>\n            </div>\n            <div class=\"relative mb-3 px-3 lg:mb-0 sm:p-6 sm:py-10 py-2 p-2 text-left\">\n              \n              <h5 class=\"font-bold text-primary flex items-center gap-4\">  {{ course.duration }} day{{course.duration>1?'s':''}} <span class=\"font-normal\">({{course.hours}} hour{{course.hours>1?'s':''}} {{course.duration>1?'daily':''}})</span> <span><TimeIconComp /></span></h5>\n              <h6 class=\"mb-0 font-normal dark:text-neutral-50\">Duration</h6>\n              <div\n                class=\"absolute right-0 top-0 hidden h-full min-h-[1em] w-px self-stretch border-t-0 bg-gradient-to-tr from-transparent via-neutral-500 to-transparent opacity-25 dark:via-neutral-400 lg:block\"></div>\n            </div>\n            <div class=\"relative mb-3 px-3 lg:mb-0 sm:p-6 sm:py-10 py-2 p-2 text-left\">\n              \n              <h5 class=\"font-bold text-primary\">Hands-on-learning</h5>\n              <h6 class=\"mb-0 font-normal dark:text-neutral-50\">Expert-led skill mastery</h6>\n                 </div>\n           \n                  <!-- Info Modal -->\n          <InfoModal :isOpen=\"isInfoModalOpen\" @update:isOpen=\"isInfoModalOpen = $event\" :writeUp=\"course.prerequisites\" />\n          </div>\n\n        </div>\n       \n\n      <!-- Course Details Section -->\n      <div\n        class=\"lg:w-1/2 w-full right-0 flex flex-col items-center justify-end\"\n        :class=\"{ 'lg:fixed lg:top-[140px] right-0': isFixed }\"\n        data-aos=\"flip-left\"\n        data-aos-easing=\"ease-out-cubic\"\n        data-aos-duration=\"2000\"\n      >\n        <div\n          class=\"w-[337px] lg:w-[377px] bg-black rounded-t-lg h-[200px] lg:h-[170px] shadow-md\"\n        >\n          <img\n            :src=\"course.image\"\n            alt=\"course\"\n            class=\"object-cover rounded-t-lg size-full\"\n          />\n        </div>\n        <div class=\"w-[337px] lg:w-[377px] bg-white rounded-b-lg p-4 shadow-md\">\n          <div class=\"w-full flex justify-between items-center\">\n            <div class=\"text-[36px] exo font-extrabold text-black\">₦{{course.amount}}</div>\n            <div class=\"flex lg:justify-start justify-center\">\n              <img\n                src=\"../../assets/BOOTCAMP (6) 1.png\"\n                alt=\"guarantee\"\n                class=\"w-[80px] h-[62px]\"\n              />\n            </div>\n          </div>\n          <h2 class=\"font-black text-black\">Benefits:</h2>\n          <ul class=\"pl-3 list-none\">\n            <li v-for=\"(benefit,index) in extractListItems(course.benefits)\" :key=\"index\" class=\"checkmark-item\">\n              <span class=\"size-5 mt-1\"><ListIconComp /></span>\n               <span class=\"text-left\">{{ benefit.trim() }}</span>\n              </li>\n             \n          </ul>\n          <router-link\n          :to=\"{ path: '/enroll', query: { key: course.title} }\"\n            class=\"py-2 block px-20 w-full bg-primary-orange text-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\"\n          >\n            Enroll Now\n          </router-link>\n          <!-- <div class=\"mt-4 avenir text-center text-gray-400 text-sm\">\n            2 Sessions Money-back guarantee\n          </div> -->\n        </div>\n      </div>\n    </div>\n    \n  </div>\n  <div class=\"lg:flex justify-center items-center hidden w-full -mt-10\">\n    <a\n      href=\"#overview\"\n      class=\"sm:flex hidden border-2 rounded-full z-[1] h-14 w-14 justify-center items-center animate-bounce cursor-pointer\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke-width=\"1.5\"\n        stroke=\"currentColor\"\n        class=\"size-6\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3\"\n        />\n      </svg>\n    </a>\n  </div>\n\n  <div\n    class=\" max-w-[95vw] sm:max-w-[754px] xl:max-w-[1280px] !w-full !mx-auto lg:px-6 px-2 mt-8\"\n  >\n    <!-- Learn step by step Section (Checklist) -->\n    <div class=\"w-full\" id=\"overview\">\n      <h2 class=\" text-[#3a0444] text-[32px] font-bold title\">\n        Learn step by step\n      </h2>\n      \n      <div class=\"flex-col flex lg:w-[60%] w-full xl:gap-y-[12px] gap-y-[28px] mt-8 mb-20\">\n        <section v-for=\"(item, i) in extractQuestionsFromHTML(course.what_you_will_learn)\">\n          <div class=\"bg-white px-0 sm:px-[15px] xl:px-5\">\n            <div\n              @click=\"handleDropDown(i)\"\n              class=\"flex border-b border-border-grey cursor-pointer text-text-black xl:text-xl justify-between items-center min-h-[44px] xl:min-h-[60px] w-full\"\n            >\n              <h1 class=\"max-w-[80%] w-full\">{{ item.question }}</h1>\n              <TimesIconComp\n                class=\"size-2.5\"\n                v-if=\"currentQuestionOpen && currentQuestion === i\"\n              />\n              <AddIconComp v-else class=\"w-[14px] h-[14px] xl:w-[24px] xl:h-[24px]\" />\n            </div>\n            <div\n              v-if=\"currentQuestionOpen && currentQuestion === i\"\n              class=\"min-h-[80px] pl-4 xl:min-h-[60px] border-b border-border-grey py-2 text-gray-500 bg-gray-50 text-base \"\n            >\n\n              <!-- create a ul tag -->\n              <ul class=\"list-disc pl-5 space-y-3\">\n                <li v-for=\"(subItem, j) in item.answer\" :key=\"j\"  v-html=\"subItem\"></li>\n              </ul>\n            \n            </div>\n          </div>\n        </section>\n      </div>\n    </div>\n\n    <!-- Projects Section -->\n    <div class=\"sm:w-[65%] w-full\">\n        <h2 class=\"text-[#3a0444] text-[32px] font-bold title\">Projects</h2>\n        <div class=\"flex items-center gap-4 my-10 flex-wrap\">\n          <!-- Gallery images -->\n          <div\n            v-for=\"(image, index) in course.projects\"\n            :key=\"index\"\n            class=\"relative w-[140px] sm:h-[150px] h-[100px] group rounded-xl shadow\"\n          >\n            <img\n              :src=\"image.image\"\n              :alt=\"image.name\"\n              class=\"w-full h-full object-cover cursor-pointer transition-transform duration-300 rounded-xl ease-in-out transform group-hover:scale-105\"\n              @click=\"openModal(image)\"\n            />\n    \n            <!-- Icon to indicate image can be enlarged -->\n            <div\n            @click=\"openModal(image)\"\n              class=\"absolute bottom-4 right-4 opacity-0 cursor-pointer group-hover:opacity-100 bg-gray-300 p-2 rounded-full transition-opacity duration-300\"\n            >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"gray\" class=\"size-6\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\" />\n              </svg>\n              \n            </div>\n          </div>\n    \n          <!-- Modal -->\n          <div\n            v-if=\"isModalOpen\"\n            class=\"fixed inset-0 bg-black bg-opacity-75 flex justify-center items-center z-50\"\n            @click=\"closeModal\"\n          >\n            <div class=\"relative\" @click.stop>\n              <!-- Close Button -->\n              <button\n                class=\"absolute top-4 right-4 bg-white text-black rounded-full p-2 shadow-lg hover:bg-gray-200 transition\"\n                @click=\"closeModal\"\n              >\n                <svg\n                  class=\"w-6 h-6\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n    \n              <!-- Image -->\n              <img\n                :src=\"currentImage?.image\"\n                :alt=\"currentImage?.name\"\n                class=\"max-w-full max-h-screen object-contain\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Suggestion -->\n      <div class=\"sm:w-[65%] w-full\" v-if=\"miniCourses.length > 0\">\n        <h2 class=\"title font-semibold mb-4\">You may also like</h2>\n        <!-- <div class=\"space-y-4\">\n          <div \n            v-for=\"course in miniCourses.slice(0, 4)\" \n            :key=\"course?.id\" \n            class=\"bg-gray-100 p-4 rounded-lg shadow-sm hover:shadow-md border cursor-pointer\"\n          >\n            <router-link :to=\"`/minicourse/${course?.id}`\">\n              <h3 class=\"text-lg font-medium text-gray-900\">{{ course?.title }}</h3>\n            </router-link>\n          </div>\n        </div> -->\n<div class=\"w-full flex items-center gap-4 flex-wrap \">\n        <div\n        v-for=\"(course, index) in miniCourses.slice(0, 4)\"\n        :key=\"index\"\n        class=\"w-[272px] border hover:scale-105 p-6 bg-white rounded-[18px] shadow-lg flex flex-col items-start justify-center my-6\"\n      >\n        <div class=\"w-full flex justify-start items-center gap-4 mb-6\">\n          <img\n            class=\"w-14 h-14 object-cover rounded-full border\"\n            :src=\"course.image\"\n            :alt=\"course.title\"\n          />\n          <div class=\"text-xs\">{{ course.duration }} Day{{ +(course.duration)>1?'s':'' }} Course</div>\n          <div class=\"font-semibold\">₦{{ course.amount }}</div>\n        </div>\n        <div class=\"w-full text-left\">\n          <h3 class=\"text-[#4b4b4b] text-base font-semibold h-[70px]\">{{ course.title }}</h3>\n\n          <div class=\"w-full flex justify-between items-center mt-6\">\n            <a\n              :href=\"`/minicourse/${course.id}`\"\n              class=\"w-[123px] h-10 flex justify-center items-center rounded-[48px] border border-[#6b107c] text-center text-[#6b107c] text-sm\"\n            >\n              View Details\n            </a>\n            <div>\n              <div class=\"text-[10px] text-gray-500\">Duration</div>\n              <div>{{ course.hours }} hour{{ course.hours=='1'?'':'s' }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      </div>\n      </div>\n      <!-- <div class=\"flex flex-col space-y-4 md:space-y-0 md:space-x-6 md:flex-row sm:w-[65%] w-full\">\n\t\t\t\t<img src=\"https://source.unsplash.com/75x75/?portrait\" alt=\"\" class=\"self-center flex-shrink-0 w-24 h-24 border rounded-full md:justify-self-start dark:bg-gray-500 dark:border-gray-300\">\n\t\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t\t<h4 class=\"text-lg font-semibold\">Leroy Jenkins</h4>\n\t\t\t\t\t<p class=\"dark:text-gray-600\">Sed non nibh iaculis, posuere diam vitae, consectetur neque. Integer velit ligula, semper sed nisl in, cursus commodo elit. Pellentesque sit amet mi luctus ligula euismod lobortis ultricies et nibh.</p>\n\t\t\t\t</div>\n\t\t\t</div>     -->\n  \n  \n  \n  \n      <!-- Enroll Now Button -->\n    <div class=\"w-full my-8\">\n      <router-link\n      :to=\"{ path: '/enroll', query: { key: course.title} }\"\n        class=\"px-8 py-4 bg-[#feae49] rounded-[50px] flex justify-center items-center gap-2.5 w-fit\"\n      >\n        <span class=\"text-center text-[#581699] text-xl\">Enroll Now</span>\n    </router-link>\n    </div>\n  </div>\n  </div>\n  <div v-if=\"isLoading && !microCourses\" class=\"h-screen flex items-center justify-center w-full\">\n    \n    <div class=\"loader animate-pulse sm:text-2xl text-lg\"></div> \n\n</div>\n\n<div v-if=\"!isLoading && !microCourses\" class=\"h-screen flex flex-col items-center justify-center w-full\">\n\n    <div class=\"\">Error Loading Course</div> \n    <button @click=\"reloadCourses\" class=\"py-3 block px-20 w-fit text-white bg-primary-purple text-base lg:text-xl mt-4 rounded-[50px] font-extrabold hover:shadow-lg hover:scale-105 text-center\">\n      Try Again\n    </button>\n\n</div>\n\n  <FooterSection />\n</template>\n<script setup lang=\"ts\">\nimport Navbar from \"../HomeView/Navbar.vue\";\nimport FooterSection from \"../HomeView/FooterSection.vue\";\nimport InfoIconComp from \"../../components/IconComp/InfoIconComp.vue\";\nimport AddIconComp from \"../../components/IconComp/AddIconComp.vue\";\nimport TimeIconComp from \"../../components/IconComp/TimeIconComp.vue\";\nimport ListIconComp from \"../../components/IconComp/ListIconComp.vue\";\nimport InfoModal from  \"../../components/ModalComp/InfoModal.vue\"\nimport TimesIconComp from \"../../components/IconComp/TimesIconComp.vue\";\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\nimport { useRoute } from \"vue-router\";\nimport { CourseApi } from \"@/services\";\nimport {watch} from 'vue'\n\n\ninterface MiniCourse {\n  title: string;\n  description: string;\n  image: string;\n  duration: string;\n  amount: string;\n  id: string;\n  hours: string;\n}\n\nconst route = useRoute();\nconst courseId = ref<any>(route.params.id);\nconst isLoading = ref<Boolean>(false);\nconst miniCourses = ref<MiniCourse[]>([])\n    const microCourses = ref();\n\nconst loadCourses = async (id:any) => {\n  isLoading.value=true\n  \n  try {\n    const response = await CourseApi.singleMicroCourse(id);\n    microCourses.value=response\n    // console.log(response)\n    isLoading.value=false\n  } catch (error) {\n    isLoading.value=false\n    console.error('Failed to fetch micro course:', error);\n  }\n}\n\n\nconst reloadCourses = async () => {\n  await loadCourses(route.params.id);\n};\n\nwatch(() =>route.params.id, async() => {\n  await loadCourses(route.params.id);\n  getAllMiniCourses(route.params.id);\n});\n\nfunction extractListItems(htmlString: string): string[] {\n    // Create a temporary DOM element to parse the HTML string\n    const tempDiv = document.createElement('div');\n    tempDiv.innerHTML = htmlString;\n\n    // Select all li elements and map their text content into an array\n    const listItems: string[] = Array.from(tempDiv.querySelectorAll('li')).map(\n        (li: HTMLLIElement) => li.textContent?.trim() || ''\n    );\n\n    return listItems;\n}\n\n\n\n\n// Fetch courses\nconst getAllMiniCourses = async (id:any) => {\n  if(courseId){\n  try {\n    const response = await CourseApi.allMicroCourses() as any; // Ensure courseId is a string\n      miniCourses.value = response.filter((item: any) => {\n        // Make sure item.id is a string too for correct comparison\n        return (item.id) !== id;\n      });\n  } catch (error) {\n    console.error('Error fetching mini courses:', error);\n  }}\n};\n\n// Fetch on mounted\nonMounted(() => {\n  getAllMiniCourses(route.params.id);\n});\n\ntype Question = {\n  question: string;\n  answer: string[];\n};\n\nfunction extractQuestionsFromHTML(html: string): Question[] {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(html, \"text/html\");\n  const ulElements = doc.querySelectorAll(\"ul > li\");\n\n  const questions: Question[] = Array.from(ulElements).map((liElement) => {\n    const question = liElement.firstChild?.textContent?.trim() || \"No question provided\";\n    const nestedUl = liElement.querySelector(\"ul\");\n\n    const answer: string[] = [];\n    if (nestedUl) {\n      const nestedLi = nestedUl.querySelectorAll(\"li\");\n      nestedLi.forEach((li) => {\n        answer.push(li.outerHTML.trim());\n      });\n    }\n\n    return { question, answer };\n  });\n\n  return questions.filter((q) => q.question !== \"No question provided\" && q.answer.length > 0);\n}\n\n// State to control the modal visibility\nconst isInfoModalOpen = ref(false);\n\n// Method to open the modal\nconst openInfoModal = () => {\n  isInfoModalOpen.value = true;\n};\n\ntype question = {\n  question: string;\n  answer: string;\n};\n\nconst currentQuestion = ref<number>();\nconst currentQuestionOpen = ref<boolean>(false);\n\n\n\nconst handleDropDown = (index: number) => {\n  if (index == currentQuestion.value) {\n    currentQuestionOpen.value = !currentQuestionOpen.value;\n  } else {\n    currentQuestion.value = index;\n    currentQuestionOpen.value = true;\n  }\n};\n\nconst isFixed = ref(true);\nonMounted(() => {\n    loadCourses(route.params.id)\n  AOS.init({\n    duration: 2000,\n  });\n});\n// Threshold for removing fixed position (90% scroll)\nconst scrollThreshold = 0.89;\n\n// Scroll event listener\nconst handleScroll = () => {\n  const scrollPosition = window.scrollY;\n  const windowHeight = window.innerHeight;\n  const documentHeight = document.body.clientHeight;\n\n  // Calculate scroll percentage\n  const scrollPercentage = (scrollPosition + windowHeight) / documentHeight;\n\n  // Get the position of the footer\n  const footer = document.querySelector(\"footer\");\n  const footerPosition = footer ? footer.offsetTop : documentHeight;\n\n  // Check if the fixed card should remain fixed or not\n  if (scrollPosition + windowHeight >= footerPosition) {\n    // If we're near the footer, unfix the card\n    isFixed.value = false;\n  } else {\n    // Otherwise, keep it fixed\n    isFixed.value = scrollPercentage < scrollThreshold;\n  }\n};\n\n// Attach scroll listener when component is mounted\nonMounted(() => {\n  window.addEventListener(\"scroll\", handleScroll);\n});\n\n// Remove scroll listener when component is unmounted\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n});\n\n// Define types for the images\ninterface Image {\n  name: string;\n  image: string;\n \n}\n\n// Image data\n// const images: Image[] = [\n//   {\n//     title: \"Project 1\",\n//     imageLink:\"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",},\n  \n//   {\n//     title: \"Project 2\",\n//     imageLink: \"https://res.cloudinary.com/dp0whcqar/image/upload/v1734016204/Frame_1171276769_orqfhx.png\",},\n  \n//   {\n//     title: \"Project 3\",\n//     imageLink:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",},\n   \n//   {\n//     title: \"Project 4\",\n//     imageLink:\n//       \"https://res.cloudinary.com/dp0whcqar/image/upload/v1719312746/2_xyfsqx.png\",},\n   \n// ];\n\n// Modal state\nconst isModalOpen = ref(false);\nconst currentImage = ref<Image | null>(null);\n\n// Open modal with selected image\nfunction openModal(image: Image): void {\n  currentImage.value = image;\n  isModalOpen.value = true;\n}\n\n// Close modal\nfunction closeModal(): void {\n  isModalOpen.value = false;\n  currentImage.value = null;\n}\n</script>\n<style scoped>\n\n.loader {\n  width: 60px;\n  aspect-ratio: 1;\n  display: flex;\n  animation: l8-0 2s infinite sptes(1);\n}\n.loader::before,\n.loader::after {\n  content: \"\";\n  flex: 1;\n  animation: \n    l8-1 1s infinite linear alternate,\n    l8-2 2s infinite steps(1) -.5s;\n}\n.loader::after {\n  --s:-1,-1;\n}\n@keyframes l8-0 {\n  0%  {transform: scaleX(1)  rotate(0deg)}\n  50% {transform: scaleX(-1) rotate(-90deg)}\n}\n@keyframes l8-1 {\n  0%,\n  5%   {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateY(0deg) }\n  33%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(0deg) }\n  66%  {transform:scale(var(--s,1)) translate(-10px) perspective(150px) rotateX(-180deg)}\n  95%,\n  100% {transform:scale(var(--s,1)) translate(0px)   perspective(150px) rotateX(-180deg)}\n}\n@keyframes l8-2 {\n  0%  {background:#FEAE49}\n  50% {background:#581699}\n}\n\n\n\n</style>\n","import script from \"./MIniCourseDetail.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./MIniCourseDetail.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./MIniCourseDetail.vue?vue&type=style&index=0&id=5678dd2c&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5678dd2c\"]])\n\nexport default __exports__","import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'\nimport HomeView from '@/views/HomeView/HomeView.vue'\nimport BecomeAnInstructor from '@/views/BecomeAnInstructorView/BecomeAnInstructor.vue'\nimport CourseDetail from '@/views/CourseDetailView/CourseDetail.vue'\nimport Course from '@/views/CourseView/Course.vue'\nimport EnrollNow from '@/views/EnrollNow/EnrollNow.vue'\nimport BlogView from '@/views/BlogView/BlogView.vue'\nimport SingleBlogPost from '@/views/BlogView/SingleBlogPost.vue'\nimport ContactView from '@/views/ContactView/ContactView.vue'\nimport CampusNetworkView from '@/views/CampusNetwork/CampusNetworkView.vue'\nimport MIniCourseDetail from '@/views/MiniCourseDetail/MIniCourseDetail.vue'\n\nconst routes: Array<RouteRecordRaw> = [\n  {\n    path: '/',\n    name: 'Home',\n    component: HomeView\n  },\n  {\n    path: \"/course\",\n    name: \"course\",\n    component: Course,\n  },\n  {\n    path: \"/course/:id/\",\n    name: \"courseDetail\",\n    component: CourseDetail,\n  },\n  {\n    path: \"/minicourse/:id/\",\n    name: \"miniCourse\",\n    component: MIniCourseDetail,\n  },\n  {\n    path: '/become-an-instructor',\n    name: 'Become An Instructor',\n    component: BecomeAnInstructor\n  },\n  {\n    path: '/enroll',\n    name: 'Enroll',\n    component: EnrollNow\n  },\n  {\n    path: '/contact',\n    name: 'Contact',\n    component: ContactView\n  },\n  {\n    path: '/campus/leads',\n    name: 'Campus Network Lead',\n    component: CampusNetworkView\n  },\n  {\n    path: '/blog',\n    name: 'Blog',\n    component: BlogView\n  },\n  {\n    path: \"/blog/post/:post_id/\",\n    name: \"SingleBlogPost\",\n    component: SingleBlogPost\n  },\n  {\n    path: \"/verify\",\n    name: \"Verify\",\n    component: () => import(\"@/views/Verify/Verify.vue\"),\n  },\n  {\n      path: '/university-affiliations',\n      name: 'University Affiliations',\n      component: () => import('@/views/UniversityAffiliationsView/UniversityAffiliationsView.vue')\n  },\n  {\n    path: \"/:catchAll(.*)\",\n    name: \"NotFound\",\n    component: () => import(\"@/views/NotFound/NotFound.vue\"),\n  },\n]\n\nconst router = createRouter({\n  history: createWebHistory(process.env.BASE_URL),\n  routes,\n  scrollBehavior() {\n    return { top: 0 };\n  },\n});\n\nrouter.beforeEach((to, from, next) => {\n  // Set the document title dynamically\n  const baseName = 'CAMLDS -';\n  const title = to.meta.title || to.name || 'CAMLDS';\n  \n  document.title = `${baseName} ${title}`;\n  \n  next();\n});\n\nexport default router\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport './registerServiceWorker'\nimport router from './router'\nimport './main.css'\nimport VueTypewriterEffect from \"vue-typewriter-effect\";\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport '@fortawesome/fontawesome-free/css/all.css';\nimport PrimeVue from 'primevue/config';\nimport 'primevue/resources/themes/saga-blue/theme.css';      \nimport 'primevue/resources/primevue.min.css';                 \nimport 'primeicons/primeicons.css';  \nimport Vue3Marquee from 'vue3-marquee'\nimport { createHead } from '@vueuse/head'\n\n\nconst app = createApp(App);\nconst head = createHead()\napp.use(router);\napp.component(\"vue-typewriter-effect\", VueTypewriterEffect)\napp.use(PrimeVue);\napp.use(Vue3Marquee);\napp.use(head)\napp.mount('#app')\nAOS.init();\n\n","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-4453c128\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h5\", {\n  class: \"text-lg font-semibold exo\",\n  id: \"exampleModalToggleLabel\"\n}, \"Contact Us\", -1))\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"w-6 h-6\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  viewBox: \"0 0 24 24\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\",\n    \"stroke-width\": \"2\",\n    d: \"M6 18L18 6M6 6l12 12\"\n  })\n], -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"p-4\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"mb-6\" }, [\n    /*#__PURE__*/_createElementVNode(\"h3\", { class: \"text-lg font-semibold mb-3 exo\" }, \"Call and Enquiry\"),\n    /*#__PURE__*/_createElementVNode(\"div\", { class: \"mb-4\" }, [\n      /*#__PURE__*/_createElementVNode(\"p\", { class: \"mb-0\" }, [\n        /*#__PURE__*/_createElementVNode(\"a\", {\n          href: \"#\",\n          class: \"text-primary ms-0 h4\"\n        }, \"We\"),\n        /*#__PURE__*/_createTextVNode(\" provide free consultation related to the subject matter after the course. Please email your queries to \"),\n        /*#__PURE__*/_createElementVNode(\"mark\", null, \"enquiry@camlds.org\"),\n        /*#__PURE__*/_createTextVNode(\" or send us a WhatsApp message on \"),\n        /*#__PURE__*/_createElementVNode(\"mark\", null, \"+234808-894-3064\"),\n        /*#__PURE__*/_createTextVNode(\" and we will forward your queries to the subject matter experts and get back to you asap. \")\n      ])\n    ])\n  ]),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"mb-6\" }, [\n    /*#__PURE__*/_createElementVNode(\"h3\", { class: \"text-lg font-semibold mb-3 exo\" }, \"Support\"),\n    /*#__PURE__*/_createElementVNode(\"div\", { class: \"mb-4\" }, [\n      /*#__PURE__*/_createElementVNode(\"p\", { class: \"mb-0\" }, [\n        /*#__PURE__*/_createElementVNode(\"a\", {\n          href: \"#\",\n          class: \"text-primary ms-0 h4\"\n        }, \"You\"),\n        /*#__PURE__*/_createTextVNode(\" can cancel or re-schedule the course due to unforeseen circumstances. If the course is cancelled, we will \"),\n        /*#__PURE__*/_createElementVNode(\"code\", null, \"refund 100%\"),\n        /*#__PURE__*/_createTextVNode(\" to participants. \")\n      ]),\n      /*#__PURE__*/_createElementVNode(\"p\", null, [\n        /*#__PURE__*/_createElementVNode(\"mark\", null, \"Note\"),\n        /*#__PURE__*/_createTextVNode(\" that the minimal number of participants to start a class is 3. \")\n      ])\n    ])\n  ])\n], -1))\n\nimport { ref } from 'vue';\n  \n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'Contact',\n  setup(__props) {\n\nconst isVisible = ref(true);\n  const closeModal = () => {\n    isVisible.value = false;\n  };\n  \nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n    default: _withCtx(() => [\n      (isVisible.value)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            onClick: _withModifiers(closeModal, [\"self\"]),\n            class: \"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50\"\n          }, [\n            _createElementVNode(\"div\", { class: \"bg-white rounded-lg shadow-lg w-full max-w-3xl mx-auto px-4\" }, [\n              _createElementVNode(\"div\", { class: \"flex items-center justify-between p-4 border-b\" }, [\n                _hoisted_1,\n                _createElementVNode(\"button\", {\n                  type: \"button\",\n                  class: \"text-gray-500 hover:text-gray-700\",\n                  onClick: closeModal\n                }, _hoisted_3)\n              ]),\n              _hoisted_4,\n              _createElementVNode(\"div\", { class: \"flex justify-end p-4 border-t\" }, [\n                _createElementVNode(\"button\", {\n                  class: \"bg-primary-purple text-white px-4 py-2 rounded hover:bg-purple-950\",\n                  onClick: closeModal\n                }, \"OK\")\n              ])\n            ])\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _: 1\n  }))\n}\n}\n\n})","<template>\n    <transition name=\"fade\">\n            <div @click.self=\"closeModal\" v-if=\"isVisible\" class=\"fixed inset-0 bg-black bg-opacity-50  flex items-center justify-center z-50\">\n              <div class=\"bg-white rounded-lg shadow-lg w-full max-w-3xl mx-auto px-4\">\n                <div class=\"flex items-center justify-between p-4 border-b\">\n                  <h5 class=\"text-lg font-semibold exo\" id=\"exampleModalToggleLabel\">Contact Us</h5>\n                  <button type=\"button\" class=\"text-gray-500 hover:text-gray-700\" @click=\"closeModal\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n                    </svg>\n                  </button>\n                </div>\n                <div class=\"p-4\">\n                  <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold mb-3 exo\">Call and Enquiry</h3>\n                    <div class=\"mb-4\">\n                      <p class=\"mb-0\">\n                        <a href=\"#\" class=\"text-primary ms-0 h4\">We</a>\n                        provide free consultation related to the subject matter after the course.\n                        Please email your queries to <mark>enquiry@camlds.org</mark> or send us a WhatsApp message on <mark>+234808-894-3064</mark> and we will forward\n                        your queries to the subject matter experts and get back to you asap.\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold mb-3 exo\">Support</h3>\n                    <div class=\"mb-4\">\n                      <p class=\"mb-0\">\n                        <a href=\"#\" class=\"text-primary ms-0 h4\">You</a> can cancel or re-schedule the course due to unforeseen circumstances.\n                        If the course is cancelled, we will <code>refund 100%</code> to participants.\n                      </p>\n                      <p>\n                        <mark>Note</mark> that the minimal number of participants to start a class is 3.\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"flex justify-end p-4 border-t\">\n                  <button class=\"bg-primary-purple text-white px-4 py-2 rounded hover:bg-purple-950\" @click=\"closeModal\">OK</button>\n                </div>\n              </div>\n            </div>         \n      </transition>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\n  \n  const isVisible = ref(true);\n  const closeModal = () => {\n    isVisible.value = false;\n  };\n  </script>\n  \n  <style scoped>\n  .fade-enter-active, .fade-leave-active {\n    transition: opacity 0.5s;\n  }\n  .fade-enter, .fade-leave-to {\n    opacity: 0;\n  }\n  </style>\n","import script from \"./Contact.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./Contact.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./Contact.vue?vue&type=style&index=0&id=4453c128&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4453c128\"]])\n\nexport default __exports__","<template>\n\n    <transition name=\"fade\">\n      <div v-if=\"isVisible\" \n      @click.self=\"closeModal\"\n      class=\"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50\">\n        <div class=\"bg-white rounded-lg shadow-lg w-full max-w-5xl sm:mx-auto mx-3\">\n          <div class=\"flex justify-end p-4\">\n            <button type=\"button\" class=\"text-gray-500 hover:text-gray-700\" @click=\"closeModal\">\n              <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n              </svg>\n            </button>\n          </div>\n            <div class=\"p-4\">\n              <iframe src=\"https://trinket.io/embed/python3/cc705e7e1b\" width=\"100%\" height=\"356\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" allowfullscreen></iframe>\n            </div>\n          </div>\n      </div>\n    </transition>\n  </template>\n  \n  <script setup>\n  import { ref } from 'vue';\n  \n  const isVisible = ref(true);\n  const closeModal = () => {\n    isVisible.value = false;\n  };\n  </script>\n  \n  <style scoped>\n  .fade-enter-active, .fade-leave-active {\n    transition: opacity 0.5s;\n  }\n  .fade-enter, .fade-leave-to {\n    opacity: 0;\n  }\n  </style>\n  \n\n\n","import script from \"./LiveCode.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LiveCode.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LiveCode.vue?vue&type=style&index=0&id=de8d85d2&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-de8d85d2\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, unref as _unref, createTextVNode as _createTextVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives, createStaticVNode as _createStaticVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../assets/camlds-logo.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-b720d78a\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"bg-[#f5f6f6]\" }\nconst _hoisted_2 = { class: \"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full mx-auto sm:pt-20 pt-8\" }\nconst _hoisted_3 = { class: \"flex flex-col lg:flex-row justify-between items-start sm:items-start md:gap-20 gap-4 text-[#737373]\" }\nconst _hoisted_4 = { class: \"mb-10 sm:mb-0\" }\nconst _hoisted_5 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"img\", {\n  src: _imports_0,\n  alt: \"logo\",\n  class: \"sm:w-40 w-20\"\n}, null, -1))\nconst _hoisted_6 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"w-full sm:w-[296px] mb-7 text-justify mt-8\" }, \" (CAMLDS) envisions to build high-quality, culturally relevant and world-class Applied Machine Learning and Data Science learning experiences for every child and young person to positively impact lives through applied knowledge, research and project-based digitally transformed ecosystems. \", -1))\nconst _hoisted_7 = { class: \"flex flex-wrap justify-start items-start sm:space-x-20 space-x-2\" }\nconst _hoisted_8 = { class: \"flex flex-col justify-start items-start text-left sm:items-left sm:w-auto w-full\" }\nconst _hoisted_9 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-[#06094E] text-2xl font-bold mb-[34px] exo\" }, \" Company \", -1))\nconst _hoisted_10 = { class: \"mb-3 sm:mb-7\" }\nconst _hoisted_11 = [\"href\"]\nconst _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"mb-3 sm:mb-7\" }, [\n  /*#__PURE__*/_createElementVNode(\"a\", { href: \"#projects\" }, \"Projects\")\n], -1))\nconst _hoisted_13 = { class: \"mb-3 sm:mb-7\" }\nconst _hoisted_14 = { class: \"mb-3 sm:mb-7\" }\nconst _hoisted_15 = { class: \"flex flex-col justify-start items-start sm:items-left sm:w-auto w-full\" }\nconst _hoisted_16 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"text-[#06094E] text-2xl font-bold mb-[34px] exo\" }, \" Support \", -1))\nconst _hoisted_17 = { class: \"mb-3 sm:mb-7 cursor-pointer\" }\nconst _hoisted_18 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"mb-3 sm:mb-7\" }, [\n  /*#__PURE__*/_createElementVNode(\"a\", {\n    href: \"https://docs.google.com/forms/d/e/1FAIpQLSexV2kd6QcV5UJRa-44jsLmPDl5Jx06FF27UXyHJSB7iHL5Vg/viewform\",\n    target: \"_blank\"\n  }, \"Become Volunteer\")\n], -1))\nconst _hoisted_19 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"flex flex-col justify-start items-start sm:items-left sm:w-auto w-full\\\" data-v-b720d78a><div class=\\\"text-[#06094E] text-2xl font-bold mb-[34px] exo\\\" data-v-b720d78a> Get in touch </div><div class=\\\"mb-3 sm:mb-7\\\" data-v-b720d78a>West Africa</div><div class=\\\"mb-3 sm:mb-7\\\" data-v-b720d78a> Email: <span class=\\\"font-bold\\\" data-v-b720d78a>support@camlds.com</span></div><div class=\\\"mb-3 sm:mb-7\\\" data-v-b720d78a> Phone: <span class=\\\"font-bold\\\" data-v-b720d78a>+234808-894-3064</span></div></div>\", 1)\nconst _hoisted_20 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"hr\", null, null, -1))\nconst _hoisted_21 = { class: \"flex justify-center items-center md:gap-24 gap-6 mt-2\" }\nconst _hoisted_22 = { class: \"py-7 exo text-center\" }\nconst _hoisted_23 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"flex items-center gap-4\\\" data-v-b720d78a><a class=\\\"hover:scale-105\\\" href=\\\"https://www.linkedin.com/company/camlds/\\\" target=\\\"_blank\\\" data-v-b720d78a><i class=\\\"pi pi-linkedin\\\" data-v-b720d78a></i></a><a class=\\\"hover:scale-105\\\" href=\\\"https://www.instagram.com/camlds_/\\\" target=\\\"_blank\\\" data-v-b720d78a><i class=\\\"pi pi-instagram\\\" data-v-b720d78a></i></a><a class=\\\"hover:scale-105\\\" href=\\\"https://web.facebook.com/camlds.org/\\\" target=\\\"_blank\\\" data-v-b720d78a><i class=\\\"fa-brands fa-facebook-f\\\" data-v-b720d78a></i></a></div>\", 1)\nconst _hoisted_24 = { class: \"fixed bottom-4 right-4 flex justify-start items-center gap-2 font-normal text-sm z-50 hover:scale-105\" }\nconst _hoisted_25 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"h-14 w-14 rounded-full flex justify-center items-center bg-green-500\" }, [\n  /*#__PURE__*/_createElementVNode(\"a\", {\n    href: \"https://wa.link/7d8mwb\",\n    target: \"_blank\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"i\", {\n      class: \"pi pi-whatsapp mt-1\",\n      style: {\"color\":\"white\",\"font-size\":\"2rem\"}\n    })\n  ])\n], -1))\nconst _hoisted_26 = [\n  _hoisted_25\n]\n\nimport Contact from \"@/components/ModalComp/Contact.vue\";\nimport LiveCode from \"../../components/ModalComp/LiveCode.vue\";\nimport { ref } from \"vue\";\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'FooterSection',\n  setup(__props) {\n\nconst showModal = ref(false);\nconst showLiveCode = ref(false);\nconst scrollVisible = ref(true);\n\nconst $router = window.location.origin;\n\nconst scrollToTop = () => {\n  window.scrollTo({\n    top: 0,\n    behavior: \"smooth\",\n  });\n};\n\nconst currentYear = new Date().getFullYear();\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"section\", _hoisted_1, [\n      _createElementVNode(\"div\", _hoisted_2, [\n        _createElementVNode(\"div\", _hoisted_3, [\n          _createElementVNode(\"div\", _hoisted_4, [\n            _createVNode(_component_router_link, { to: \"/\" }, {\n              default: _withCtx(() => [\n                _hoisted_5\n              ]),\n              _: 1\n            }),\n            _hoisted_6\n          ]),\n          _createElementVNode(\"div\", _hoisted_7, [\n            _createElementVNode(\"div\", _hoisted_8, [\n              _hoisted_9,\n              _createElementVNode(\"div\", _hoisted_10, [\n                _createElementVNode(\"a\", {\n                  href: `${_unref($router)}/#about`\n                }, \"About\", 8, _hoisted_11)\n              ]),\n              _hoisted_12,\n              _createElementVNode(\"div\", _hoisted_13, [\n                _createVNode(_component_router_link, {\n                  to: \"/blog\",\n                  class: \"\"\n                }, {\n                  default: _withCtx(() => [\n                    _createTextVNode(\"Blog\")\n                  ]),\n                  _: 1\n                })\n              ]),\n              _createElementVNode(\"div\", _hoisted_14, [\n                _createVNode(_component_router_link, {\n                  to: \"/campus/leads\",\n                  class: \"\"\n                }, {\n                  default: _withCtx(() => [\n                    _createTextVNode(\"Campus Network\")\n                  ]),\n                  _: 1\n                })\n              ])\n            ]),\n            _createElementVNode(\"div\", _hoisted_15, [\n              _hoisted_16,\n              _createElementVNode(\"div\", _hoisted_17, [\n                _createVNode(_component_router_link, {\n                  to: \"/contact\",\n                  class: \"\"\n                }, {\n                  default: _withCtx(() => [\n                    _createTextVNode(\"Contact\")\n                  ]),\n                  _: 1\n                })\n              ]),\n              _hoisted_18,\n              _createElementVNode(\"div\", {\n                onClick: _cache[0] || (_cache[0] = ($event: any) => (showLiveCode.value = !showLiveCode.value)),\n                class: \"mb-3 sm:mb-7 cursor-pointer\"\n              }, \" Live Code Practice \")\n            ]),\n            _hoisted_19\n          ])\n        ]),\n        _hoisted_20,\n        _createElementVNode(\"div\", _hoisted_21, [\n          _createElementVNode(\"div\", _hoisted_22, \" © \" + _toDisplayString(_unref(currentYear)) + \" CAMLDS, Inc. All Rights Reserved \", 1),\n          _hoisted_23\n        ])\n      ])\n    ]),\n    (showModal.value)\n      ? (_openBlock(), _createBlock(Contact, { key: 0 }))\n      : _createCommentVNode(\"\", true),\n    (showLiveCode.value)\n      ? (_openBlock(), _createBlock(LiveCode, { key: 1 }))\n      : _createCommentVNode(\"\", true),\n    _withDirectives(_createElementVNode(\"button\", _hoisted_24, _hoisted_26, 512), [\n      [_vShow, scrollVisible.value]\n    ])\n  ], 64))\n}\n}\n\n})","<template>\n  <section class=\"bg-[#f5f6f6]\">\n    <div\n      class=\"max-w-[95vw] sm:max-w-[754px] xl:max-w-[1240px] w-full mx-auto sm:pt-20 pt-8\"\n    >\n      <div\n        class=\"flex flex-col lg:flex-row justify-between items-start sm:items-start md:gap-20 gap-4 text-[#737373]\"\n      >\n        <div class=\"mb-10 sm:mb-0\">\n          <router-link to=\"/\">\n            <img\n              src=\"../../assets/camlds-logo.png\"\n              alt=\"logo\"\n              class=\"sm:w-40 w-20\"\n            />\n          </router-link>\n          <div class=\"w-full sm:w-[296px] mb-7 text-justify mt-8\">\n            (CAMLDS) envisions to build high-quality, culturally relevant and\n            world-class Applied Machine Learning and Data Science learning\n            experiences for every child and young person to positively impact\n            lives through applied knowledge, research and project-based\n            digitally transformed ecosystems.\n          </div>\n        </div>\n\n        <div\n          class=\"flex flex-wrap justify-start items-start sm:space-x-20 space-x-2\"\n        >\n          <div\n            class=\"flex flex-col justify-start items-start text-left sm:items-left sm:w-auto w-full\"\n          >\n            <div class=\"text-[#06094E] text-2xl font-bold mb-[34px] exo\">\n              Company\n            </div>\n            <div class=\"mb-3 sm:mb-7\"><a :href=\"`${$router}/#about`\" >About</a></div>\n            <div class=\"mb-3 sm:mb-7\"><a href=\"#projects\">Projects</a></div>\n            <div class=\"mb-3 sm:mb-7\"><router-link to=\"/blog\" class=\"\">Blog</router-link></div>\n            <div class=\"mb-3 sm:mb-7\"><router-link to=\"/campus/leads\" class=\"\">Campus Network</router-link></div>\n          </div>\n\n          <div\n            class=\"flex flex-col justify-start items-start sm:items-left sm:w-auto w-full\"\n          >\n            <div class=\"text-[#06094E] text-2xl font-bold mb-[34px] exo\">\n              Support\n            </div>\n            <div\n              class=\"mb-3 sm:mb-7 cursor-pointer\"\n            >\n            <router-link to=\"/contact\" class=\"\">Contact</router-link>\n            </div>\n            <div class=\"mb-3 sm:mb-7\">\n              <a\n                href=\"https://docs.google.com/forms/d/e/1FAIpQLSexV2kd6QcV5UJRa-44jsLmPDl5Jx06FF27UXyHJSB7iHL5Vg/viewform\"\n                target=\"_blank\"\n                >Become Volunteer</a\n              >\n            </div>\n            <div\n              @click=\"showLiveCode = !showLiveCode\"\n              class=\"mb-3 sm:mb-7 cursor-pointer\"\n            >\n              Live Code Practice\n            </div>\n          </div>\n\n          <div\n            class=\"flex flex-col justify-start items-start sm:items-left sm:w-auto w-full\"\n          >\n            <div class=\"text-[#06094E] text-2xl font-bold mb-[34px] exo\">\n              Get in touch\n            </div>\n            <div class=\"mb-3 sm:mb-7\">West Africa</div>\n            <div class=\"mb-3 sm:mb-7\">\n              Email: <span class=\"font-bold\">support@camlds.com</span>\n            </div>\n            <div class=\"mb-3 sm:mb-7\">\n              Phone: <span class=\"font-bold\">+234808-894-3064</span>\n            </div>\n            <!-- <div class=\"mb-3 sm:mb-7 font-extrabold\" >\n            <span class=\"font-bold flex items-center gap-3\"><a href=\"https://wa.link/7d8mwb\" target=\"_blank\" class=\"underline\"><i class=\"pi pi-whatsapp\" style=\"color:green;font-size: 2rem;\"></i> +234808-894-3064</a></span>\n            </div> -->\n          </div>\n        </div>\n      </div>\n\n      <hr />\n      <div class=\"flex justify-center items-center md:gap-24 gap-6 mt-2\">\n        <div class=\"py-7 exo text-center\">\n          &copy; {{ currentYear }} CAMLDS, Inc. All Rights Reserved\n        </div>\n\n        <div class=\"flex items-center gap-4\">\n          <a\n            class=\"hover:scale-105\"\n            href=\"https://www.linkedin.com/company/camlds/\"\n            target=\"_blank\"\n          >\n            <i class=\"pi pi-linkedin\"></i>\n          </a>\n\n          <a\n            class=\"hover:scale-105\"\n            href=\"https://www.instagram.com/camlds_/\"\n            target=\"_blank\"\n          >\n            <i class=\"pi pi-instagram\"></i>\n          </a>\n          <a\n            class=\"hover:scale-105\"\n            href=\"https://web.facebook.com/camlds.org/\"\n            target=\"_blank\"\n          >\n          <i class=\"fa-brands fa-facebook-f\"></i>\n          </a>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <Contact v-if=\"showModal\" />\n  <LiveCode v-if=\"showLiveCode\" />\n  <button v-show=\"scrollVisible\" class=\"fixed bottom-4 right-4 flex justify-start items-center gap-2 font-normal text-sm z-50 hover:scale-105\">\n    <div class=\"h-14 w-14 rounded-full flex justify-center items-center bg-green-500\">\n      <a href=\"https://wa.link/7d8mwb\" target=\"_blank\"><i class=\"pi pi-whatsapp mt-1 \" style=\"color:white;font-size: 2rem;\"></i></a>\n    </div>\n    </button>\n</template>\n\n<script setup lang=\"ts\">\nimport Contact from \"@/components/ModalComp/Contact.vue\";\nimport LiveCode from \"../../components/ModalComp/LiveCode.vue\";\nimport { ref } from \"vue\";\n\nconst showModal = ref(false);\nconst showLiveCode = ref(false);\nconst scrollVisible = ref(true);\n\nconst $router = window.location.origin;\n\nconst scrollToTop = () => {\n  window.scrollTo({\n    top: 0,\n    behavior: \"smooth\",\n  });\n};\n\nconst currentYear = new Date().getFullYear();\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import script from \"./FooterSection.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./FooterSection.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./FooterSection.vue?vue&type=style&index=0&id=b720d78a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b720d78a\"]])\n\nexport default __exports__","import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nimport _imports_0 from '../../assets/camlds-logo.png'\n\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-e0772d2a\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"h-[32px] flex items-center justify-center exo bg-[#6F38A5] text-white font-[800] sm:text-base text-sm !z-40\" }, [\n  /*#__PURE__*/_createElementVNode(\"span\", null, [\n    /*#__PURE__*/_createTextVNode(\"Centre for \"),\n    /*#__PURE__*/_createElementVNode(\"span\", { class: \"text-primary-orange\" }, \"Applied\"),\n    /*#__PURE__*/_createTextVNode(\" Machine Learning and Data Science\")\n  ])\n], -1))\nconst _hoisted_2 = { class: \"!fixed !top-5 z-50 bg-white h-[48px] lg:h-[66px] sm:max-w-[604px] max-w-[367px] lg:max-w-[972px] w-full border-primary-purple border rounded-[100px] mx-auto shadow-lg px-[26px] inset-0 sm:px-[52px] mt-8 flex justify-between items-center\" }\nconst _hoisted_3 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"img\", {\n  src: _imports_0,\n  alt: \"logo\",\n  class: \"sm:w-40 w-20\"\n}, null, -1))\nconst _hoisted_4 = {\n  id: \"nav\",\n  class: \"hidden lg:flex justify-between items-center xl:space-x-[24px] text-primary-purple space-x-6 text-base font-[500] cursor-pointer\"\n}\nconst _hoisted_5 = [\"href\"]\nconst _hoisted_6 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", { class: \"fas fa-bars text-2xl\" }, null, -1))\nconst _hoisted_7 = [\n  _hoisted_6\n]\nconst _hoisted_8 = {\n  key: 0,\n  class: \"fixed inset-0 bg-white flex flex-col items-center text-center justify-center z-40\"\n}\nconst _hoisted_9 = { class: \"flex flex-col space-y-8 text-base font-[500px] cursor-pointer hover:text-primary-purple\" }\nconst _hoisted_10 = [\"href\"]\n\nimport Contact from '@/components/ModalComp/Contact.vue';\nimport {ref} from 'vue'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'Navbar',\n  setup(__props) {\n\nconst $router = window.location.origin;\n\nconst showModal = ref(false);\nconst isMenuOpen = ref(false);\n\nconst toggleMenu = () => {\n  isMenuOpen.value = !isMenuOpen.value;\n};\n\nconst closeMenu = () => {\n  isMenuOpen.value = false;\n};\n\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _hoisted_1,\n    _createElementVNode(\"nav\", _hoisted_2, [\n      _createElementVNode(\"div\", null, [\n        _createVNode(_component_router_link, { to: \"/\" }, {\n          default: _withCtx(() => [\n            _hoisted_3\n          ]),\n          _: 1\n        })\n      ]),\n      _createElementVNode(\"div\", _hoisted_4, [\n        _createElementVNode(\"a\", {\n          href: `${_unref($router)}/#about`,\n          class: \"nav-link\"\n        }, \"About\", 8, _hoisted_5),\n        _createVNode(_component_router_link, {\n          to: \"/blog\",\n          class: \"nav-link\"\n        }, {\n          default: _withCtx(() => [\n            _createTextVNode(\"Blog\")\n          ]),\n          _: 1\n        }),\n        _createVNode(_component_router_link, {\n          to: \"/course\",\n          class: \"nav-link\"\n        }, {\n          default: _withCtx(() => [\n            _createTextVNode(\"Courses\")\n          ]),\n          _: 1\n        }),\n        _createVNode(_component_router_link, {\n          to: \"/contact\",\n          class: \"nav-link\"\n        }, {\n          default: _withCtx(() => [\n            _createTextVNode(\"Contact\")\n          ]),\n          _: 1\n        })\n      ]),\n      _createVNode(_component_router_link, {\n        to: \"/enroll\",\n        class: \"hidden lg:block border border-primary-border rounded-[50px] font-semibold py-2 px-4 text-primary-purple hover:bg-primary-pink cursor-pointer\"\n      }, {\n        default: _withCtx(() => [\n          _createTextVNode(\" Book a Seat \")\n        ]),\n        _: 1\n      }),\n      _createElementVNode(\"div\", { class: \"lg:hidden\" }, [\n        _createElementVNode(\"button\", {\n          onClick: toggleMenu,\n          class: \"focus:outline-none\"\n        }, _hoisted_7)\n      ]),\n      (isMenuOpen.value)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_8, [\n            _createElementVNode(\"button\", {\n              onClick: closeMenu,\n              class: \"absolute top-4 right-4 text-3xl\"\n            }, \" × \"),\n            _createElementVNode(\"div\", _hoisted_9, [\n              _createElementVNode(\"a\", {\n                onClick: closeMenu,\n                href: `${_unref($router)}/#about`,\n                class: \"nav-link\"\n              }, \"About\", 8, _hoisted_10),\n              _createVNode(_component_router_link, {\n                to: \"/blog\",\n                class: \"\"\n              }, {\n                default: _withCtx(() => [\n                  _createTextVNode(\"Blog\")\n                ]),\n                _: 1\n              }),\n              _createVNode(_component_router_link, {\n                to: \"/course\",\n                class: \"\"\n              }, {\n                default: _withCtx(() => [\n                  _createTextVNode(\"Courses\")\n                ]),\n                _: 1\n              }),\n              _createVNode(_component_router_link, {\n                to: \"/contact\",\n                class: \"\"\n              }, {\n                default: _withCtx(() => [\n                  _createTextVNode(\"Contact\")\n                ]),\n                _: 1\n              }),\n              _createVNode(_component_router_link, {\n                to: \"/enroll\",\n                onClick: closeMenu,\n                class: \"border border-primary-border rounded-[50px] py-2 px-6 text-primary-border hover:bg-primary-pink cursor-pointer\"\n              }, {\n                default: _withCtx(() => [\n                  _createTextVNode(\" Book a Seat \")\n                ]),\n                _: 1\n              })\n            ])\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (showModal.value)\n      ? (_openBlock(), _createBlock(Contact, { key: 0 }))\n      : _createCommentVNode(\"\", true)\n  ], 64))\n}\n}\n\n})","<template>\n        <div class=\"h-[32px] flex items-center justify-center exo bg-[#6F38A5] text-white font-[800] sm:text-base text-sm !z-40\"> \n            <span>Centre for <span class='text-primary-orange'>Applied</span> Machine Learning and Data Science</span>\n            \n        </div>\n        \n        <nav class=\"!fixed !top-5 z-50 bg-white h-[48px] lg:h-[66px] sm:max-w-[604px] max-w-[367px] lg:max-w-[972px] w-full border-primary-purple border rounded-[100px] mx-auto shadow-lg px-[26px] inset-0 sm:px-[52px] mt-8 flex justify-between items-center\">\n      <div>\n          <router-link to=\"/\">\n          <img src=\"../../assets/camlds-logo.png\" alt=\"logo\" class=\"sm:w-40 w-20\" />\n        </router-link>\n    </div>\n    \n    <div id=\"nav\" class=\"hidden lg:flex justify-between items-center xl:space-x-[24px] text-primary-purple space-x-6  text-base font-[500] cursor-pointer\">\n        <!-- <a href=\"https://camlds.org/#about\" class=\"nav-link\">About</a> -->\n        <a :href=\"`${$router}/#about`\" class=\"nav-link\">About</a>\n        <router-link to=\"/blog\" class=\"nav-link\">Blog</router-link>\n        <router-link to=\"/course\" class=\"nav-link\">Courses</router-link>\n        <!-- <router-link to=\"/university-affiliations\" class=\"nav-link\">University Affiliations</router-link> -->\n        <router-link to=\"/contact\" class=\"nav-link\">Contact</router-link>\n        \n        <!-- <a  @click=\"showModal = !showModal\" class=\"nav-link\">Contact</a> -->\n      </div>\n      <router-link to=\"/enroll\" class=\"hidden lg:block border border-primary-border rounded-[50px] font-semibold py-2 px-4 text-primary-purple hover:bg-primary-pink cursor-pointer\">\n        Book a Seat\n      </router-link>\n      \n      <div class=\"lg:hidden\">\n        <button @click=\"toggleMenu\" class=\"focus:outline-none\">\n          <i class=\"fas fa-bars text-2xl\"></i>\n        </button>\n      </div>\n    \n\n    <div v-if=\"isMenuOpen\" class=\"fixed inset-0 bg-white flex flex-col items-center text-center justify-center z-40\">\n      <button @click=\"closeMenu\" class=\"absolute top-4 right-4 text-3xl\">\n        &times;\n      </button>\n      <div class=\"flex flex-col space-y-8 text-base font-[500px]  cursor-pointer hover:text-primary-purple\">\n        <a @click=\"closeMenu\" :href=\"`${$router}/#about`\" class=\"nav-link\">About</a>\n        <router-link to=\"/blog\" class=\"\">Blog</router-link>\n        <router-link to=\"/course\" class=\"\">Courses</router-link>\n        <!--  <router-link to=\"/university-affiliations\" class=\"\">University Affiliations</router-link> -->\n        <router-link to=\"/contact\" class=\"\">Contact</router-link>\n        <!-- <a  @click=\"(()=>{closeMenu();showModal = !showModal; })\" class=\"\">Contact</a> -->\n        <!-- <a @click=\"closeMenu\" href=\"#projects\">Project</a> -->\n        <router-link to=\"/enroll\"  @click=\"closeMenu\" class=\" border border-primary-border rounded-[50px] py-2 px-6 text-primary-border hover:bg-primary-pink cursor-pointer\">\n          Book a Seat\n        </router-link>\n    </div>\n    </div>\n  </nav>\n  <Contact v-if=\"showModal\"  />\n</template>\n\n<script setup lang=\"ts\">\nimport Contact from '@/components/ModalComp/Contact.vue';\nimport {ref} from 'vue'\n\nconst $router = window.location.origin;\n\nconst showModal = ref(false);\nconst isMenuOpen = ref(false);\n\nconst toggleMenu = () => {\n  isMenuOpen.value = !isMenuOpen.value;\n};\n\nconst closeMenu = () => {\n  isMenuOpen.value = false;\n};\n\n</script>\n\n<style scoped>\n.nav-link{\n  position: relative;\n}\n\n.nav-link::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: -2px; \n  width: 0;\n  height: 2px; \n  background-color: #581699;\n  transition: width 0.3s ease-in-out; \n}\n\n.nav-link:hover::after {\n  width: 100%;\n}\n</style>","import script from \"./Navbar.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./Navbar.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./Navbar.vue?vue&type=style&index=0&id=e0772d2a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e0772d2a\"]])\n\nexport default __exports__","// 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__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"js/\" + chunkId + \".\" + {\"231\":\"50462ea7\",\"572\":\"dcd04bc8\",\"903\":\"26fc23f7\"}[chunkId] + \".js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"css/\" + chunkId + \".\" + {\"231\":\"704e2d17\",\"572\":\"6ae61df0\",\"903\":\"2a4bad1c\"}[chunkId] + \".css\";\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); }","var inProgress = {};\nvar dataWebpackPrefix = \"camlds:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// 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};","__webpack_require__.p = \"/\";","if (typeof document === \"undefined\") return;\nvar createStylesheet = function(chunkId, fullhref, oldTag, resolve, reject) {\n\tvar linkTag = document.createElement(\"link\");\n\n\tlinkTag.rel = \"stylesheet\";\n\tlinkTag.type = \"text/css\";\n\tif (__webpack_require__.nc) {\n\t\tlinkTag.nonce = __webpack_require__.nc;\n\t}\n\tvar onLinkComplete = function(event) {\n\t\t// avoid mem leaks.\n\t\tlinkTag.onerror = linkTag.onload = null;\n\t\tif (event.type === 'load') {\n\t\t\tresolve();\n\t\t} else {\n\t\t\tvar errorType = event && event.type;\n\t\t\tvar realHref = event && event.target && event.target.href || fullhref;\n\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + errorType + \": \" + realHref + \")\");\n\t\t\terr.name = \"ChunkLoadError\";\n\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n\t\t\terr.type = errorType;\n\t\t\terr.request = realHref;\n\t\t\tif (linkTag.parentNode) linkTag.parentNode.removeChild(linkTag)\n\t\t\treject(err);\n\t\t}\n\t}\n\tlinkTag.onerror = linkTag.onload = onLinkComplete;\n\tlinkTag.href = fullhref;\n\n\n\tif (oldTag) {\n\t\toldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);\n\t} else {\n\t\tdocument.head.appendChild(linkTag);\n\t}\n\treturn linkTag;\n};\nvar findStylesheet = function(href, fullhref) {\n\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n\tfor(var i = 0; i < existingLinkTags.length; i++) {\n\t\tvar tag = existingLinkTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return tag;\n\t}\n\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n\tfor(var i = 0; i < existingStyleTags.length; i++) {\n\t\tvar tag = existingStyleTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\");\n\t\tif(dataHref === href || dataHref === fullhref) return tag;\n\t}\n};\nvar loadStylesheet = function(chunkId) {\n\treturn new Promise(function(resolve, reject) {\n\t\tvar href = __webpack_require__.miniCssF(chunkId);\n\t\tvar fullhref = __webpack_require__.p + href;\n\t\tif(findStylesheet(href, fullhref)) return resolve();\n\t\tcreateStylesheet(chunkId, fullhref, null, resolve, reject);\n\t});\n}\n// object to store loaded CSS chunks\nvar installedCssChunks = {\n\t524: 0\n};\n\n__webpack_require__.f.miniCss = function(chunkId, promises) {\n\tvar cssChunks = {\"231\":1,\"572\":1,\"903\":1};\n\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n\t\tpromises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(function() {\n\t\t\tinstalledCssChunks[chunkId] = 0;\n\t\t}, function(e) {\n\t\t\tdelete installedCssChunks[chunkId];\n\t\t\tthrow e;\n\t\t}));\n\t}\n};\n\n// no hmr\n\n// no prefetching\n\n// no preloaded","// 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__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n};\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[\"webpackChunkcamlds\"] = self[\"webpackChunkcamlds\"] || [];\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__(9027); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createBlock","_component_router_view","script","__exports__","render","register","ready","console","log","registered","cached","updatefound","updated","offline","error","src","_imports_0","_createElementBlock","_hoisted_1","key","class","width","height","viewBox","fill","xmlns","_hoisted_2","_createElementVNode","x","y","rx","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_defineComponent","__name","props","type","setup","__props","_ctx","_cache","_openBlock","_Fragment","_createCommentVNode","axiosInstance","axios","create","baseURL","process","timeout","headers","interceptors","request","use","config","Promise","reject","response","data","async","allCategories","axios$","get","allCourses","allMicroCourses","singleCourse","id","singleMicroCourse","getBlogPosts","getPost","post_id","clap","post","contactUs","enrollNow","customizeTraining","coursePreferences","_withScopeId","n","_pushScopeId","_popScopeId","style","_hoisted_16","_createTextVNode","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_createStaticVNode","courses","ref","onMounted","CourseApi","value","numVisible","interval","updateNumVisible","window","innerWidth","watch","_createVNode","_unref","VueTypewriterEffect","strings","Carousel","numScroll","autoplayInterval","onMouseenter","$event","onMouseleave","item","_withCtx","slotProps","href","image","alt","title","_toDisplayString","duration","LevelBarIconComp","level","projects","_","d","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","frameborder","allow","allowfullscreen","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_imports_1","handleDropDown","index","currentHeader","currentHeaderOpen","tabs","header","content","document","addEventListener","overlay","getElementById","iframe","currentSrc","replace","opacity","setTimeout","display","CoursesSection","SparkIconComp","SmallCircleIconComp","TrophyIconComp","LoopIconComp","TickIconComp","Badge2IconComp","_renderList","i","onClick","_normalizeClass","_Transition","name","default","keyTerms","icon","MLIconComp","DSIconComp","CVIconComp","NLPIconComp","_component_router_link","_resolveComponent","ProfileAvatarIconComp","term","_resolveDynamicComponent","to","isVisible","closeModal","target","students","comment","colors","getInitial","charAt","toUpperCase","Vue3Marquee","pauseOnHover","remark","_normalizeStyle","backgroundColor","length","counter","nextSlide","prevSlide","schema","yup","course","required","mode","participants","startDate","min","mobile","email","formData","Date","toISOString","split","note","errorTimeout","isLoading","handleSubmit","validate","abortEarly","templateParams","mode_of_training","number_of_participants","preferred_start_date","full_name","phone_number","FormApi","Toast","Swal","toast","position","showConfirmButton","timer","timerProgressBar","didOpen","onmouseenter","onmouseleave","fire","validationErrors","errors","clearTimeout","Object","keys","forEach","field","showModal","showCustomisedModal","setInterval","heroIcons","AOS","Navbar","BadgeIconComp","StrategySection","BottomContent","TestimonialSection","GallerySection","FooterSection","AdsModal","onClose","CustomiseCourses","for","selected","disabled","_hoisted_43","_hoisted_44","_hoisted_45","fName","lName","phoneNumber","gender","cv","letter","reason","shape","handleFileChange","event","file","files","submitForm","preventDefault","FormData","append","values","inner","path","message","Form","onSubmit","_withDirectives","placeholder","_vModelText","Field","modelValue","_vModelSelect","onChange","rows","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","scrollThreshold","route","useRoute","courseId","params","loadCourses","reloadCourses","isFixed","handleScroll","scrollPosition","scrollY","windowHeight","innerHeight","documentHeight","body","clientHeight","scrollPercentage","onUnmounted","removeEventListener","description","amount","benefits","slice","benefit","overview","whoCanEnroll","audience","toolsCovered","tool","image_url","selectedCategory","showDropdown","categories","searchTerm","filteredCourses1","computed","searchTermLower","toLowerCase","MiniCourses","filter","includes","getAllMiniCourses","res","filteredCourses","category","filterCourses","substring","hours","stroke","router","useRouter","coursePref","classPref","query","goBack","go","form","fullName","address","heardAboutUs","classPreference","matches","currentRoute","push","class_preference","hear_about_us","Array","isArray","_withModifiers","day","blogPosts","apiCallFailed","readingTime","calculateReadingTime","text","wordsPerMinute","words","Math","ceil","page","handlePage","reload","location","formatClapCount","num","rounded","round","toFixed","toString","blogReq","BlogApi","results","sort","a","b","date","getTime","img_link","toLocaleDateString","month","year","innerHTML","clap_count","ClapIconComp","onClicked","count","Paginator","pt","root","totalRecords","onPage","template","currentPageReportTemplate","share","platform","url","encodedTitle","encodeURIComponent","blogTitle","encodedDescription","blogDescription","encodedUrl","pageLink","twitterText","limitSentence","sentence","wordLimit","limitedWords","join","open","copyLink","navigator","clipboard","writeText","Clapped","singlePost","recentPosts","postId","isPlaying","scrollVisible","linK","shortDesc","reloadAfterDelay","utterance","speechSynthesis","readBlogPost","cleanText","tempDiv","createElement","textContent","innerText","stopSpeech","removeEmojis","cleanedContent","SpeechSynthesisUtterance","speak","pauseSpeech","pause","cancel","scrollToTop","scrollTo","top","behavior","stripHtmlTagsAndImages","htmlContent","tempElement","images","querySelectorAll","img","remove","trim","getSentenceBeforeComma","featuredImage","newPost","useHead","meta","property","immediate","newRoute","oldRoute","filteredPost","CloseIconComp2","$router","SpeakOutIconComp","ShareButton","ArrowRightIconComp","ArrowUpIconComp","_vShow","loading","referrerpolicy","fname","lname","actions","resetForm","ErrorMessage","as","cols","phone","school","role","experience","why","skills","availability","goals","$emit","showForm","RegistrationForm","emit","__emit","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","_hoisted_54","_hoisted_55","_hoisted_56","_hoisted_57","_hoisted_58","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_64","_hoisted_65","_hoisted_66","miniCourses","microCourses","extractListItems","htmlString","listItems","from","map","li","extractQuestionsFromHTML","html","parser","DOMParser","doc","parseFromString","ulElements","questions","liElement","question","firstChild","nestedUl","querySelector","answer","nestedLi","outerHTML","q","isInfoModalOpen","openInfoModal","currentQuestion","currentQuestionOpen","footer","footerPosition","offsetTop","isModalOpen","currentImage","openModal","InfoIconComp","TimeIconComp","InfoModal","isOpen","writeUp","prerequisites","ListIconComp","what_you_will_learn","TimesIconComp","AddIconComp","subItem","j","routes","component","HomeView","Course","CourseDetail","MIniCourseDetail","BecomeAnInstructor","EnrollNow","ContactView","CampusNetworkView","BlogView","SingleBlogPost","createRouter","history","createWebHistory","scrollBehavior","beforeEach","next","baseName","app","createApp","App","head","createHead","PrimeVue","mount","showLiveCode","origin","currentYear","getFullYear","Contact","LiveCode","isMenuOpen","toggleMenu","closeMenu","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","every","splice","r","getter","__esModule","definition","o","defineProperty","enumerable","f","e","chunkId","all","reduce","promises","u","miniCssF","g","globalThis","this","Function","obj","prop","prototype","hasOwnProperty","inProgress","dataWebpackPrefix","l","done","needAttach","scripts","getElementsByTagName","s","getAttribute","charset","nc","setAttribute","onScriptComplete","prev","onerror","onload","doneFns","parentNode","removeChild","bind","appendChild","Symbol","toStringTag","p","createStylesheet","fullhref","oldTag","resolve","linkTag","rel","nonce","onLinkComplete","errorType","realHref","err","Error","code","insertBefore","nextSibling","findStylesheet","existingLinkTags","tag","dataHref","existingStyleTags","loadStylesheet","installedCssChunks","miniCss","cssChunks","then","installedChunks","installedChunkData","promise","loadingEnded","realSrc","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","__webpack_exports__"],"sourceRoot":""}