{"version":3,"file":"Home-CDVtHxmQ.js","sources":["../../../resources/images/shape-2.png","../../../resources/js/components/home/CitySection.vue","../../../resources/js/components/home/Partners.vue","../../../resources/js/components/home/Reservation.vue","../../../resources/js/components/home/TypesSection.vue"],"sourcesContent":["export default \"__VITE_ASSET__Bpr2hHSn__\"","<template>\n    <div>\n        <div class=\"section-title md:my-0\">\n            <h2>\n                {{ $t($content.cities_title) }}\n            </h2>\n        </div>\n        <section class=\"service-section mb-10\">\n            <div class=\"container\">\n                <div class=\"justify-center text-start\">\n                    <div class=\"service-item-grid flex flex-wrap justify-center\">\n                        <CityCard v-for=\"city in cities\" :city=\"city\" />\n                    </div>\n                </div>\n            </div>\n        </section>\n    </div>\n</template>\n\n<script>\nimport CityCard from \"./CityCard.vue\";\nexport default {\n    props: [\"cities\"],\n    components: {\n        CityCard,\n    },\n};\n</script>\n","<template>\n    <section class=\"partner-section\">\n        <div v-if=\"partners.length\" class=\"section-border-bottom pb-100 swiper\">\n            <div class=\"section-title\">\n                <h2 class=\"text-sec\">{{ $t(\"Partners\") }}</h2>\n            </div>\n            <swiper\n                :breakpoints=\"{\n                    320: {\n                        slidesPerView: 2,\n                        spaceBetween: 20,\n                    },\n                    640: {\n                        slidesPerView: 3,\n                        spaceBetween: 30,\n                    },\n                    1000: {\n                        slidesPerView: 5,\n                        spaceBetween: 30,\n                    },\n                }\"\n                :slidesPerView=\"5\"\n                :centeredSlides=\"true\"\n                :spaceBetween=\"10\"\n                :pagination=\"{\n                    clickable: true,\n                }\"\n                :loop=\"true\"\n                :speed=\"5000\"\n                :autoplay=\"{\n                    delay: 0,\n                    waitForTransition: true,\n                }\"\n                :freeMode=\"true\"\n                :modules=\"[Autoplay, FreeMode]\"\n                class=\"partner-carousel default-carousel my-14\"\n            >\n                <swiper-slide v-for=\"partner in partners\" :key=\"partner.domain\">\n                    <div class=\"partner-thumb flex h-[100px] justify-center\">\n                        <Link routeName=\"restaurants.show\" :params=\"{ restaurant: partner.domain }\">\n                            <img :src=\"partner.logo\" class=\"h-full\" />\n                        </Link>\n                    </div>\n                </swiper-slide>\n            </swiper>\n        </div>\n    </section>\n</template>\n\n<script setup>\nimport Link from \"../Link.vue\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport \"swiper/css\";\nimport { onMounted } from \"vue\";\nimport { Autoplay, FreeMode } from \"swiper/modules\";\n\ndefineProps([\"partners\"]);\n\nonMounted(() => {});\n</script>\n\n<style>\n.swiper-wrapper {\n    transition-timing-function: linear;\n}\n</style>\n","<template>\n    <section>\n        <section class=\"about-section pt-50 pb-10\">\n            <div class=\"container\">\n                <div class=\"flex flex-wrap items-center justify-between [&>*]:px-5\">\n                    <div class=\"pb-30 basis-full md:basis-2/4\">\n                        <div\n                            class=\"about-item-image about-image-width reservation-image-frame max-w-[500px] text-center\"\n                        >\n                            <img\n                                :src=\"$content.reserve_img\"\n                                alt=\"online reservation\"\n                                data-aos-delay=\"100\"\n                                data-aos=\"zoom-out-down\"\n                            />\n                        </div>\n                    </div>\n                    <div class=\"basis-full md:basis-2/4\">\n                        <div class=\"desk-ml-auto\">\n                            <div class=\"about-item-text\">\n                                <div class=\"section-title text-start\">\n                                    <h3\n                                        data-aos-delay=\"100\"\n                                        data-aos=\"zoom-out-down\"\n                                        class=\"mb-5 !text-xl text-sec\"\n                                    >\n                                        {{ $t($content.reserve_title) }}\n                                    </h3>\n                                    <div\n                                        data-aos-delay=\"200\"\n                                        data-aos=\"zoom-out-down\"\n                                        class=\"text-2xl text-prim\"\n                                    >\n                                        {{ $t($content.reserve_desc) }}\n                                    </div>\n                                </div>\n                                <Link :href=\"$content.reserve_button_link\" class=\"btn\">\n                                    {{ $t($content.reserve_button_title) }}\n                                    <i\n                                        class=\"flaticon-right-arrow-2\"\n                                        data-aos-delay=\"300\"\n                                        data-aos=\"zoom-out-down\"\n                                    ></i>\n                                </Link>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    </section>\n</template>\n\n<script>\nimport Link from \"../Link.vue\";\n\nexport default { components: { Link } };\n</script>\n","<template>\n    <div>\n        <transition name=\"slide\" mode=\"out-in\">\n            <div\n                class=\"quality-section quality-sec-bg overlay-shape pb-170 pt-200 mobile:!mask-none\"\n                :style=\"{\n                    mask: `url(${shape1}) 0px calc(0% - 1px)/100% 180px no-repeat exclude, url(${shape2}) 0px calc(100% + 1px)/100% 180px no-repeat exclude, linear-gradient(#000 0 0)`,\n                }\"\n            >\n                <!-- <div class=\"section-tb-shape gray\"></div> -->\n                <div class=\"container relative\">\n                    <div class=\"text-center mt-0\">\n                        <h2 class=\"text-white mb-4 font-semibold text-5xl\">{{ $t(\"Categories\") }}</h2>\n                    </div>\n                    <div class=\"service-item-grid flex flex-wrap justify-center\">\n                        <TypeCard\n                            v-for=\"rest_type in showTypes\"\n                            :type=\"rest_type\"\n                            :key=\"rest_type.id\"\n                        />\n                    </div>\n                    <div class=\"mt-5 basis-full\">\n                        <div class=\"d-felx text-center\">\n                            <a\n                                class=\"btn btn-small pa-1\"\n                                href=\"javascript:void(0);\"\n                                @click=\"loadMore\"\n                            >\n                                <Icon :name=\"!showLoadMore ? 'chevron-up' : 'chevron-down'\" class=\"me-2\" />\n                                {{ showLoadMore ? $t(\"Show More\") : $t(\"Show Less\") }}\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!-- Types Area -->\n            <!-- <section class=\"service-section\" v-if=\"showTypes.length && false\">\n                <div class=\"container\">\n                    <div\n                        class=\"service-item-grid flex flex-wrap justify-center\"\n                    >\n                        <vue-element-loading\n                            :active=\"loading\"\n                            spinner=\"line-wave\"\n                            color=\"#FF6700\"\n                            class=\"mt-5\"\n                        />\n                        <router-link\n                            :to=\"{\n                                name: 'type',\n                                params: { type_id: type.id, name: type.name },\n                            }\"\n                            v-for=\"type in showTypes\"\n                            :key=\"type.id\"\n                            class=\"service-item-list service-box-two\"\n                        >\n                            <div class=\"service-box-icon\">\n                                <img\n                                    :src=\"type.photo.url\"\n                                    class=\"img-fluid rounded-circle\"\n                                />\n                            </div>\n                            <div class=\"service-box-text\">\n                                <h3>{{ type.name }}</h3>\n                                <p>{{ type.desc }}</p>\n                                <p>\n                                    <a\n                                        href=\"javascript:void(0);\"\n                                        class=\"redirect-link\"\n                                        >{{ $t(\"view the gastronomy list\")\n                                        }}<i class=\"flaticon-right-arrow-2\"></i\n                                    ></a>\n                                </p>\n                            </div>\n                        </router-link>\n                    </div>\n                </div>\n                <div class=\"basis-full\">\n                    <div class=\"d-felx text-center\">\n                        <div v-if=\"loading\" style=\"heigth: 100px\">\n                            <vue-element-loading\n                                :active=\"true\"\n                                spinner=\"line-wave\"\n                                color=\"#FF6700\"\n                                class=\"mt-5\"\n                            />\n                        </div>\n                        <a\n                            class=\"btn btn-small pa-1\"\n                            v-else\n                            href=\"javascript:void(0);\"\n                            @click=\"loadMore\"\n                            ><i\n                                :class=\"`flaticon-arrow-${\n                                    showLoadMore ? 'down' : 'up'\n                                }-sign-to-navigate mr-2`\"\n                            ></i>\n                            {{\n                                showLoadMore ? $t(\"Show More\") : $t(\"Show Less\")\n                            }}</a\n                        >\n                    </div>\n                </div>\n            </section> -->\n            <!-- Restaurants List -->\n        </transition>\n    </div>\n</template>\n\n<script setup>\nimport Link from \"../Link.vue\";\nimport TypeCard from \"../types/TypeCard.vue\";\nimport shape1 from \"../../../images/shape-1.png\";\nimport shape2 from \"../../../images/shape-2.png\";\nimport { ref } from \"vue\";\nimport Icon from \"../panel/Icon.vue\";\n\nconst { types } = defineProps([\"types\"]);\n\nconst showLoadMore = ref(true);\nconst showTypes = ref(types.slice(0, 8));\nconst loadMore = () => {\n    // toggle load more\n    if (showLoadMore.value) {\n        showTypes.value = types;\n        showLoadMore.value = false;\n    } else {\n        showTypes.value = types.slice(0, 8);\n        showLoadMore.value = true;\n    }\n};\n</script>\n\n<style>\n/*translate fade (top to down)*/\n\n.translate-fade-down-enter-active,\n.translate-fade-down-leave-active {\n    transition: all 250ms;\n    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);\n}\n\n.translate-fade-down-enter,\n.translate-fade-down-leave-active {\n    opacity: 0;\n}\n\n.translate-fade-down-enter,\n.translate-fade-down-leave-to {\n    position: absolute;\n}\n\n.translate-fade-down-enter {\n    transform: translateY(-10px);\n}\n\n.translate-fade-down-leave-active {\n    transform: translateY(10px);\n}\n\n.cursor {\n    cursor: pointer;\n}\n</style>\n"],"names":["shape2","_sfc_main","CityCard","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createElementBlock","_createElementVNode","_toDisplayString","_ctx","_openBlock","_Fragment","_renderList","$props","city","_createBlock","_component_CityCard","onMounted","Link","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_createVNode","_component_Link","_withCtx","_createTextVNode","showLoadMore","ref","showTypes","__props","loadMore"],"mappings":"ktCAAA,MAAeA,EAAA,+rBCqBVC,EAAU,CACX,MAAO,CAAC,QAAQ,EAChB,WAAY,CACR,SAAAC,CACH,CACL,EAxBaC,EAAA,CAAA,MAAM,uBAAuB,EAKzBC,EAAA,CAAA,MAAM,uBAAuB,EAC7BC,EAAA,CAAA,MAAM,WAAW,EACbC,EAAA,CAAA,MAAM,2BAA2B,EAC7BC,EAAA,CAAA,MAAM,iDAAiD,2DAT5EC,EAeM,MAAA,KAAA,CAdFC,EAIM,MAJNN,EAIM,CAHFM,EAEK,KADE,KAAAC,EAAAC,EAAA,GAAGA,EAAA,SAAS,YAAY,CAAA,EAAA,CAAA,IAGnCF,EAQU,UARVL,EAQU,CAPNK,EAMM,MANNJ,EAMM,CALFI,EAIM,MAJNH,EAIM,CAHFG,EAEM,MAFNF,EAEM,EADFK,EAAA,EAAA,EAAAJ,EAAgDK,EAXxE,KAAAC,EAWiDC,EAAM,OAAdC,QAAjBC,EAAgDC,EAAA,CAAd,KAAMF,CAAI,EAAA,KAAA,EAAA,CAAA,MAAA,CAAA,2SC+CpE,OAAAG,EAAU,IAAM,CAAA,CAAE,2wBCFXlB,GAAW,CAAE,WAAY,CAAEmB,KAAAA,EAAK,EAtDtBjB,GAAA,CAAA,MAAM,2BAA2B,EACjCC,GAAA,CAAA,MAAM,WAAW,EACbC,GAAA,CAAA,MAAM,wDAAwD,EAC1DC,GAAA,CAAA,MAAM,+BAA+B,EAElCC,GAAA,CAAA,MAAM,sFAAsF,EAPxHc,GAAA,CAAA,KAAA,EAiByBC,GAAA,CAAA,MAAM,yBAAyB,EAC3BC,GAAA,CAAA,MAAM,cAAc,EAChBC,GAAA,CAAA,MAAM,iBAAiB,EACnBC,GAAA,CAAA,MAAM,0BAA0B,MAE7B,iBAAe,MACf,WAAS,gBACT,MAAM,8BAKN,iBAAe,MACf,WAAS,gBACT,MAAM,4EA9B1CjB,EAiDU,UAAA,KAAA,CAhDNC,EA+CU,UA/CVN,GA+CU,CA9CNM,EA6CM,MA7CNL,GA6CM,CA5CFK,EA2CM,MA3CNJ,GA2CM,CA1CFI,EAWM,MAXNH,GAWM,CAVFG,EASM,MATNF,GASM,CANFE,EAKE,MAAA,CAJG,IAAKE,EAAQ,SAAC,YACf,IAAI,qBACJ,iBAAe,MACf,WAAS,eAbzC,EAAA,KAAA,EAAAU,EAAA,MAiBoBZ,EA6BM,MA7BNa,GA6BM,CA5BFb,EA2BM,MA3BNc,GA2BM,CA1BFd,EAyBM,MAzBNe,GAyBM,CAxBFf,EAeM,MAfNgB,GAeM,CAdFhB,EAMK,KANLiB,GAMKhB,EADEC,KAAGA,EAAA,SAAS,aAAa,CAAA,EAAA,CAAA,EAEhCF,EAMM,MANNkB,GAMMjB,EADCC,KAAGA,EAAA,SAAS,YAAY,CAAA,EAAA,CAAA,IAGnCiB,EAOOC,EAAA,CAPA,KAAMlB,EAAQ,SAAC,oBAAqB,MAAM,QApCjF,QAAAmB,EAqCoC,IAAuC,CArC3EC,EAAArB,EAqCuCC,KAAGA,EAAA,SAAS,oBAAoB,GAAI,IACvC,CAAA,cAAAF,EAIK,IAAA,CAHD,MAAM,yBACN,iBAAe,MACf,WAAS,6BAzCjD,EAAA,2VCuHA,MAAMuB,EAAeC,EAAI,EAAI,EACvBC,EAAYD,EAAIE,EAAK,MAAC,MAAM,EAAG,CAAC,CAAC,EACjCC,EAAW,IAAM,CAEfJ,EAAa,OACbE,EAAU,MAAQC,EAAK,MACvBH,EAAa,MAAQ,KAErBE,EAAU,MAAQC,QAAM,MAAM,EAAG,CAAC,EAClCH,EAAa,MAAQ,GAE7B"}