{"version":3,"file":"BQFS7nTx.js","sources":["../../../../components/pagine/home/hero/index.vue","../../../../assets/img/pagine/home/servizi.jpg","../../../../components/pagine/home/servizi-in-evidenza/index.vue","../../../../components/pagine/home/grid-blocks/index.vue","../../../../components/pagine/home/ambiti-in-evidenza/index.vue","../../../../graphql/queries/homepage.js","../../../../pages/index.vue"],"sourcesContent":["<script setup>\nimport { gsap } from 'gsap'\n\ndefineProps({\n  hero: {\n    type: Object,\n    default: () => ({}),\n  },\n})\n\nconst titleRef = ref(null)\nconst titleRefTwo = ref(null)\nconst imageRef = ref(null)\nconst { isHydrating } = useNuxtApp()\n\nonMounted(() => {\n  if (isHydrating) {\n    setTimeout(animate, 4500)\n  } else {\n    animate()\n  }\n})\n\nconst animate = () => {\n  gsap.fromTo(\n    titleRef.value,\n    {\n      y: '100%',\n      autoAlpha: 0,\n    },\n    {\n      y: '0%',\n      autoAlpha: 1,\n      duration: 1,\n      ease: 'Power3.out',\n      delay: 0.5,\n    },\n  )\n\n  gsap.fromTo(\n    titleRefTwo.value,\n    {\n      y: '100%',\n      autoAlpha: 0,\n    },\n    {\n      y: '0%',\n      autoAlpha: 1,\n      duration: 1,\n      ease: 'Power3.out',\n      delay: 1,\n    },\n  )\n  gsap.fromTo(\n    imageRef.value,\n    {\n      scale: 0,\n      autoAlpha: 0,\n      transformOrigin: 'center center',\n    },\n    {\n      scale: 1,\n      autoAlpha: 1,\n      duration: 1.5,\n      ease: 'Power3.out',\n    },\n  )\n}\n</script>\n\n<template>\n  <div class=\"visibility-fixed-block home-hero row-175-20 p-top-6 max\">\n    <div class=\"left-section\">\n      <div ref=\"imageRef\" class=\"main-img-container\">\n        <DefaultPicture\n          v-if=\"hero.sezioneSinistra.immagine.responsiveImage\"\n          :image=\"{\n            custom: hero.sezioneSinistra.immagine.responsiveImage,\n          }\"\n          :lazy-load=\"true\"\n          alt=\"DigitXS\"\n        />\n      </div>\n      <!-- eslint-disable vue/no-v-html -->\n      <h1\n        v-if=\"\n          hero.sezioneSinistra.titolo && hero.sezioneSinistra.secondaParteTitolo\n        \"\n        class=\"home-hero__title heading-1\"\n      >\n        <div\n          ref=\"titleRef\"\n          class=\"part-one\"\n          v-html=\"hero.sezioneSinistra.titolo\"\n        />\n        <div\n          ref=\"titleRefTwo\"\n          class=\"part-two\"\n          v-html=\"hero.sezioneSinistra.secondaParteTitolo\"\n        />\n      </h1>\n      <p\n        v-if=\"hero.sezioneSinistra.testo\"\n        class=\"home-hero__description text-2\"\n        v-html=\"hero.sezioneSinistra.testo\"\n      />\n    </div>\n    <div class=\"right-section visibility-fixed-block\">\n      <div class=\"section-container\">\n        <DefaultPicture\n          v-if=\"hero.sezioneDestra.immagine.responsiveImage\"\n          :image=\"{\n            custom: hero.sezioneDestra.immagine.responsiveImage,\n          }\"\n          class=\"section-image\"\n          :lazy-load=\"true\"\n          alt=\"DigitXS\"\n        />\n        <!-- eslint-disable vue/no-v-html -->\n        <h2\n          v-if=\"hero.sezioneDestra.titolo\"\n          class=\"home-hero__title heading-2\"\n          v-html=\"hero.sezioneDestra.titolo\"\n        />\n        <!-- eslint-disable vue/no-v-html -->\n        <p\n          v-if=\"hero.sezioneDestra.testo\"\n          class=\"home-hero__description text-2\"\n          v-html=\"hero.sezioneDestra.testo\"\n        />\n        <MainButton\n          v-if=\"hero.sezioneDestra.cta && hero.sezioneDestra.cta.testo\"\n          :text=\"hero.sezioneDestra.cta.testo\"\n          :url=\"hero.sezioneDestra.cta.link\"\n          :internal-link=\"true\"\n          :is-gray=\"true\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'HomeHero',\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","export default \"__VITE_ASSET__iu5YBbmO__\"","<script setup>\ndefineProps({\n  servizi: {\n    type: Array,\n    default: () => [],\n  },\n})\n</script>\n\n<template>\n  <div class=\"servizi-in-evidenza row-40-20\">\n    <div class=\"container row-80-20 max\">\n      <h2 class=\"heading-2 in-evidenza-title\">\n        I nostri servizi, il tuo successo\n      </h2>\n      <div class=\"container-flex-sections p-top-4 p-bot-3\">\n        <div class=\"left-section\">\n          <img\n            src=\"@/assets/img/pagine/home/servizi.jpg\"\n            alt=\"DigitXS\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"right-section\">\n          <div v-if=\"servizi && servizi.length > 0\">\n            <div v-for=\"(servizio, index) in servizi\" :key=\"index\">\n              <nuxt-link\n                v-if=\"servizio.slug\"\n                :to=\"\n                  localePath({\n                    name: 'servizi-slug',\n                    params: { slug: servizio.slug },\n                  })\n                \"\n              >\n                <div\n                  v-if=\"servizio.titolo\"\n                  class=\"heading-2-b servizio\"\n                  :class=\"{ 'first-servizio': index === 0 }\"\n                >\n                  {{ servizio.titolo }}\n                </div>\n              </nuxt-link>\n            </div>\n          </div>\n          <div class=\"section-button\">\n            <MainButton\n              text=\"Tutti i servizi\"\n              url=\"/servizi\"\n              :internal-link=\"true\"\n              :is-black=\"true\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ServiziInEvidenza',\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<script setup>\nconst blocks = [\n  { title: '100%', subtitle: 'Gestione documentale compliance' },\n  { title: '-70%', subtitle: 'Sulla durata media dei processi aziendali' },\n  { title: '-40%', subtitle: 'Sul numero di processi interni' },\n  {\n    title: '+30%',\n    subtitle: 'Di tempo recuperato per attività ad alto valore',\n  },\n  {\n    title: '-25.000',\n    subtitle:\n      'Ore spese a risolvere errori umani in 1 anno in aziende con una media di 40 contabili',\n  },\n  {\n    title: '+10%',\n    subtitle: 'Di risparmio in 3 anni con l’automazione dei processi',\n  },\n]\n</script>\n\n<template>\n  <div class=\"grid-blocks row-40-20 max\">\n    <div class=\"container row-80\">\n      <div class=\"row\">\n        <div v-for=\"(block, index) in blocks\" :key=\"index\" class=\"square\">\n          <h2 class=\"title heading-4\">{{ block.title }}</h2>\n          <p class=\"subtitle text-2\">{{ block.subtitle }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'GridBlocks',\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<script setup>\ndefineProps({\n  ambiti: {\n    type: Object,\n    default: () => ({}),\n  },\n})\n</script>\n\n<template>\n  <div class=\"ambiti-in-evidenza row-40-20 max\">\n    <div class=\"row-80\">\n      <h2 class=\"heading-2 in-evidenza-title p-bot-3\">\n        Entriamo nel cuore di ogni azienda e risolviamo le specifiche necessità\n        di ogni funzione.\n      </h2>\n      <div v-if=\"ambiti && ambiti.length > 0\">\n        <div\n          v-for=\"(ambito, index) in ambiti\"\n          :key=\"index\"\n          :class=\"{ 'last-ambito': index === ambiti.length - 1 }\"\n          class=\"ambito\"\n        >\n          <div class=\"flex-ambiti\">\n            <p v-if=\"ambito.testo\" class=\"ambito-text text-3\">\n              {{ ambito.testo }}\n            </p>\n            <div class=\"ambito-btn\">\n              <MainButton\n                v-if=\"ambito.cta && ambito.cta.testo && ambito.cta.link\"\n                :text=\"ambito.cta.testo\"\n                :url=\"ambito.cta.link\"\n                :internal-link=\"true\"\n                :is-black=\"false\"\n                class=\"in-ambiti\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"button-ambiti p-top-4\">\n        <MainButton\n          text=\"Tutti gli ambiti di intervento\"\n          url=\"/ambiti\"\n          :internal-link=\"true\"\n          :is-black=\"false\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'AmbitiInEvidenza',\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","import { gql } from 'graphql-tag'\nimport { seoFragment } from '../fragments/seo.js'\nimport { responsiveImageFragment } from '../fragments/images'\n\nexport const homeData = gql`\n  ${seoFragment}\n  ${responsiveImageFragment}\n  query HomeData($locale: SiteLocale) {\n    homepage(locale: $locale) {\n      seo {\n        ...SeoFragment\n      }\n      homeHero {\n        sezioneSinistra {\n          titolo\n          secondaParteTitolo\n          testo\n          immagine {\n            responsiveImage(imgixParams: { fm: webp, q: \"50\" }) {\n              ...ResponsiveImageFragment\n            }\n          }\n        }\n        sezioneDestra {\n          titolo\n          testo\n          cta {\n            testo\n            link\n          }\n          immagine {\n            responsiveImage(imgixParams: { fm: webp, q: \"50\" }) {\n              ...ResponsiveImageFragment\n            }\n          }\n        }\n      }\n      serviziInEvidenza {\n        titolo\n        slug\n      }\n      ambitiInEvidenza {\n        titolo\n        slug\n        testo\n        cta {\n          testo\n          link\n        }\n      }\n      carosello {\n        titolo\n        slide {\n          nome\n          immagine {\n            responsiveImage(imgixParams: { fm: webp, q: \"50\" }) {\n              ...ResponsiveImageFragment\n            }\n          }\n          descrizione\n        }\n      }\n    }\n  }\n`\n","<script setup>\nimport { homeData } from '@/graphql/queries/homepage.js'\n\ndefinePageMeta({\n  layout: 'default',\n})\n\nconst { locale } = useI18n()\n\nconst variables = computed(() => ({\n  locale: locale.value,\n}))\n\nconst { data } = await useGraphql(homeData, variables)\n\nif (!data.value.homepage) {\n  throw createError({ statusCode: 404 })\n}\n\nconst page = computed(() => data?.value.homepage)\nconst hero = computed(() => page?.value.homeHero || {})\nconst serviziInEvidenza = computed(() => page?.value.serviziInEvidenza || {})\nconst ambitiInEvidenza = computed(() => page?.value.ambitiInEvidenza || {})\n\nconst seo = computed(() => page?.value.seo || {})\nuseSeo(seo)\n</script>\n\n<template>\n  <div class=\"homepage\">\n    <PagineHomeHero v-if=\"hero\" :hero=\"hero\" />\n    <PagineHomeServiziInEvidenza\n      v-if=\"serviziInEvidenza\"\n      class=\"p-top-7\"\n      :servizi=\"serviziInEvidenza\"\n    />\n    <SwiperSlider\n      v-if=\"\n        page.carosello && page.carosello.slide && page.carosello.slide.length\n      \"\n      class=\"p-top-7\"\n      :slides=\"page.carosello.slide\"\n      :title=\"page.carosello.titolo\"\n      type=\"default-type\"\n    />\n    <AddaBlock class=\"p-top-7\" />\n    <PagineHomeGridBlocks class=\"p-top-7\" />\n    <PagineHomeAmbitiInEvidenza\n      v-if=\"ambitiInEvidenza\"\n      class=\"p-top-7\"\n      :ambiti=\"ambitiInEvidenza\"\n    />\n    <PagineHomeEndPageSection class=\"p-top-7\" :with-text=\"true\" />\n  </div>\n</template>\n"],"names":["__default__","titleRef","ref","titleRefTwo","imageRef","isHydrating","useNuxtApp","onMounted","animate","gsap","_imports_0","blocks","homeData","gql","seoFragment","responsiveImageFragment","locale","useI18n","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","createError","page","hero","serviziInEvidenza","ambitiInEvidenza","seo","useSeo"],"mappings":"6xBA+IeA,GAAA,CACb,KAAM,UACR,4EAvIA,MAAMC,EAAWC,EAAI,IAAI,EACnBC,EAAcD,EAAI,IAAI,EACtBE,EAAWF,EAAI,IAAI,EACnB,CAAE,YAAAG,CAAa,EAAGC,EAAU,EAElCC,EAAU,IAAM,CACVF,EACF,WAAWG,EAAS,IAAI,EAExBA,EAAO,CAEX,CAAC,EAED,MAAMA,EAAU,IAAM,CACpBC,EAAK,OACHR,EAAS,MACT,CACE,EAAG,OACH,UAAW,CACZ,EACD,CACE,EAAG,KACH,UAAW,EACX,SAAU,EACV,KAAM,aACN,MAAO,EACR,CACL,EAEEQ,EAAK,OACHN,EAAY,MACZ,CACE,EAAG,OACH,UAAW,CACZ,EACD,CACE,EAAG,KACH,UAAW,EACX,SAAU,EACV,KAAM,aACN,MAAO,CACR,CACL,EACEM,EAAK,OACHL,EAAS,MACT,CACE,MAAO,EACP,UAAW,EACX,gBAAiB,eAClB,EACD,CACE,MAAO,EACP,UAAW,EACX,SAAU,IACV,KAAM,YACP,CACL,CACA,0+CCnEeM,GAAA,+PC4DAV,GAAA,CACb,KAAM,mBACR,k9BC3BeA,GAAA,CACb,KAAM,YACR,gCApCA,MAAMW,EAAS,CACb,CAAE,MAAO,OAAQ,SAAU,iCAAmC,EAC9D,CAAE,MAAO,OAAQ,SAAU,2CAA6C,EACxE,CAAE,MAAO,OAAQ,SAAU,gCAAkC,EAC7D,CACE,MAAO,OACP,SAAU,iDACX,EACD,CACE,MAAO,UACP,SACE,uFACH,EACD,CACE,MAAO,OACP,SAAU,uDACX,CACH,4XCmCeX,GAAA,CACb,KAAM,kBACR,o0BCnDaY,GAAWC;AAAA,IACpBC,CAAW;AAAA,IACXC,CAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kECC3B,KAAM,CAAE,OAAAC,CAAQ,EAAGC,EAAO,EAEpBC,EAAYC,EAAS,KAAO,CAChC,OAAQH,EAAO,KACjB,EAAE,EAEI,CAAE,KAAAI,CAAM,GAAG,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAWZ,GAAUM,CAAS,CAAA,mBAErD,GAAI,CAACE,EAAK,MAAM,SACd,MAAMK,EAAY,CAAE,WAAY,GAAK,CAAA,EAGvC,MAAMC,EAAOP,EAAS,IAAMC,GAAA,YAAAA,EAAM,MAAM,QAAQ,EAC1CO,EAAOR,EAAS,KAAMO,GAAA,YAAAA,EAAM,MAAM,WAAY,CAAE,CAAA,EAChDE,EAAoBT,EAAS,KAAMO,GAAA,YAAAA,EAAM,MAAM,oBAAqB,CAAE,CAAA,EACtEG,EAAmBV,EAAS,KAAMO,GAAA,YAAAA,EAAM,MAAM,mBAAoB,CAAE,CAAA,EAEpEI,EAAMX,EAAS,KAAMO,GAAA,YAAAA,EAAM,MAAM,MAAO,CAAE,CAAA,EAChD,OAAAK,EAAOD,CAAG"}