{"version":3,"file":"DnEUpI1G.js","sources":["../../../../assets/trustmark-logo.png","../../../../assets/fsb-logo.png","../../../../assets/fca-logo.png","../../../../assets/recc-logo.png","../../../../components/Footer.vue"],"sourcesContent":["export default \"__VITE_ASSET__DxedCJ6U__\"","export default \"__VITE_ASSET__D2o2aI0g__\"","export default \"__VITE_ASSET__BhdIBGBJ__\"","export default \"__VITE_ASSET__Djd$45q0__\"","<script lang=\"ts\" setup> \n\n    import { useTimeoutFn } from '@vueuse/core'\n\n    const { fetchSettings, settings } = useSettings()\n    await fetchSettings()\n\n    const year = new Date().getFullYear()\n\n    const links = settings.value.footer_primary_navigation_links\n\n    const open = ref()\n\n    const toggle = (uid:string) => {\n      if (open.value != uid) {\n        open.value = uid\n      } else {\n        open.value = null\n      }\n    }\n\n\n    const name = ref('')\n    const email = ref('')\n    const success = ref(false)\n\n    const { subscribe } = usePipedrive()\n\n    const submit = async () => {\n\n      const response = await subscribe(name.value, email.value)\n\n      if(response.success) {\n\n        name.value = ''\n        email.value = ''\n\n        success.value = true\n\n        const { start } = useTimeoutFn(() => {\n          success.value = false\n        }, 8000)\n\n        start()\n\n      }\n\n    }\n\n</script>\n\n<template>\n  <footer class=\"bg-elephant-950\">\n    <div class=\"container max-w-screen-normal py-6\">\n      <div class=\"flex flex-col gap-6\">\n        \n        <nuxt-link v-if=\"settings?.light_logo && settings?.light_logo?.filename\" to=\"/\" title=\"Home\" aria-label=\"Home\">\n            <img \n              :src=\"settings?.light_logo?.filename\" \n              :alt=\"settings?.light_logo?.alt\"\n              width=\"142\"\n              height=\"48\"\n              class=\"h-5 lg:h-6 w-auto\"\n              loading=\"lazy\"\n            >\n        </nuxt-link>\n\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-none xl:grid-flow-col gap-2 sm:gap-6\">\n            <div v-for=\"link in links\" :key=\"link._uid\" class=\"flex flex-col gap-2\">\n              <button @click=\"toggle(link._uid)\" class=\"relative flex flex-col justify-center items-start min-h-4 w-auto pr-8 transition-colors ease-in-out duration-100 | font-hass-display text-h7_mobile md:text-h7_mobile lg:text-h7_mobile font-medium text-white-50\">\n                \n                <span class=\"font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-medium text-white-50\">\n                  {{ link.footer_primary_navigation_link_title }}\n                </span>\n\n                <span class=\"toggle | flex sm:hidden absolute top-0 left-full -translate-x-full w-4 h-4 | after:content-[''] after:absolute after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2 after:w-2 after:h-2\" :class=\"[open === link._uid ? 'after:rotate-0' : 'after:rotate-180']\">\n                </span>\n\n              </button>\n              <transition name=\"slide\">\n                <nav v-if=\"link.footer_secondary_navigation_links\" class=\"sm:flex flex-col gap-2 mb-2 sm:mb-0\" :class=\"[open === link._uid ? 'flex' : 'hidden']\">\n                  <nuxt-link v-for=\"sublink in link.footer_secondary_navigation_links\" :key=\"sublink._uid\" :to=\"`/${sublink.footer_secondary_navigation_link_url.cached_url}`\" :title=\"sublink.footer_secondary_navigation_link_title\" :aria-label=\"sublink.footer_secondary_navigation_link_title\">\n                    <span class=\"font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-white-50/50\">\n                      {{ sublink.footer_secondary_navigation_link_title }}\n                    </span>\n                  </nuxt-link>\n                </nav>\n              </transition>\n            </div>\n            <div class=\"sm:col-span-2 xl:col-span-1 | flex flex-col gap-2 mt-2 sm:mt-0\">\n              <span class=\"font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-medium text-white-50\">\n                Get updates from EPC\n              </span>\n              <ClientOnly>\n                <form @submit.prevent=\"submit\" class=\"flex flex-col gap-4\">\n                  <label for=\"name\" class=\"font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-white-50/50\">\n                    Sign up for our newsletter to receive the most up-to-date information.\n                  </label>\n                  <div class=\"flex flex-col gap-1 sm:gap-2 sm:justify-start sm:items-start\">\n                    <input id=\"name\" type=\"text\" placeholder=\"Full Name *\" v-model=\"name\" required class=\"transition-colors ease-in-out duration-100 flex flex-col justify-center items-center font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-left bg-white-50/25 text-white-50 h-5 md:h-6 w-full px-4 rounded-full focus:outline focus:outline-lima-600 placeholder:text-white-50/50\">\n                    <input id=\"email\" type=\"email\" placeholder=\"Email Address *\" v-model=\"email\" required class=\"transition-colors ease-in-out duration-100 flex flex-col justify-center items-center font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-left bg-white-50/25 text-white-50 h-5 md:h-6 w-full px-4 rounded-full focus:outline focus:outline-lima-600 placeholder:text-white-50/50\">\n                    <button type=\"submit\" title=\"Subscribe\" aria-label=\"Subscribe\" :disabled=\"name === '' || email === ''\" class=\"transition-colors ease-in-out duration-100 flex flex-col justify-center items-center font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-center bg-lima-600 text-white-50 h-5 md:h-6 w-auto px-4 rounded-full disabled:bg-white-50/25 disabled:text-white-50/50 disabled:cursor-not-allowed\">\n                      Subscribe\n                    </button>\n                    <transition name=\"slide\">\n                      <p v-if=\"success\" class=\"font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-white-50\">Thank you for subscribing.</p>\n                    </transition>\n                  </div>\n                </form>\n              </ClientOnly>\n            </div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-4 md:gap-6 items-center\">\n          <a href=\"https://mcscertified.com/\" title=\"#\" target=\"_blank\">\n            <img\n              src=\"~/assets/mcs-logo.png\"\n              alt=\"#\"\n              width=\"60\"\n              height=\"80\"\n              class=\"h-[40px] md:h-[60px] w-auto\"\n              loading=\"lazy\"\n            >\n          </a>\n          <a href=\"https://www.trustmark.org.uk/\" title=\"#\" target=\"_blank\">\n            <img\n              src=\"~/assets/trustmark-logo.png\"\n              alt=\"#\"\n              width=\"237\"\n              height=\"50\"\n              class=\"h-[40px] md:h-[60px] w-auto\"\n              loading=\"lazy\"\n            >\n          </a>\n          <a href=\"https://www.fsb.org.uk/\" title=\"#\" target=\"_blank\">\n            <img\n              src=\"~/assets/fsb-logo.png\"\n              alt=\"#\"\n              width=\"101\"\n              height=\"60\"\n              class=\"h-[40px] md:h-[60px] w-auto\"\n              loading=\"lazy\"\n            >\n          </a>\n          <a href=\"https://www.fca.org.uk/\" title=\"#\" target=\"_blank\">\n            <img\n              src=\"~/assets/fca-logo.png\"\n              alt=\"#\"\n              width=\"190\"\n              height=\"60\"\n              class=\"h-[40px] md:h-[60px] w-auto\"\n              loading=\"lazy\"\n            >\n          </a>\n          <a href=\"https://www.recc.org.uk/\" title=\"#\" target=\"_blank\">\n            <img\n              src=\"~/assets/recc-logo.png\"\n              alt=\"#\"\n              width=\"190\"\n              height=\"60\"\n              class=\"h-[40px] md:h-[60px] w-auto\"\n              loading=\"lazy\"\n            >\n          </a>\n        </div>\n\n        <div class=\"pt-6 border-t border-white-50/20 flex flex-col lg:flex-row gap-6 justify-between items-start lg:items-center\">\n          <div>\n            <span class=\"font-hass-display text-p_mobile md:text-p_tablet lg:text-p_desktop font-roman text-white-50/50\">\n              &copy; {{ year }} EPC Improvements Ltd. All rights reserved.\n            </span>\n          </div>\n          <div class=\"flex flex-row gap-[10px] items-start lg:items-center\">\n            <a href=\"https://www.facebook.com/epcimprovements/\" title=\"Facebook\" target=\"_blank\">\n              <img\n                src=\"~/assets/icon_social-facebook.svg\"\n                alt=\"Facebook\"\n                width=\"32\"\n                height=\"32\"\n                class=\"w-4 h-4\"\n                loading=\"lazy\"\n              >\n            </a>\n            <!-- <a href=\"#\" title=\"Twitter\" target=\"_blank\">\n              <img\n                src=\"~/assets/icon_social-twitter.svg\"\n                alt=\"#\"\n                width=\"32\"\n                height=\"32\"\n                class=\"w-4 h-4\"\n                loading=\"lazy\"\n              >\n            </a> -->\n            <a href=\"https://www.instagram.com/epc_improvements/\" title=\"Instagram\" target=\"_blank\">\n              <img\n                src=\"~/assets/icon_social-instagram.svg\"\n                alt=\"Instagram\"\n                width=\"32\"\n                height=\"32\"\n                class=\"w-4 h-4\"\n                loading=\"lazy\"\n              >\n            </a>\n            <!-- <a href=\"#\" title=\"#\" target=\"_blank\">\n              <img\n                src=\"~/assets/icon_social-youtube.svg\"\n                alt=\"#\"\n                width=\"32\"\n                height=\"32\"\n                class=\"w-4 h-4\"\n                loading=\"lazy\"\n              >\n            </a> -->\n            <a href=\"https://www.linkedin.com/company/epcimprovements/\" title=\"LinkedIn\" target=\"_blank\">\n              <img\n                src=\"~/assets/icon_social-linkedin.svg\"\n                alt=\"LinkedIn\"\n                width=\"32\"\n                height=\"32\"\n                class=\"w-4 h-4\"\n                loading=\"lazy\"\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\" scoped>\n  .toggle:after {\n    background-image: url(\"data:image/svg+xml,%0A%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.564 8.116'%3E%3Cpath id='path-1' d='M9.678,1.1l8.029,6.5a.7.7,0,0,1,.1.984l-.173.215a.7.7,0,0,1-.985.1L9.184,2.855,1.717,8.9A.7.7,0,0,1,.8,8.874L.732,8.8.559,8.584a.7.7,0,0,1,.1-.984h0L8.691,1.1A.7.7,0,0,1,9.184.944.7.7,0,0,1,9.678,1.1Z' transform='translate(-0.403 -0.942)' style='fill:%23ffffff;fill-rule:evenodd'/%3E%3C/svg%3E\");\n    background-size:18px;\n    background-position: center center;\n    background-repeat: no-repeat;\n  }\n</style>\n"],"names":["_imports_1","_imports_2","_imports_3","_imports_4","fetchSettings","settings","useSettings","__temp","__restore","_withAsyncContext","year","links","open","ref","toggle","uid","name","email","success","subscribe","usePipedrive","submit","start","useTimeoutFn"],"mappings":"kxBAAA,MAAeA,GAAA,GAAA,IAAA,IAAA,8BAAA,YAAA,GAAA,EAAA,KCAAC,GAAA,GAAA,IAAA,IAAA,wBAAA,YAAA,GAAA,EAAA,KCAAC,GAAA,GAAA,IAAA,IAAA,wBAAA,YAAA,GAAA,EAAA,KCAAC,GAAA,GAAA,IAAA,IAAA,yBAAA,YAAA,GAAA,EAAA,6qGCIX,KAAM,CAAE,cAAAC,EAAe,SAAAC,CAAS,EAAIC,EAAY,EAChD,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAML,EAAA,CAAc,cAEpB,MAAMM,EAAO,IAAI,KAAK,EAAE,YAAY,EAE9BC,EAAQN,EAAS,MAAM,gCAEvBO,EAAOC,IAEPC,EAAUC,GAAe,CACzBH,EAAK,OAASG,EAChBH,EAAK,MAAQG,EAEbH,EAAK,MAAQ,IACf,EAIII,EAAOH,EAAI,EAAE,EACbI,EAAQJ,EAAI,EAAE,EACdK,EAAUL,EAAI,EAAK,EAEnB,CAAE,UAAAM,GAAcC,IAEhBC,EAAS,SAAY,CAIzB,IAFiB,MAAMF,EAAUH,EAAK,MAAOC,EAAM,KAAK,GAE5C,QAAS,CAEnBD,EAAK,MAAQ,GACbC,EAAM,MAAQ,GAEdC,EAAQ,MAAQ,GAEhB,KAAM,CAAE,MAAAI,GAAUC,GAAa,IAAM,CACnCL,EAAQ,MAAQ,IACf,GAAI,EAEDI,GAER,CAAA"}