{"version":3,"file":"js/chunk-common.6e973c25.js","mappings":"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","sources":["webpack://chattr-amplify/./src/components/BlogPage.vue","webpack://chattr-amplify/./src/components/BlogPage.vue?8666","webpack://chattr-amplify/./src/components/HomeContent.vue","webpack://chattr-amplify/./src/components/HomeContent.vue?fe8c","webpack://chattr-amplify/./src/components/RightText.vue","webpack://chattr-amplify/./src/components/RightText.vue?4b76","webpack://chattr-amplify/./src/components/useHomeContent.js","webpack://chattr-amplify/./src/main.js","webpack://chattr-amplify/./src/components/Footer.vue","webpack://chattr-amplify/./src/components/Footer.vue?7cca","webpack://chattr-amplify/./src/components/Header.vue","webpack://chattr-amplify/./src/components/Header.vue?801b"],"sourcesContent":["<script setup>\n  import { ref, onMounted, computed } from 'vue';\n  import axios from 'axios';\n\n  // get blog url to compare against\n  const blogUrl = document.querySelector('meta[name=\"blogUrl\"]').getAttribute('content');\n\n  // Define reactive variables\n  let blogTitle = ref('');\n  let blogContent = ref('');\n  let blogThumbnail = ref('');\n  let blogCreatedAt = ref('');\n\n  // The function to load blog data\n  async function loadBlogData() {\n    try {\n      const response = await axios.get('https://leads.lynniar.com/api/content-editor/site/24');\n      const blog = response.data.blogs.find(blog => blog.url === blogUrl);\n      \n      if (blog) {\n        blogTitle.value = blog.name;\n        blogContent.value = blog.content;\n        blogThumbnail.value = blog.thumbnail;\n        blogCreatedAt.value = blog.created_at;\n      } else {\n        console.log('Blog not found');\n      }\n    } catch (error) {\n      console.error('Error loading blog data:', error);\n    }\n  }\n\n  // Method to format the date into DD/MM/YYYY\n  const formatDate = (dateStr) => {\n      const date = new Date(dateStr);\n      const options = { year: 'numeric', month: '2-digit', day: '2-digit' };\n      return date.toLocaleDateString('en-GB', options);\n  };\n\n  onMounted(() => {\n    loadBlogData();\n  });\n</script>\n\n\n\n<template>\n  <div class=\"content\">\n\n    <div id=\"blogPost\">\n      <div class=\"blogImg\" :style=\"'background-image: url(' +  blogThumbnail  + ')'\">\n        <!-- <img :src=\"blog.image\" alt=\"Blog Post Image\"> -->\n        <!-- {{ blog.image }} -->\n      </div>\n      <div class=\"blogTitle\">\n        <h2> {{ blogTitle }} </h2>\n      </div>\n      <div class=\"blogContent\">                \n        <div class=\"blogDescription\">\n          <p v-html=\"blogContent\"></p>\n        </div>                \n        <div class=\"blogDate\">\n          <div class=\"date\">Published on: {{ formatDate(blogCreatedAt) }}</div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<!-- <script>\nexport default {\n  props: {\n    blogUrl: { \n      type: String, \n      required: true, \n    },\n  },\n  data() {\n    return {\n      blogTitle: '', \n    };\n  },\n  mounted() {\n    this.loadBlogData();\n  },\n  methods: {\nasync loadBlogData() {\n  try {\n    console.log(this.blogUrl);  // This should output 'test-url-5'\n    const response = await axios.get(`https://leads.lynniar.com/api/content-editor/site/24`);\n    console.log(response.data.blogs)\n    console.log(this.blogUrl)\n    // const blog = response.data.blogs.find(blog => blog.url === this.blogUrl);\n    const blog = response.data.blogs[0];\n    \n    if (blog) {\n      this.blogTitle = blog.name;\n      this.blogContent = blog.content;\n      this.blogThumbnail = blog.thumbnail;\n      this.blogCreatedAt = blog.created_at;\n    } else {\n      console.log('Blog not found');\n    }\n  } catch (error) {\n    console.error('Error loading blog data:', error);\n  }\n}\n  },\n};\n</script> -->\n\n<style>\n  body:has(#blog, #blog-item) {\n    background: #FEF9EF !important;  \n  }\n</style>\n\n<style scoped lang=\"scss\">\n  \n\n  .content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      background: #FEF9EF;            \n      min-height: 100vh;\n      padding: 0 20px;\n  }\n\n  #blogPost {\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      width: 100%;\n      max-width: 1000px;    \n      margin: 100px 20px;    \n      background: white;\n      border-radius: 20px;\n      /* min-height: calc(100vh - 200px); */\n      overflow: hidden;\n      border: 1px solid #faefdf;\n  }\n\n  #blogPost .blogTitle {\n      display: flex;\n      justify-content: flex-start;\n      // width: calc(100% - 10%);\n      width: 100%;\n      padding: 2% 5%;\n      border-bottom: 1px solid #faefdf;\n  }\n\n  #blogPost .blogImg {\n      width: 100%;\n      height: 400px;\n      object-fit: cover;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: #FAEFDF;\n      background-size: cover;\n      background-position: center;\n  }\n\n  #blogPost .blogImg img {\n      width: 100%;\n  }\n\n  #blogPost .blogContent {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: space-between;            \n      gap: 10px;\n      width: 100%;\n      min-height: 36vh;\n  }\n\n  #blogPost .blogDescription {\n      width: calc(100% - 10%);\n      margin: 5%;\n  }\n\n  #blogPost .blogDate {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      width: 100%;\n      padding: 2% 5%;\n      border-top: 1px solid #faefdf;\n      background: #FFE1BD;\n  }\n\n  @media (max-width: 840px) {\n      .content {\n          padding: 0 20px 0;\n      }\n\n      #blogPost .blogImg {\n          height: 200px;\n      }\n  }\n</style>\n","import script from \"./BlogPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BlogPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BlogPage.vue?vue&type=style&index=0&id=1edbe8ad&lang=css\"\nimport \"./BlogPage.vue?vue&type=style&index=1&id=1edbe8ad&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1edbe8ad\"]])\n\nexport default __exports__","<template> \n     <div v-html=\"sanitizedLeftContent || fallbackHtml\"></div>\n</template>\n\n<script>\n \nexport default {\n  props: {\n    leftContent: String,\n  },\n  computed: {\n      \n    sanitizedLeftContent() {\n      return this.sanitizeHtml(this.leftContent || '');\n    },\n     fallbackHtml() {\n      return `\n        <p class=\"pb-0 sim-only-header-bottomtxt\">\n          <i class=\"fa-solid fa-circle-check fa-lg me-2\" aria-hidden=\"true\"></i>\n          <b>Unlimited</b> UK calls and texts with all plans\n        </p>\n        <p class=\"pb-0 sim-only-header-bottomtxt\">\n          <i class=\"fa-solid fa-circle-check fa-lg me-2\" aria-hidden=\"true\"></i>\n          Subscribe &amp; Save Plans for a further 10% off!\n        </p>\n        <p class=\"pb-0 sim-only-header-bottomtxt\">\n          <i class=\"fa-solid fa-circle-check fa-lg me-2\" aria-hidden=\"true\"></i>\n          Enjoy Real 5G speeds at Zero extra cost\n        </p>\n      `;\n     }\n  },\n   methods: {\n    sanitizeHtml(html) {\n      // Create a new DOM element to parse the HTML\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(html, 'text/html');\n\n      // Remove script tags\n      const scriptTags = doc.querySelectorAll('script');\n      scriptTags.forEach(tag => tag.remove());\n\n      // Optionally, remove other unwanted tags or attributes\n      const aTags = doc.querySelectorAll('a');\n      aTags.forEach(tag => {\n        tag.removeAttribute('href');\n        tag.removeAttribute('target');\n      });\n\n      // Return the sanitized HTML content\n      return doc.body.innerHTML;\n    },\n  },\n};\n</script>","import { render } from \"./HomeContent.vue?vue&type=template&id=5ebf7914\"\nimport script from \"./HomeContent.vue?vue&type=script&lang=js\"\nexport * from \"./HomeContent.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div v-html=\"text\"></div>\n</template>\n\n<script>\nexport default {\n  props: {\n    text: String,\n  },\n};\n</script>\n","import { render } from \"./RightText.vue?vue&type=template&id=6e53228c\"\nimport script from \"./RightText.vue?vue&type=script&lang=js\"\nexport * from \"./RightText.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { ref } from 'vue';\n\nexport default function useHomeContent() {\n  const homeContent = ref(null);\n\n  const fetchData = async () => {\n    try { \n      const response = await fetch(process.env.VUE_APP_SUPASMART_URL+'api/gethomecontent');\n      if (!response.ok) {\n        throw new Error(`HTTP error! Status: ${response.status}`);\n      }\n      \n      const data = await response.json();\n      console.log(data);\n      // Check if the response contains valid data\n      if (!data || Object.keys(data).length === 0) {\n        homeContent.value = { \n          right_text1: \"\",\n          right_text2: \"\",\n          right_text3: \"\",\n          right_text4: \"\",\n          left_content:  \"\",\n        };\n      }\n      \n      homeContent.value = data;\n    } catch (error) {\n      console.error('Error fetching data:', error);\n      \n      // Fallback to static content\n      homeContent.value = { \n        right_text1: \"<p>Unlimited Calls<br>And Texts<\\/p>\",\n        right_text2: \"<p>No Credit Checks<br>Everyone Accepted!<\\/p>\",\n        right_text3: \"<p>Chattr Perks &amp; <br>Discounts<\\/p>\",\n        right_text4: \"<p> Roam Freely<br> in<\\/p><span>40+<\\/span><p>countries<\\/p>\",\n        left_content: `<p class=\"pb-0 sim-only-header-bottomtxt\">\n          <i class=\"fa-solid fa-circle-check fa-lg me-2\" aria-hidden=\"true\"></i>\n          <b>Unlimited</b> UK calls and texts with all plans</p>\n          <p class=\"pb-0 sim-only-header-bottomtxt\">\n          <i class=\"fa-solid fa-circle-check fa-lg me-2\" aria-hidden=\"true\"></i>\n          Subscribe &amp; Save Plans for a further 10% off!</p>\n          <p class=\"pb-0 sim-only-header-bottomtxt\">\n          <i class=\"fa-solid fa-circle-check fa-lg me-2\" aria-hidden=\"true\"></i>\n          Enjoy Real 5G speeds at Zero extra cost</p>`, \n      };\n    }\n  };\n\n  return { homeContent, fetchData };\n}","import { createApp } from 'vue'   \nimport Header from './components/Header.vue'\nimport Footer from './components/Footer.vue' \nimport BlogPage from './components/BlogPage.vue';\n  \nimport 'bootstrap';\n \n\nimport axios from 'axios';\nwindow.axios = axios;\n\nwindow.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\n \nfunction generateUniqueId() {\n    // Generate a random number and concatenate with current timestamp\n    return Math.random().toString(36).substring(2) + Date.now().toString(36);\n  }\nconst uniqueId = generateUniqueId(); // You need to implement generateUniqueId() function\nconst uniqueId1 = generateUniqueId(); // You need to implement generateUniqueId() function\n\n createApp(Header).mount('#header')\n createApp(Footer).mount('#footer')\n createApp(BlogPage).mount('#blog-item')\n\n// Conditional component imports and mounts\nif (document.querySelector('#plan')) {\n  import('./components/Plan.vue').then(({ default: Plan }) => {\n    createApp(Plan, { uniqueId }).mount('#plan')\n  });\n}\n\nif (document.querySelector('#planbottom')) {\n  import('./components/Plan.vue').then(({ default: Plan }) => {\n    createApp(Plan, { uniqueId: uniqueId1 }).mount('#planbottom')\n  });\n}\n\nif (document.querySelector('#homeplan')) {\n  import('./components/HomePlan.vue').then(({ default: HomePlan }) => {\n    createApp(HomePlan, { uniqueId: uniqueId1 }).mount('#homeplan')\n  });\n}\n\nif (document.querySelector('#faq')) {\n  import('./components/Faq.vue').then(({ default: Faq }) => {\n    createApp(Faq).mount('#faq')\n  });\n} \n \n\n\nif (document.querySelector('#thankyou')) {\n  import('./components/Thankyou.vue').then(({ default: Thankyou }) => {\n    createApp(Thankyou).mount('#thankyou')\n  });\n}\n\nif (document.querySelector('#contact')) {\n  import('./components/Contact.vue').then(({ default: Contact }) => {\n    createApp(Contact).mount('#contact')\n  });\n}\n\nif (document.querySelector('#paypalprocess')) {\n  import('./components/PaypalProcess.vue').then(({ default: PaypalProcess }) => {\n    createApp(PaypalProcess).mount('#paypalprocess')\n  });\n}\n\n// if (document.querySelector('#ApplePay')) {\n//   import('./components/ApplePay.vue').then(({ default: ApplePay }) => {\n//     createApp(ApplePay).mount('#ApplePay')\n//   });\n// }\n\nif (document.querySelector('#blog')) {\n  import('./components/Blog.vue').then(({ default: Blog }) => {\n    createApp(Blog).mount('#blog')\n  });\n};\n\nimport HomeContent from './components/HomeContent.vue';\nimport RightText from './components/RightText.vue';\nimport useHomeContent from './components/useHomeContent.js';\n\n\nconst { homeContent, fetchData } = useHomeContent();\n\nfetchData().then(() => {\n  const app = createApp({});\n\n  app.component('HomeContent', HomeContent);\n  app.component('RightText', RightText);\n\n  app.mount('#app');\n\n  // Mount HomeContent\n  const homeContentApp = createApp(HomeContent, {\n    leftContent: homeContent.value.left_content,\n  });\n  homeContentApp.mount('#hero_section_content_left_text');\n\n  // Mount RightText1\n  const rightText1App = createApp(RightText, {\n    text:  homeContent.value.right_text1 ||  \"<p>Unlimited Calls<br>And Texts</p>\",\n  });\n  rightText1App.mount('#hero_section_content_right_text1');\n\n  // Mount RightText2\n  const rightText2App = createApp(RightText, {\n    text: homeContent.value.right_text2 || \"<p>No Credit Checks<br>Everyone Accepted!</p>\",\n  });\n  rightText2App.mount('#hero_section_content_right_text2');\n\n  // Mount RightText3\n  const rightText3App = createApp(RightText, {\n    text: homeContent.value.right_text3 || \"<p>Chattr Perks &amp; <br>Discounts</p>\",\n  });\n  rightText3App.mount('#hero_section_content_right_text3');\n\n  // Mount RightText4\n  const rightText4App = createApp(RightText, {\n    text: homeContent.value.right_text4 || \"<p> Roam Freely<br> in</p><span>40+</span><p>countries</p>\",\n  });\n  rightText4App.mount('#hero_section_content_right_text4');\n});\n\n ","<template>\n  <footer class=\"main-footer text-lg-start border border-white mt-xl-5 pt-4\">\n    <!-- Grid container -->\n    <div class=\"desktop-footer-padding container p-4\">\n      <!-- Grid row -->\n      <div class=\"row\">\n        <!-- Grid column -->\n        <div class=\"col-lg-4 col-12 mb-lg-0\">\n          <div class=\"rounded-circle d-flex align-items-center justify-content-center mb-4 mx-auto\">\n            <img src=\"/images/footer-logo.webp\" loading=\"lazy\" alt=\"chattr icon\" />\n          </div>\n        </div>\n        <!-- Grid column -->\n\n        <!-- Footer section 1 \n        <div class=\"footer-sec col-lg-2 col-6 mb-4 mb-lg-0 px-3\">\n          <h5 class=\"footer-sec-title text-uppercase mb-2\">Products</h5>\n          <ul class=\"list-unstyled mb-4\">\n            <li><a href=\"#!\" class=\"text-black\">Product 1</a></li>\n            <li><a href=\"#!\" class=\"text-black\">Product 2</a></li>\n            <li><a href=\"#!\" class=\"text-black\">Product 3</a></li>\n          </ul>\n        </div>\n\n         \n        <div class=\"footer-sec col-lg-2 col-6 mb-4 mb-lg-0 px-3\">\n          <h5 class=\"footer-sec-title text-uppercase mb-2\">Services</h5>\n          <ul class=\"list-unstyled\">\n            <li><a href=\"#!\" class=\"text-black\">Service 1</a></li>\n            <li><a href=\"#!\" class=\"text-black\">Service 2</a></li>\n            <li><a href=\"#!\" class=\"text-black\">Service 3</a></li>\n          </ul>\n        </div>\n-->\n        <!-- Footer section 3 -->\n        <div class=\"footer-sec col-lg-4 col-12 mb-4 mb-lg-0 px-3\">\n          <div class=\"rounded-circle d-flex align-items-center justify-content-center flex-column mb-4 mx-auto\">\n            <h5 class=\"footer-sec-title text-uppercase mb-2\">What do you need?</h5>\n            <ul class=\"list-unstyled\">\n              <!-- <li><a href=\"#!\" class=\"text-black\">Our Story</a></li>\n              <li><a href=\"#!\" class=\"text-black\">Team</a></li> -->\n              <li><a href=\"/how-to-start\" class=\"text-black\">How to get started</a></li>\n              <li><a href=\"https://portal.chattr.co.uk/\" class=\"text-black\">Your Portal - login</a></li>\n              <li><a href=\"https://portal.chattr.co.uk/page/faqs\" class=\"text-black\">FAQs</a></li> \n              <li><a href=\"/plans\" class=\"text-black\">Plans</a></li>\n              <li><a href=\"/contact-us\" class=\"text-black\">Contact Us</a></li>\n            </ul>\n          </div>\n        </div>\n\n        <!-- Footer section 4 (visible only on small screens) \n        <div class=\"footer-sec d-md-block d-lg-none col-lg-2 col-6 mb-4 mb-lg-0 px-3\">\n          <h5 class=\"footer-sec-title text-uppercase mb-2\">Social Media</h5>\n          <ul class=\"list-unstyled\">\n            <li><a href=\"#!\" class=\"text-black\">Instagram</a></li>\n            <li><a href=\"#!\" class=\"text-black\">Twitter</a></li>\n            <li><a href=\"#!\" class=\"text-black\">Facebook</a></li>\n          </ul>\n        </div>-->\n\n        <!-- Footer section 5 -->\n        <div class=\"col-lg-4 col-12 mb-2 mb-lg-0\">\n          <!--<h5 class=\"subscribe-txt mb-4\">Sign Up to Our Newsletter!</h5>\n          <div class=\"row\">\n            <div class=\"col-lg-12 col-md-12 footer-subscribe-box\">\n              <div class=\"form-outline form-white mb-2 footer-subscribe-left\">\n                <input\n                  type=\"email\"\n                  id=\"form5Example2\"\n                  class=\"px-4 form-control form-subscribe\"\n                  placeholder=\"Email Address\"\n                />\n              </div>\n              <button\n                type=\"submit\"\n                class=\"footer-subscribe-right d-flex justify-content-center px-4 mb-4 btn btn-subscribe btn-block\"\n              >\n                Subscribe\n              </button>\n            </div>\n          </div>-->\n\n          <div class=\"desktop-social-section d-flex justify-content-between px-5 pt-3\">\n            <div class=\"desktop-social-icon\">\n              <a href=\"https://www.instagram.com/chattr.uk/\" target=\"_blank\">\n                <img src=\"/images/instagram.webp\" width=\"37\" height=\"37\" alt=\"Instagram icon\" />\n              </a>\n            </div>\n            <!-- <div class=\"desktop-social-icon\"><img src=\"/images/ticon.webp\" width=\"37\" height=\"37\" alt=\"TikTok icon\" /></div> -->\n            <div class=\"desktop-social-icon\">\n              <a href=\"https://www.facebook.com/profile.php?id=61559100785203\" target=\"_blank\">\n                <img src=\"/images/fbicon.webp\" width=\"37\" height=\"37\" alt=\"Facebook icon\" />\n              </a>\n            </div>\n          </div>\n        </div>\n        <!-- Grid column -->\n      </div>\n      <!-- Grid row -->\n    </div>\n    <!-- Grid container -->\n    <div class=\"footer-terms\">\n      <ul class=\"m-0 p-0 mb-2\">\n        <li><a class=\"text-black\" href=\"/privacy\">Privacy Policy</a></li>\n        <li><a class=\"text-black\" href=\"/cookies\">Cookies</a></li>\n        <li><a class=\"text-black\" href=\"/terms\">Terms & Conditions</a></li>\n      </ul>\n    </div>\n    <!-- Copyright -->\n    <div class=\"footer-bottom-bg text-center p-4 border-top border-white\">Chattr ©2024. All rights reserved</div>\n\n    <!-- Copyright -->\n  </footer>\n</template>\n\n<script>\nimport { ref, onMounted } from \"vue\";\n\nexport default {\n  components: {},\n  setup() {\n    onMounted(() => {\n      // Add any logic you need after the component is mounted\n    });\n  },\n};\n</script>\n\n ","import { render } from \"./Footer.vue?vue&type=template&id=2e0489e3\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  \n  <nav class=\"navbar navbar-expand-lg justify-content-between\">\n      <div class=\"container-fluid navbar__container my-0\">\n        <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNavDropdown\"\n          aria-controls=\"navbarNavDropdown\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n          <span class=\"navbar-toggler-icon\"><i class=\"fa fa-navicon\"></i></span>\n        </button>\n        <div>\n          <a class=\"navbar-brand d-none d-lg-block\" href=\"/\"><img src=\"/images/logo.webp\" alt=\"chattr logo\"></a>\n          <a class=\"navbar-brand d-md-block d-lg-none \" href=\"/\"><img src=\"/images/logo2.webp\" width=\"131\" height=\"49\" alt=\"chattr logo small\"></a>\n          <div class=\"d-lg-none mt-0\">\n            <a href=\"https://uk.trustpilot.com/review/chattr.co.uk\" target=\"_blank\"\n                rel=\"noopener noreferrer\" class=\"ratings\">\n                <div class=\"stars-container mt-1 d-flex\">\n                    <div class=\"stars\"> \n                        <div class=\"stars__group\">\n                            <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                        </div>\n                        <div class=\"stars__group\">\n                            <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                        </div>\n                        <div class=\"stars__group\">\n                            <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                        </div>\n                        <div class=\"stars__group\">\n                            <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                        </div>\n                        <div class=\"stars__group\">\n                            <i class=\"stars__star fa fa-star stars__star--grey\"></i>\n                            <i class=\"stars__star fa stars__star--yellow\"></i>\n                        </div>\n                    </div>\n                    <p class=\"stars__text\">Trustpilot <strong>4</strong> / 5</p>\n                </div>\n            </a>\n          </div>\n        </div>\n\n        <a class=\"d-md-block d-lg-none cart-icon-mb\" href=\"/checkout\"><i class=\"fa-solid  fa-cart-shopping fa-2x\"></i></a>\n\n        <div class=\"collapse navbar-collapse navbar__link-container\" id=\"navbarNavDropdown\">\n          <ul class=\"navbar-nav mr-auto\">\n            <li class=\"nav-item\">\n              <a class=\"nav-link\" aria-label=\"menu\" href=\"/\">Home</a>\n            </li>\n            <li class=\"nav-item\">\n              <a class=\"nav-link\" aria-label=\"menu\" href=\"/plans\">Plans</a>\n            </li>\n            <li class=\"nav-item\">\n              <a class=\"nav-link\" aria-label=\"menu\" href=\"/how-to-start\">How to get started</a>\n            </li>\n            <li class=\"nav-item\">\n              <a class=\"nav-link\" aria-label=\"menu\" href=\"/contact-us\">Contact Us</a>\n            </li>             \n          </ul>\n          <div class=\"d-none d-lg-block\">\n            <a href=\"https://uk.trustpilot.com/review/chattr.co.uk\" target=\"_blank\"\n                rel=\"noopener noreferrer\" class=\"ratings\">\n              <div class=\"stars-container mt-2 mb-2\">\n                  <div class=\"stars\"> \n                      <div class=\"stars__group\">\n                          <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                      </div>\n                      <div class=\"stars__group\">\n                          <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                      </div>\n                      <div class=\"stars__group\">\n                          <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                      </div>\n                      <div class=\"stars__group\">\n                          <i class=\"stars__star fa fa-star stars__star--yellow\"></i>\n                      </div>\n                      <div class=\"stars__group\">\n                          <i class=\"stars__star fa fa-star stars__star--grey\"></i>\n                          <i class=\"stars__star fa  stars__star--yellow\"></i>\n                      </div>\n                  </div>\n                  <p class=\"stars__text\">Trustpilot <strong>4</strong> / 5</p>\n              </div>\n            </a>\n          </div>\n          <form class=\"form-inline\">\n            <a class=\"d-none d-lg-inline-block cart-icon-mb\" href=\"/checkout\"><i class=\"fa-solid  fa-cart-shopping fa-2x\"></i></a>\n            <button class=\"btn1 btn-primary1 headerbtn\" type=\"button\"><a href=\"https://portal.chattr.co.uk/auth/login\"><i class=\"fa-solid fa-user\"></i>Sign In</a></button>\n          </form>\n        </div> \n      </div>\n    </nav> \n  <cookie v-if=\"showCookie && isHomePage\" ></cookie>\n</template>\n\n<script>\nimport { ref, onMounted, defineAsyncComponent,computed } from \"vue\";\n\nexport default {\n  components: {\n    Cookie: defineAsyncComponent(() => import('./Cookie.vue'))\n  },\n  setup() {\n    const showCookie = ref(false);\n    const showCookiePlaceholder = ref(true);\n\n    const isHomePage = computed(() => window.location.pathname === '/');\n\n    onMounted(() => {\n      setTimeout(() => {\n        showCookiePlaceholder.value = false;\n        showCookie.value = true;\n      }, 8000); // Adjust the delay as needed\n    });\n\n    return {\n      showCookie,\n      showCookiePlaceholder,\n      isHomePage\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\">\n @import \"@/styles/app.scss\";\n \n</style>\n","import { render } from \"./Header.vue?vue&type=template&id=c406e78a\"\nimport script from \"./Header.vue?vue&type=script&lang=js\"\nexport * from \"./Header.vue?vue&type=script&lang=js\"\n\nimport \"./Header.vue?vue&type=style&index=0&id=c406e78a&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["blogUrl","document","querySelector","getAttribute","blogTitle","ref","blogContent","blogThumbnail","blogCreatedAt","async","loadBlogData","response","axios","get","blog","data","blogs","find","url","value","name","content","thumbnail","created_at","console","log","error","formatDate","dateStr","date","Date","options","year","month","day","toLocaleDateString","onMounted","__exports__","_createElementBlock","innerHTML","$options","sanitizedLeftContent","fallbackHtml","_hoisted_1","props","leftContent","String","computed","this","sanitizeHtml","methods","html","parser","DOMParser","doc","parseFromString","scriptTags","querySelectorAll","forEach","tag","remove","aTags","removeAttribute","body","render","$props","text","useHomeContent","homeContent","fetchData","fetch","process","ok","Error","status","json","Object","keys","length","right_text1","right_text2","right_text3","right_text4","left_content","generateUniqueId","Math","random","toString","substring","now","window","defaults","headers","common","uniqueId","uniqueId1","createApp","Header","mount","Footer","BlogPage","then","default","Plan","HomePlan","Faq","Thankyou","Contact","PaypalProcess","Blog","app","component","HomeContent","RightText","homeContentApp","rightText1App","rightText2App","rightText3App","rightText4App","class","_createStaticVNode","_hoisted_2","_hoisted_5","components","setup","_Fragment","$setup","showCookie","isHomePage","_createBlock","_component_cookie","key","_createCommentVNode","Cookie","defineAsyncComponent","showCookiePlaceholder","location","pathname","setTimeout"],"sourceRoot":""}