{"version":3,"file":"DZs40bnL.js","sources":["../../../../virtual:public?%2Flogo%2Fhero.png","../../../../virtual:public?%2Flogo%2Fapp-store.png","../../../../virtual:public?%2Flogo%2Fgoogle-play.png","../../../../components/Home/HeroSection.vue","../../../../components/Home/IntroSection.vue","../../../../components/Home/LocationSection.vue","../../../../virtual:public?%2Fhomepage%2Fapp-demo.png","../../../../virtual:public?%2Fhomepage%2Fapp-demo-ar.png","../../../../components/Home/CallToActionSection.vue","../../../../virtual:public?%2Fhomepage%2Fimage-2.png","../../../../virtual:public?%2Fhomepage%2Fimage-3.png","../../../../components/Home/JoinUsSection.vue"],"sourcesContent":["import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/logo/hero.png\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/logo/app-store.png\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/logo/google-play.png\")","<template>\n  <div class=\"hero-section\">\n    <img class=\"hero-img\" src=\"/logo/hero.png\" />\n    <div class=\"absolute inset-0 z-2\">\n      <section\n        class=\"auto-container flex flex-col items-start h-full justify-center gap-y-4 z-2 max-w-9/10\"\n      >\n        <h1 class=\"md:text-5xl text-3xl max-w-3/5\">\n          {{ $t('hero.hero_title') }}\n        </h1>\n        <p class=\"max-w-3/5\">\n          {{ $t('hero.hero_subtitle') }}\n        </p>\n\n        <NuxtLink\n          :to=\"{\n            path: $l('/'),\n            hash: '#get-app',\n          }\"\n        >\n          <button class=\"btn-primary btn-hover uppercase py-4 px-12 mt-10\">\n            {{ $t('hero.explore_the_app') }}\n          </button>\n        </NuxtLink>\n        <div class=\"flex-center-none gap-2 h-8\">\n          <a\n            class=\"h-full\"\n            href=\"https://apps.apple.com/ae/app/taza-express/id1614409775\"\n            target=\"_blank\"\n          >\n            <img src=\"/logo/app-store.png\" class=\"h-full object-contain\" />\n          </a>\n          <a\n            href=\"https://play.google.com/store/apps/details?id=com.creativeadvtech.taza_mobile_production\"\n            class=\"h-full\"\n            target=\"_blank\"\n          >\n            <img src=\"/logo/google-play.png\" class=\"h-full object-contain\" />\n          </a>\n        </div>\n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\"></script>\n\n<style scoped lang=\"scss\">\n.hero-img {\n  --at-apply: 'sm:h-80 h-50 my-auto translate-y-50% sm:translate-y-30% md:translate-y-0 md:h-full absolute end-0 md:translate-none end-0 md:max-w-full object-cover transform rtl:scale-x-[-1] z-0';\n}\n\n.hero-section {\n  --at-apply: 'w-full h-md md:h-xl relative from-secondary to-bg-primary bg-gradient-linear bg-gradient-to-b';\n}\n</style>\n","<template>\n  <SectionContainer :title=\"$t('home.intro.title')\">\n    <div\n      class=\"w-full flex flex-1 max-w-4xl mx-auto gap-4 flex-wrap items-center justify-center\"\n    >\n      <div\n        class=\"flyer\"\n        v-for=\"(item, i) in items\"\n        :class=\"`flyer-${i + 1}`\"\n        :key=\"item.title\"\n      >\n        <div class=\"absolute top-0 inset-x-0\">\n          <h3 class=\"title\">\n            {{ $t(item.title) }}\n          </h3>\n          <p class=\"description\">\n            {{ $t(item.description) }}\n          </p>\n        </div>\n\n        <div class=\"flex-1\"></div>\n        <img\n          class=\"image\"\n          v-if=\"item.image\"\n          :src=\"`/homepage/${item.image}`\"\n          alt=\"flyer\"\n        />\n      </div>\n    </div>\n  </SectionContainer>\n</template>\n\n<script setup lang=\"ts\">\nconst items = [\n  {\n    title: 'home.intro.head1',\n    description: 'home.intro.desc1',\n    class: 'bg-deliver-bg',\n    image: 'Layer_x0020_1.png',\n  },\n  {\n    title: 'home.intro.head2',\n    description: 'home.intro.desc2',\n    class: 'bg-offer-bg',\n    image: 'Layer_x0020_2.png',\n  },\n  {\n    title: 'home.intro.head3',\n    description: 'home.intro.desc3',\n    class: 'bg-basket-bg',\n    image: 'Layer_x0020_3.png',\n  },\n];\n</script>\n\n<style scoped lang=\"scss\">\n.flyer {\n  --at-apply: 'rounded-lg overflow-hidden text-start relative bg-no-repeat bg-cover';\n  --at-apply: 'flex flex-none flex-col justify-end  rounded-md';\n  --at-apply: 'w-240px md:flex-1 aspect-ratio-1/2';\n  .title {\n    --at-apply: 'px-5 pt-6 pb-4 font-semibold z-20 md:text-xl';\n  }\n  .description {\n    --at-apply: 'px-5  font-normal';\n  }\n  .image {\n  }\n  &.flyer-1 {\n    background: linear-gradient(\n      177deg,\n      #ebf0ce 0%,\n      rgba(246, 231, 245, 0) 100%\n    );\n  }\n  &.flyer-2 {\n    background: var(\n      --gradient-primary,\n      linear-gradient(177deg, #f6e7f5 0%, rgba(246, 231, 245, 0) 100%)\n    );\n  }\n  &.flyer-3 {\n    background: linear-gradient(\n      177deg,\n      #fff3ce 0%,\n      rgba(246, 231, 245, 0) 100%\n    );\n  }\n}\n</style>\n","<template>\n  <SectionContainer :title=\"$t('home.location.title')\">\n    <div class=\"flex-wrap flex flex-1 w-full gap-4 items-center justify-center\">\n      <div\n        class=\"rounded-md overflow-hidden relative text-center aspect-square w-32 md:w-unset\"\n        v-for=\"item in cities\"\n        :key=\"item.title\"\n      >\n        <img\n          :src=\"`/homepage/${item.image}`\"\n          :class=\"!item.isAvailable && 'grayscale'\"\n          class=\"w-full h-full object-cover rounded-md\"\n        />\n        <div\n          class=\"absolute inset-0 flex-center-none text-lg text-center font-semibold\"\n        >\n          <h3 class=\"text-white\" v-if=\"item.isAvailable\">\n            {{ $t(item.title) }}\n          </h3>\n          <h3 class=\"text-white text-shadow\" v-else>\n            {{ $t('home.location.coming_soon') }}\n          </h3>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n</template>\n\n<script setup lang=\"ts\">\nconst cities = [\n  {\n    title: 'home.location.location1',\n    isAvailable: true,\n    image: 'location-1.png',\n  },\n  {\n    title: 'home.location.location2',\n    isAvailable: false,\n    image: 'location-2.png',\n  },\n  {\n    title: 'home.location.location3',\n    isAvailable: false,\n    image: 'location-3.png',\n  },\n  {\n    title: 'home.location.location4',\n    isAvailable: false,\n    image: 'location-4.png',\n  },\n];\n</script>\n\n<style scoped></style>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/homepage/app-demo.png\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/homepage/app-demo-ar.png\")","<template>\n  <SectionContainer id=\"get-app\" :title=\"$t('home.callToAction.title')\">\n    <div class=\"flex flex-wrap items-center justify-center gap-y-8\">\n      <div class=\"w-1/2 min-w-64 flex justify-center items-center flex-col\">\n        <h3 class=\"text-2xl font-normal text-start mb-5\">\n          {{ $t('home.callToAction.desc') }}\n        </h3>\n\n        <div class=\"flex-center-none gap-2 h-12 min-w-64\">\n          <a\n            class=\"h-full\"\n            href=\"https://apps.apple.com/ae/app/taza-express/id1614409775\"\n            target=\"_blank\"\n          >\n            <img src=\"/logo/app-store.png\" class=\"h-full object-contain\" />\n          </a>\n          <a\n            href=\"https://play.google.com/store/apps/details?id=com.creativeadvtech.taza_mobile_production\"\n            class=\"h-full\"\n            target=\"_blank\"\n          >\n            <img src=\"/logo/google-play.png\" class=\"h-full object-contain\" />\n          </a>\n        </div>\n      </div>\n      <div class=\"aspect-square md:w-1/2 min-h-96 w-full flex-center-none\">\n        <img\n          src=\"/homepage/app-demo.png\"\n          alt=\"\"\n          class=\"h-full h-full object-contain\"\n          v-if=\"locale === 'en'\"\n        />\n        <img\n          src=\"/homepage/app-demo-ar.png\"\n          alt=\" w-full h-full object-contain\"\n          v-else\n        />\n      </div>\n    </div>\n  </SectionContainer>\n</template>\n\n<script setup lang=\"ts\">\nconst { locale } = useI18n();\n</script>\n\n<style scoped></style>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/homepage/image-2.png\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/homepage/image-3.png\")","<template>\n  <SectionContainer :title=\"$t('home.joinUs.title')\">\n    <div class=\"flex flex-1 flex-wrap gap-4 items-center justify-center\">\n      <div class=\"card\">\n        <img\n          src=\"/homepage/image-2.png\"\n          alt=\"\"\n          class=\"aspect-square h-full object-cover\"\n        />\n        <div class=\"flex flex-col justify-between items-start p-4\">\n          <h3 class=\"text-xl md:text-2xl text-start font-medium\">\n            {{ $t('home.joinUs.head1') }}\n          </h3>\n          <p class=\"text-sm md:text-base text-start\">\n            {{ $t('home.joinUs.desc1') }}\n          </p>\n          <NuxtLink :to=\"$l('/contact')\">\n            <button class=\"btn\">\n              {{ $t('home.joinUs.btn1') }}\n            </button>\n          </NuxtLink>\n        </div>\n      </div>\n      <div class=\"card\">\n        <img\n          src=\"/homepage/image-3.png\"\n          alt=\"\"\n          class=\"aspect-square h-full object-cover\"\n        />\n        <div class=\"flex flex-col justify-between items-start p-4\">\n          <h3 class=\"text-xl md:text-2xl text-start font-medium\">\n            {{ $t('home.joinUs.head2') }}\n          </h3>\n          <p class=\"text-sm md:text-base text-start\">\n            {{ $t('home.joinUs.desc2') }}\n          </p>\n          <a href=\"mailto: jobs@taza.iq\" target=\"_blank\">\n            <button class=\"btn\">\n              {{ $t('home.joinUs.btn2') }}\n            </button>\n          </a>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n</template>\n\n<script setup lang=\"ts\"></script>\n\n<style scoped lang=\"scss\">\n.card {\n  --at-apply: 'flex-none md:flex-1 flex flex-row bg-bg-secondary md:h-48  h-36 rounded-lg overflow-hidden w-9/10 md:w-1/2';\n}\n\n.btn {\n  --at-apply: 'btn-accent rounded-full text-sm w-32 md:text-base md:w-48';\n}\n</style>\n"],"names":["_imports_0$2","publicAssetsURL","_imports_0$1","_imports_1$1","_withScopeId","n","_popScopeId","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","_ctx","_component_NuxtLink","_withCtx","items","cities","_imports_2","_imports_3","locale","useI18n","_imports_0","_imports_1","_hoisted_10","_hoisted_11","_hoisted_13","_createBlock","_component_SectionContainer","_createVNode","_hoisted_8","_hoisted_9","_hoisted_12"],"mappings":"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"}