{"version":3,"file":"default.c1aee14d.js","sources":["../../../../../../../images/logo-white.svg","../../../../components/Footer.vue"],"sourcesContent":["export default \"__VITE_PUBLIC_ASSET__aaf1e1e9__\"","<template>\n    <div class=\"pt-48\">\n        <footer class=\"px-4 pb-6 sm:px-8 lg:pb-20 bg-slate-800 lg:px-12\">\n            <!-- Cta Banner -->\n            <div\n                    class=\"relative py-12 -mb-12 overflow-hidden -translate-y-24 rounded-lg md:rounded-tr-full md:-translate-x-8 lg:py-24 bg-gradient-to-tl from-blue-700 via-blue-600 to-blue-500 lg:-translate-x-12 lg:-translate-y-32\">\n                <div class=\"absolute inset-0\">\n                    <img src=\"/images/cta-bg.png\" alt=\"\" class=\"object-cover w-full h-full opacity-20\">\n                </div>\n                <div class=\"relative z-20 w-full max-w-screen-xl px-4 mx-auto lg:px-12\">\n                    <div\n                            class=\"flex flex-col items-start space-y-6 md:pr-24 lg:justify-between lg:items-center lg:flex-row 2xl:pr-0 lg:space-y-0\">\n                        <div class=\"max-w-md space-y-6\">\n              <span class=\"text-2xl font-semibold md:text-4xl text-slate-100\">\n                Leverage our team of experts to build or maintain your web application.\n              </span>\n                        </div>\n                        <a href=\"#\"\n                           class=\"inline-flex items-center px-4 py-3 space-x-1 font-semibold text-indigo-600 transition-colors duration-300 rounded-full bg-gradient-to-bl from-white via-indigo-100 to-white leading-0 hover:from-blue-600 hover:via-blue-700 hover:to-blue-500 hover:text-white\">\n            <span>\n              Get in touch\n            </span>\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\"\n                                 stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"4\" d=\"M9 5l7 7-7 7\"/>\n                            </svg>\n                        </a>\n                    </div>\n                    <!-- usps -->\n                    <div\n                            class=\"flex flex-col pt-6 space-y-3 md:space-y-0 md:space-x-6 md:items-center md:flex-row lg:pt-10 lg:space-x-10\">\n          <span class=\"flex items-center space-x-3\">\n            <span\n                    class=\"flex items-center justify-center w-8 h-8 border-2 rounded-full md:w-10 md:h-10 border-opacity-20 border-indigo-50\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-6 h-6 text-indigo-100\" fill=\"none\" viewBox=\"0 0 24 24\"\n                   stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                      d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\"/>\n              </svg>\n            </span>\n            <span class=\"text-sm font-semibold lg:text-lg text-slate-200\">\n              Experienced Developers\n            </span>\n          </span>\n                        <span class=\"flex items-center space-x-3\">\n            <span\n                    class=\"flex items-center justify-center w-8 h-8 border-2 rounded-full md:w-10 md:h-10 border-opacity-20 border-indigo-50\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-6 h-6 text-indigo-100\" fill=\"none\" viewBox=\"0 0 24 24\"\n                   stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                      d=\"M11.933 12.8a1 1 0 000-1.6L6.6 7.2A1 1 0 005 8v8a1 1 0 001.6.8l5.333-4zM19.933 12.8a1 1 0 000-1.6l-5.333-4A1 1 0 0013 8v8a1 1 0 001.6.8l5.333-4z\"/>\n              </svg>\n            </span>\n            <span class=\"text-sm font-semibold lg:text-lg text-slate-200\">\n              Rapid Development Procedures\n            </span>\n          </span>\n                        <span class=\"flex items-center space-x-3\">\n            <span\n                    class=\"flex items-center justify-center w-8 h-8 border-2 rounded-full md:w-10 md:h-10 border-opacity-20 border-indigo-50\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-6 h-6 text-indigo-100\" fill=\"none\" viewBox=\"0 0 24 24\"\n                   stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                      d=\"M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4\"/>\n              </svg>\n            </span>\n            <span class=\"text-sm font-semibold lg:text-lg text-slate-200\">\n              Dedicated Security Specialists\n            </span>\n          </span>\n                    </div>\n                    <!--/ usps -->\n                </div>\n            </div>\n            <!--/ Cta Banner -->\n            <!-- Footer -->\n            <div class=\"max-w-screen-xl mx-auto\">\n                <div class=\"grid lg:grid-cols-2\">\n                    <div class=\"space-y-8\">\n                        <div class=\"space-y-3\">\n                            <a href=\".\">\n                                <img src=\"/images/logo-white.svg\" alt=\"Webdevs.com.au Logo\" class=\"h-12\">\n                            </a>\n                            <p class=\"italic tracking-wider text-slate-200\" v-text=\"footerMenu.tagline\"/>\n                        </div>\n\n                        <span class=\"block tracking-wider text-slate-200\">Locations</span>\n\n                        <div class=\"flex\">\n                            <address class=\"flex-1 not-italic leading-7 text-slate-400\">\n                                42 Westminster Street, <br />\n                                Bexley, NSW\n                            </address>\n\n                            <address class=\"flex-1 not-italic leading-7 text-slate-400\">\n                                2C Arcadia Street, <br />\n                                Adelaide, SA\n                            </address>\n                        </div>\n                        <a href=\"mailto:info@webdevs.com.au\" class=\"inline-block text-slate-400 hover:text-blue-600\">info@webdevs.com.au</a>\n                    </div>\n                    <div class=\"pt-12 space-y-8 lg:pt-14\">\n                        <span class=\"block tracking-wider text-slate-200\" v-text=\"footerMenu.navigationTitle\"/>\n                        <div class=\"grid grid-cols-2 gap-12 text-slate-400\">\n\n                            <nav class=\"space-y-2\">\n                                <a v-for=\"navItem in footerMenu.nav.filter((v, i) => !(i % 2))\" :href=\"navItem.link.url\"\n                                   class=\"block hover:text-blue-600\">\n                                    {{ navItem.label }}\n                                </a>\n                            </nav>\n\n                            <nav class=\"space-y-2\">\n                                <a v-for=\"navItem in footerMenu.nav.filter((v, i) => i % 2)\" :href=\"navItem.link.url\"\n                                   class=\"block hover:text-blue-600\">\n                                    {{ navItem.label }}\n                                </a>\n                            </nav>\n                        </div>\n                    </div>\n                </div>\n                <div\n                        class=\"flex flex-col pt-6 mt-12 space-y-4 border-t lg:space-y-0 lg:justify-between lg:items-center lg:flex-row border-slate-600 lg:pt-8 lg:mt-24\">\n                    <span class=\"text-slate-400\" v-text=\"footerMenu.copyright\"/>\n                    <nav class=\"flex flex-col space-y-2 sm:space-y-0 sm:space-x-2 sm:flex-row lg:space-x-6\">\n                        <a v-for=\"bottomLink in footerMenu.bottomLinks\" :href=\"bottomLink.link.url\"\n                           v-text=\"bottomLink.label\" class=\"text-slate-400 hover:text-blue-600\"/>\n                    </nav>\n                </div>\n            </div>\n            <!--/ Footer -->\n        </footer>\n    </div>\n</template>\n\n<script setup>\nconst config = useRuntimeConfig();\nconst storyblokApi = useStoryblokApi()\n\nconst {data} = await storyblokApi.get('cdn/stories/globals/footer', {\n    version: config.STORYBLOK_STAGE,\n    resolve_links: 'link',\n})\n\nconst footerMenu = ref(null)\nfooterMenu.value = data.story.content\n\n</script>"],"names":["_imports_1","config","useRuntimeConfig","storyblokApi","useStoryblokApi","data","footerMenu","ref"],"mappings":"4NAAA,MAAeA,EAAA,GAAA,WAAA,kBAAA,uBAAA,qhJCwIf,MAAMC,EAASC,EAAA,EACTC,EAAeC,EAAiB,EAEhC,CAAC,KAAAC,CAAI,eAAUF,EAAa,IAAI,6BAA8B,CAChE,QAASF,EAAO,gBAChB,cAAe,MACnB,CAAC,CAAA,mBAEKK,EAAaC,EAAI,IAAI,EAC3B,OAAAD,EAAW,MAAQD,EAAK,MAAM"}