{"version":3,"mappings":";w9FAGA,KAAM,CAAE,QAAAA,EAAS,QAAAC,CAAmB,EAAIC,EAAY,EAE9CC,EAAQC,utCCFd,MAAMC,EAAO,CACZ,CACC,KAAM,aACN,KAAM,aACN,IAAK,YACL,IAAK,2BACL,IAAK,QACL,EACD,CACC,KAAM,YACN,KAAM,YACN,IAAK,WACL,IAAK,0BACL,IAAK,OACL,EACD,CACC,KAAM,WACN,KAAM,WACN,IAAK,yBACL,IAAK,EACL,EACD,CACC,KAAM,YACN,KAAM,YACN,IAAK,0BACL,IAAK,EACL,EACD,CACC,KAAM,aACN,KAAM,aACN,IAAK,2BACL,IAAK,EACL,EAaD,CACC,KAAM,eACN,KAAM,eACN,IAAK,6BACL,IAAK,EACL,EACD,CACC,KAAM,YACN,KAAM,YACN,IAAK,0BACL,IAAK,EACL,EACD,CACC,KAAM,WACN,KAAM,WACN,IAAK,yBACL,IAAK,EACL,CACF,EACMC,EAAaC,GACXA,GAAQ,cAAgBA,GAAQ,gmCClEvC,KAAM,CAAE,QAAAP,CAAS,EAAGE,EAAY,w+CCMjC,KAAM,CAAE,QAAAF,CAAS,EAAGE,EAAY,EAC1BM,EAAMC,EAAO,KAAK,4lDCJxB,MAAMC,EAAMD,EAAO,KAAK,EAClBE,EAAW,CAChB,CACC,YAAa,SACb,aAAc,YACd,KAAM,+BACN,MAAOD,EAAG,aAAa,EACvB,YAAa,SACb,gBAAiB,EACjB,mBAAoB,EACpB,EACD,CACC,YAAa,YACb,aAAc,eAEd,KAAM,6BACN,MAAOA,EAAG,gBAAgB,EAC1B,YAAa,YACb,gBAAiB,EACjB,mBAAoB,EACpB,EACD,CACC,YAAa,YACb,aAAc,qBACd,KAAM,yBACN,MAAOA,EAAG,WAAW,EACrB,YAAa,SACb,gBAAiB,EACjB,mBAAoB,EACpB,EACD,CACC,YAAa,UACb,aAAc,eAEd,KAAM,sBACN,MAAOA,EAAG,cAAc,EACxB,YAAa,SACb,gBAAiB,EACjB,mBAAoB,EACpB,EASD,CACC,YAAa,aACb,aAAc,mBAEd,KAAM,8BACN,MAAOA,EAAG,iBAAiB,EAC3B,YAAa,YACb,gBAAiB,EACjB,mBAAoB,EACpB,EACD,CACC,YAAa,SACb,aAAc,YAEd,KAAM,0BACN,MAAOA,EAAG,aAAa,EACvB,YAAa,YACb,gBAAiB,EACjB,mBAAoB,EACpB,CACF,0kBChEgCE,EAAgB,EAMhD,MAAMC,EAAcC,EAAqB,UACrC,OAAO,2BAA8B,8GACzC,EAEMC,EAAiBD,EAAqB,UACxC,OAAO,8BAAiC,uEAC5C,EACME,EAAOC,EAAQ,EACQ,OAAAf,EAAW,EAoBzBgB,EAAS,IACbF,EAAK,MAAM,MACrB","names":["mdAndUp","lgAndUp","useDisplay","props","__props","team","isBigCard","name","__t","inject","tm","projects","useThemeSetting","BlogSection","defineAsyncComponent","OurWorkSection","page","usePage","computed"],"ignoreList":[],"sources":["../../../resources/js/Components/TeamProfile.vue","../../../resources/js/Components/Team.vue","../../../resources/js/Components/Meaning.vue","../../../resources/js/Components/ProjectCard.vue","../../../resources/js/Components/ProjectsSection.vue","../../../resources/js/Pages/Index.vue"],"sourcesContent":["<script setup>\nimport { useDisplay } from \"vuetify\";\n\nconst { mdAndUp, lgAndUp, mdAndDown } = useDisplay();\n\nconst props = defineProps([\"name\", \"role\", \"pic\", \"des\", \"linkedInUrl\", \"bigCard\", \"url\"]);\n</script>\n\n<template>\n\t<div class=\"group flex justify-start items-start\" v-if=\"bigCard\" data-aos=\"fade-up\">\n\n\t\t<div class=\"flex flex-col justify-start items-start w-full md:w-11/12 \">\n\t\t\t<div class=\"flex flex-row justify-start items-start w-full\">\n\n\t\t\t\t<img loading=\"lazy\" :alt=\"name\" :src=\"pic\" :width=\"mdAndUp ? 150 : 100\" :height=\"mdAndUp ? 150 : 100\"\n\t\t\t\t\tclass=\"transition-all duration-700 rounded-xl group-hover:shadow-primarydark md:group-hover:shadow-xl\n\t\t\t\t\t\t rtl:md:mr-10 ltr:md:ml-10 rtl:xl:mr-12 ltr:xl:ml-12 rtl:mr-3 ltr:ml-3\"></img>\n\t\t\t\t<div class=\"flex flex-col  justify-between w-full mx-2 mx-md-6\">\n\n\t\t\t\t\t<div class=\"flex flex-row justify-between\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p class=\" text-start font-semibold w-full mt-2\">\n\t\t\t\t\t\t\t\t{{ __t(`${props.name}`).toUpperCase() }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"text-primarydark text-start\">\n\t\t\t\t\t\t\t\t{{ __t(`${props.role}`) }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- <Link :to=\"localePath(`/${props.url}`)\"> -->\n\t\t\t\t\t\t\t<!-- <v-btn color=\"primarydark\" v-if=\"lgAndUp\" rounded=\"lg\" class=\"w-[120px] mt-5 md:mx-3\"\n\t\t\t\t\t\t\t\tdensity=\"comfortable\">\n\t\t\t\t\t\t\t\t{{ __t('readMoreAboutMe') }}\n\t\t\t\t\t\t\t</v-btn> -->\n\t\t\t\t\t\t<!-- </Link> -->\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<p v-if=\"lgAndUp\" class=\"mt-2\"> {{ __t(`${props.des}`) }}</p>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div v-if=\"!lgAndUp\" class=\"p-4\" data-aos=\"fade-up\">\n\t\t\t\t<p> {{ __t(`${props.des}`) }}</p>\n\t\t\t\t<div class=\"flex justify-end\">\n\t\t\t\t\t<!-- <Link :to=\"localePath(`/${props.url}`)\"> -->\n\t\t\t\t\t\t<!-- <v-btn color=\"primarydark\" rounded=\"lg\" class=\"w-[120px] mt-5 \" density=\"comfortable\">\n\t\t\t\t\t\t\t{{ __t('readMoreAboutMe') }}\n\t\t\t\t\t\t</v-btn> -->\n\t\t\t\t\t<!-- </Link> -->\n\n\t\t\t\t</div>\n\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\n\t<div class=\"group flex flex-col justify-center items-center mt-3 mt-md-9\" v-if=\"!bigCard\">\n\t\t<img loading=\"lazy\" :alt=\"name\" :src=\"pic\" sizes=\"md:150px 50px\" width=\"150\" height=\"150\"\n\t\t\tclass=\"transition-all duration-700 rounded-xl group-hover:shadow-primarydark group-hover:shadow-xl\"></img>\n\t\t<div class=\"flex flex-row-reverse justify-center items-center w-full md:w-11/12\">\n\t\t\t<div class=\"flex flex-col justify-center items-center w-full\">\n\t\t\t\t<p class=\" text-center font-semibold w-full mt-3\">\n\t\t\t\t\t{{ __t(`${props.name}`).toUpperCase() }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"text-primarydark text-center\">\n\t\t\t\t\t{{ __t(`${props.role}`) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n","<script setup>\nimport TeamProfile from \"@/Components/TeamProfile.vue\";\n\nconst team = [\n\t{\n\t\tname: \"moafakName\",\n\t\trole: \"moafakRole\",\n\t\tdes: \"moafakDes\",\n\t\tpic: \"/assets/team/moafak1.png\",\n\t\turl: \"moafak\",\n\t},\n\t{\n\t\tname: \"samehName\",\n\t\trole: \"samehRole\",\n\t\tdes: \"samehDes\",\n\t\tpic: \"/assets/team/sameh2.png\",\n\t\turl: \"sameh\",\n\t},\n\t{\n\t\tname: \"haniName\",\n\t\trole: \"haniRole\",\n\t\tpic: \"/assets/team/hani1.png\",\n\t\turl: \"\",\n\t},\n\t{\n\t\tname: \"gehadName\",\n\t\trole: \"gehadRole\",\n\t\tpic: \"/assets/team/gehad1.png\",\n\t\turl: \"\",\n\t},\n\t{\n\t\tname: \"kassarName\",\n\t\trole: \"kassarRole\",\n\t\tpic: \"/assets/team/kassar1.png\",\n\t\turl: \"\",\n\t},\n\t// {\n\t// \tname: \"abdullahName\",\n\t// \trole: \"abdullahRole\",\n\t// \tpic: \"/team/abdallah1.png\",\n\t// \tlinkedInUrl: \"\",\n\t// },\n\t// {\n\t// \tname: \"khaledName\",\n\t// \trole: \"khaledRole\",\n\t// \tpic: \"/team/khaled.png\",\n\t// \tlinkedInUrl: \"\",\n\t// },\n\t{\n\t\tname: \"iskanderName\",\n\t\trole: \"iskanderRole\",\n\t\tpic: \"/assets/team/iskander1.png\",\n\t\turl: \"\",\n\t},\n\t{\n\t\tname: \"marwaName\",\n\t\trole: \"marwaRole\",\n\t\tpic: \"/assets/team/marwa1.png\",\n\t\turl: \"\",\n\t},\n\t{\n\t\tname: \"alaaName\",\n\t\trole: \"alaaRole\",\n\t\tpic: \"/assets/team/alaa1.png\",\n\t\turl: \"\",\n\t},\n];\nconst isBigCard = (name) => {\n\treturn name == 'moafakName' || name == 'samehName';\n\t// return name == 'moafakName' || name == 'samehName';\n}\n</script>\n\n<template>\n\t<div\n\t\tclass=\"flex flex-col justify-start backdrop-blur-[18px] bg-base/9 0 rounded-xl border-[1px] border-solid border-[#00000010] p-5 md:p-5 mt-8\">\n\t\t<h1 class=\"font-bold text-4xl  px-5 pb-5 md:px-40 mt-9\" v-html=\"__t('meetOurTeam')\"></h1>\n\t\t<p class=\"pb-10 px-5 md:px-40\">\n\t\t\t{{ __t(\"teamText\") }}\n\t\t</p>\n\t\t<v-row class=\"justify-start flex-row mb-9\">\n\t\t\t<v-col :cols=\"isBigCard(teamMember.name) ? '12' : '6'\" :md=\"isBigCard(teamMember.name) ? '6' : '3'\"\n\t\t\t\t:lg=\"isBigCard(teamMember.name) ? '6' : '2'\" class=\"px-0 m-0\" v-for=\"(teamMember, index) in team\"\n\t\t\t\t:key=\"teamMember.name\">\n\n\t\t\t\t<TeamProfile  :name=\"teamMember.name\"\n\t\t\t\t\t:url=\"teamMember.url\" :role=\"teamMember.role\" :pic=\"teamMember.pic\" :des=\"teamMember.des\"\n\t\t\t\t\t:bigCard=\"isBigCard(teamMember.name) ? true : false\" />\n\t\t\t</v-col>\n\t\t</v-row>\n\t</div>\n</template>\n","<script setup>\n\timport { useDisplay } from \"vuetify\";\n\tconst { mdAndUp } = useDisplay();\n</script>\n<template>\n\t<div class=\"backdrop-blur-[18px] bg-base/90 rounded-xl border-[1px] border-solid border-[#00000010] p-5 md:p-10 py-8 py-md-16 mt-8\" data-aos=\"fade-up\" >\n\t\t<div class=\"w-full flexpy-2 text-white\">\n\t\t\t<div class=\"flex flex-col w-full md:w-5/6\">\n\t\t\t\t<h1\n\t\t\t\t\tclass=\"md:text-5xl text-4xl font-bold mb-10\"\n\t\t\t\t\tv-html=\"__t('meaningOf3kode')\"\n\t\t\t\t></h1>\n\t\t\t\t<p>\n\t\t\t\t\t{{ __t('aboutMeaning') }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"text-white\">\n\t\t\t<div v-if=\"mdAndUp\" class=\"mx-auto\">\n\t\t\t\t<img\n\t\t\t\t\talt=\"3kode meaning\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tsizes=\"1200px\"\n\t\t\t\t\theight=\"640\"\n\t\t\t\t\twidth=\"1100\"\n\t\t\t\t\t:src=\"__t('meaning')\"\n\t\t\t\t\tclass=\"mx-auto\"\n\t\t\t\t></img>\n\t\t\t</div>\n\n\t\t\t<div v-else class=\"flex flex-col w-full\">\n\t\t\t\t<div class=\"w-full flex flex-col\">\n\t\t\t\t\t<v-img\n\t\t\t\t\t\t:alt=\"__t('backendTitle')\"\n\t\t\t\t\t\t:src=\"__t('backendTitle')\"\n\t\t\t\t\t\tclass=\"md:w-2/5 w-10/12 pb-2\"\n\t\t\t\t\t></v-img>\n\t\t\t\t\t<p class=\"text-lg\">\n\t\t\t\t\t\t{{ __t(\"backend\") }}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"w-full flex flex-col mt-3\">\n\t\t\t\t\t<v-img\n\t\t\t\t\t\t:alt=\"__t('apiTitle')\"\n\t\t\t\t\t\t:src=\"__t('apiTitle')\"\n\t\t\t\t\t\tclass=\"md:w-2/5 w-10/12 pb-2\"\n\t\t\t\t\t></v-img>\n\t\t\t\t\t<p class=\"text-lg\">\n\t\t\t\t\t\t{{ __t(\"api\") }}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"w-full flex flex-col mt-3\">\n\t\t\t\t\t<v-img\n\t\t\t\t\t\t:alt=\"__t('frontendTitle')\"\n\t\t\t\t\t\t:src=\"__t('frontendTitle')\"\n\t\t\t\t\t\tclass=\"md:w-2/5 w-10/12 pb-2\"\n\t\t\t\t\t></v-img>\n\t\t\t\t\t<p class=\"text-lg\">\n\t\t\t\t\t\t{{ __t(\"frontend\") }}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n","<script setup>\nimport { onMounted, ref, inject } from \"vue\";\nimport { Link } from \"@inertiajs/vue3\";\n\nimport { useDisplay } from \"vuetify\";\nconst props = defineProps({\n\tproject: Object,\n});\nconst { mdAndUp } = useDisplay();\nconst __t = inject('__t');\n</script>\n<template>\n\n\t<v-card :image=\"`/assets/patterns/${project.patternName}.png`\" \n\t\tclass=\"  backdrop-blur-[18px] bg-base/9 0 bg-white rounded-xl border-[1px] border-solid border-[#00000000] xl:h-[75vh ] 2xl:h-[600px ] h-ma x\"\n\t\t>\n\t\t<v-card-text class=\"flex justify-center items-center h-full \">\n\t\t\t<div\n\t\t\t\tclass=\"w-full h-full flex flex-col xl:flex-row  p-5 justify-center xl:justify-around items-center gap-5 xl:gap-2 0 bg-cover bg-opacity-40\">\n\t\t\t\t<p v-if=\"project.isUnderDevelopment\"\n\t\t\t\t\tclass=\"text-sm md:text-lg absolute lg:start-10 lg:top-10 start-2 top-2\">\n\t\t\t\t\t{{ __t(\"underDevelopment\") }}\n\t\t\t\t</p>\n\t\t\t\t<div class=\"w-36 xl:w-64 w- flex justify-center items-center\">\n\t\t\t\t\t<img loading=\"lazy\" :alt=\"project.projectName\" class=\"w-full\"  :height=\"mdAndUp ? 300 : 100\"\n\t\t\t\t\t\t:src=\"project.logo\"></img>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex flex-col justify-start xl:w-2/ 3 w-full px-3 xl:p-0\">\n\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t<!-- <img loading=\"lazy\" :alt=\"project.projectName\" :height=\"70\" :src=\"project.title\"\n\t\t\t\t\t\t\tclass=\"md:min-w-[300px] mb-5 md:w-max w-full\"></img> -->\n \n\t\t\t\t\t\t\t<h2 class=\"w-full  mb-3 text-xl font-bold md:text-2xl text-center text-md-start \" v-html=\"__t(`${project.projectTitle}`)\">\n\t\t\t\t\t\n\t\t\t\t</h2>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"space-y-5  max-h-20 overflow-hidden\">\n\t\t\t\t\t\t<p class=\" h idden md:text-start md:block\" v-for=\"item in project.parahraphsCount\"\n\t\t\t\t\t\t v-html=\"__t(`${project.projectName}${item}p`)\">\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Link  :href=\"route(`${project.projectName}`)\" class=\"self-center lg:self-auto\"\n\t\t\t\t\t\t:aria-label=\"project.projectName\">\n\t\t\t\t\t\t<v-btn :aria-label=\"project.projectName\" class=\"mt-5 self-center place-self-center\"\n\t\t\t\t\t\t\t:color=\"`${project.projectName}-secondary`\">\n\t\t\t\t\t\t\t<!-- {{ __t(\"moreAbout\", { projectName: __t(`${project.projectName`.name}) } }} -->\n\t\t\t\t\t\t\t{{__t(\"moreAbout\")}} {{ __t(`${project.projectName}name`) }}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</Link>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-card-text>\n\t</v-card>\n</template>\n","<script setup>\nimport ProjectCard from \"@/Components/ProjectCard.vue\";\n\nimport { onMounted, ref, inject } from \"vue\";\n\nconst tm  = inject('__t');\nconst projects = [\n\t{\n\t\tprojectName: \"ashara\",\n\t\tprojectTitle: \"asharaLms\",\n\t\tlogo: \"/assets/logo/ashara-logo.png\",\n\t\ttitle: tm(\"asharaTitle\"),\n\t\tpatternName: \"ashara\",\n\t\tparahraphsCount: 2,\n\t\tisUnderDevelopment: false,\n\t},\n\t{\n\t\tprojectName: \"konnectly\",\n\t\tprojectTitle: \"konnectlyCrm\",\n\n\t\tlogo: \"/assets/logo/konnectly.svg\",\n\t\ttitle: tm(\"konnectlyTitle\"),\n\t\tpatternName: \"konnectly\",\n\t\tparahraphsCount: 3,\n\t\tisUnderDevelopment: false,\n\t},\n\t{\n\t\tprojectName: \"threecoin\",\n\t\tprojectTitle: \"coinCryptocurrency\",\n\t\tlogo: \"/assets/logo/3coin.svg\",\n\t\ttitle: tm(\"threeCoin\"),\n\t\tpatternName: \"hawala\",\n\t\tparahraphsCount: 1,\n\t\tisUnderDevelopment: false,\n\t},\n\t{\n\t\tprojectName: \"bidakka\",\n\t\tprojectTitle: \"bidakkaTrans\",\n\n\t\tlogo: \"/assets/logo/bi.svg\",\n\t\ttitle: tm(\"bidakkaTitle\"),\n\t\tpatternName: \"hawala\",\n\t\tparahraphsCount: 3,\n\t\tisUnderDevelopment: false,\n\t},\n\t// {\n\t// \tprojectName: \"sesh\",\n\t// \tlogo: tm(\"seshLogo\"),\n\t// \ttitle: tm(\"seshTitle\"),\n\t// \tpatternName: \"sesh-pattern\",\n\t// \tparahraphsCount: 2,\n\t// \tisUnderDevelopment: true,\n\t// },\n\t{\n\t\tprojectName: \"smartStore\",\n\t\tprojectTitle: \"smartOnlinestore\",\n\n\t\tlogo: \"/assets/logo/smartstore.svg\",\n\t\ttitle: tm(\"smartStoreTitle\"),\n\t\tpatternName: \"konnectly\",\n\t\tparahraphsCount: 3,\n\t\tisUnderDevelopment: false,\n\t},\n\t{\n\t\tprojectName: \"ba7bsh\",\n\t\tprojectTitle: \"ba7bshAds\",\n\n\t\tlogo: \"/assets/logo/ba7bsh.svg\",\n\t\ttitle: tm(\"ba7bshTitle\"),\n\t\tpatternName: \"konnectly\",\n\t\tparahraphsCount: 1,\n\t\tisUnderDevelopment: true,\n\t},\n];\n</script>\n<template>\n\t<div>\n\t\t<div class=\"py-2 4 sm:py-3 2 mt-8 section\" id=\"projects\">\n\t\t\t<div\n\t\t\t\tclass=\" backdrop-blur-[18px] bg-base/9 0 rounded-xl border-[1px] border-solid border-[#00000010] p-4 p-md-8\">\n\t\t\t\t<h2 class=\"w-full px-5 mt-8 text-3xl font-bold md:text-5xl text-start md:px-40\" v-html=\"__t('ourProjects')\">\n\t\t\t\t\t\n\t\t\t\t</h2>\n\t\t\t\t<p class=\"px-5 pt-5 mb-9  text-start sm:w-full md:w-full lg:w-1/2 md:px-40\">\n\t\t\t\t\t{{ __t(\"ourProjectsDes\") }}\n\t\t\t\t</p>\n\t\t\t\t<!-- \n\t\t\t\t<h1 class=\"md:text-5xl text-3xl w-full font-bold pb-10  text-primarydark mt-2\">\n\t\t\t\t\t{{ __t(\"ourProjects\") }}\n\t\t\t\t</h1> -->\n\t\t\t\t<v-row>\n\t\t\t\t\t<v-col cols=\"12\" lg=\"6\" v-for=\"(project, index) in projects\" :key=\"project.projectName\">\n\t\t\t\t\t\t<ProjectCard :project=\"project\"  />\n\t\t\t\t\t\t<!-- <ProjectCard :project=\"project\" data-aos=\"fade-up\" :data-aos-delay=\"index * 50\" /> -->\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-row>\n\t\t\t</div>\n\n\t\t</div>\n\t</div>\n</template>\n","<script setup>\nimport { Head, Link } from \"@inertiajs/vue3\";\nimport HomeMainContainer from \"@/Components/HomeMainContainer.vue\";\nimport AboutUsSection from \"@/Components/AboutUsSection.vue\";\nimport ProjectsSection from \"@/Components/ProjectsSection.vue\";\nimport ContactForm from \"@/Components/ContactForm.vue\";\n\nimport LanguageSelector from \"@/Components/LanguageSelector.vue\";\nimport { useThemeSetting } from \"@/Composable/ThemeSetting\";\nconst { toggleTheme, isDark } = useThemeSetting();\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePage } from \"@inertiajs/vue3\";\nimport { useDisplay } from \"vuetify\";\n\n\nconst BlogSection = defineAsyncComponent(() =>\n    import(\"@/Components/BlogSection.vue\")\n);\n\nconst OurWorkSection = defineAsyncComponent(() =>\n    import(\"@/Components/OurWorkSection.vue\")\n);\nconst page = usePage();\nconst { mdAndUp, lgAndUp } = useDisplay();\n\ndefineProps({\n    canLogin: {\n        type: Boolean,\n    },\n    canRegister: {\n        type: Boolean,\n    },\n\n});\n\nfunction handleImageError() {\n    if (!import.meta.env.SSR) {\n        document.getElementById(\"screenshot-container\")?.classList.add(\"!hidden\");\n        document.getElementById(\"docs-card\")?.classList.add(\"!row-span-1\");\n        document.getElementById(\"docs-card-content\")?.classList.add(\"!flex-row\");\n        document.getElementById(\"background\")?.classList.add(\"!hidden\");\n    }\n}\nconst locale = computed(() => {\n    return page.props.locale;\n});\n</script>\n\n<template>\n\n    <Head>\n        <title>{{ __t(\"siteSeoTitle\") }}</title>\n        <meta head-key=\"description\" name=\"description\"\n            content=\"3Kode - شركة برمجيات متخصصة في تطوير المواقع، التطبيقات، والأنظمة الذكية. حلول تقنية مبتكرة بأعلى معايير الجودة والكفاءة لدعم نجاح أعمالك.\" />\n\n        <meta head-key=\"keywords\" name=\"keywords\"\n            content=\"شركة,برمجة,شركة برمجة تركية, شركة برمجة في تركيا, تطوير, تطبيقات, برمجة مواقع ويب,برمجة,تطبيقات جوال,برمجة تطبيقات جوال,شركة برمجيات,\" />\n    </Head>\n    <div class=\"flex flex-col pt-5 pt-md-8 sm:pb-20\">\n        <HomeMainContainer />\n        <AboutUsSection />\n        <v-no-ssr>\n            <OurWorkSection />\n        </v-no-ssr>\n        <ProjectsSection />\n\n        <ContactForm />\n        <v-no-ssr>\n            <BlogSection />\n        </v-no-ssr>\n        <section class=\"mt-16 bg-gray-100 p-8 rounded-lg\">\n            <h2 class=\"text-2xl md:text-4xl font-bold text-center\">\n                آراء عملائنا حول خدمات <span class=\"text-primarydark\">ثري كود</span>\n            </h2>\n            <v-row class=\"mt-10\">\n                <v-col cols=\"12\" md=\"4\">\n                    <div class=\"p-5 bg-white rounded-lg shadow-md h-full\">\n                        <p class=\"text-lg text-black\">\n                            \"خدمات <span class='text-primarydark'>ثري كود</span> ساعدتنا في تطوير منصات رقمية متكاملة\n                            بأحدث التقنيات، مما عزز نجاحنا في السوق.\"\n                        </p>\n                        <span class=\"block mt-4 font-bold text-primarydark\">أحمد جمال</span>\n                        <span class=\"text-sm text-gray-500\">مدير مشروع رقمي</span>\n                    </div>\n                </v-col>\n                <v-col cols=\"12\" md=\"4\">\n                    <div class=\"p-5 bg-white rounded-lg shadow-md h-full\">\n                        <p class=\"text-lg text-black\">\n                            \"التعاون مع <span class='text-primarydark'>ثري كود</span> جعل مشاريعنا الرقمية أكثر احترافية\n                            وسرعة، بفضل دمج الذكاء الاصطناعي والتكنولوجيا الحديثة.\"\n                        </p>\n                        <span class=\"block mt-4 font-bold text-primarydark\">منى خالد</span>\n                        <span class=\"text-sm text-gray-500\">مديرة تطوير أعمال</span>\n                    </div>\n                </v-col>\n                <v-col cols=\"12\" md=\"4\">\n                    <div class=\"p-5 bg-white rounded-lg shadow-md h-full\">\n                        <p class=\"text-lg text-black\">\n                            \"ثري كود أثبتت جدارتها كشريك استراتيجي في بناء حلول برمجية متميزة تلبي جميع احتياجاتنا\n                            التقنية.\"\n                        </p>\n                        <span class=\"block mt-4 font-bold text-primarydark\">خالد يوسف</span>\n                        <span class=\"text-sm text-gray-500\">مدير تطوير تقني</span>\n                    </div>\n                </v-col>\n                <v-col cols=\"12\" md=\"4\">\n                    <div class=\"p-5 bg-white rounded-lg shadow-md h-full\">\n                        <p class=\"text-lg text-black\">\n                            \"اختيارنا لـ <span class='text-primarydark'>ثري كود</span> كان من أفضل القرارات، حيث وفروا\n                            لنا حلول برمجية مبتكرة ساعدتنا على التوسع والنمو بسرعة.\"\n                        </p>\n                        <span class=\"block mt-4 font-bold text-primarydark\">سارة عبد الرحمن</span>\n                        <span class=\"text-sm text-gray-500\">مديرة تسويق رقمي</span>\n                    </div>\n                </v-col>\n                <v-col cols=\"12\" md=\"4\">\n                    <div class=\"p-5 bg-white rounded-lg shadow-md h-full\">\n                        <p class=\"text-lg text-black\">\n                            \"التزام <span class='text-primarydark'>ثري كود</span> بالجودة والدقة جعلهم الخيار الأول\n                            لشركتنا لتطوير حلول البرمجيات الحديثة والآمنة.\"\n                        </p>\n                        <span class=\"block mt-4 font-bold text-primarydark\">يوسف إبراهيم</span>\n                        <span class=\"text-sm text-gray-500\">مدير تقنية المعلومات</span>\n                    </div>\n                </v-col>\n                <v-col cols=\"12\" md=\"4\">\n                    <div class=\"p-5 bg-white rounded-lg shadow-md h-full\">\n                        <p class=\"text-lg text-black\">\n                            \"ثري كود تجاوزت توقعاتنا من خلال تقديم خدمات استشارية وبرمجية مبتكرة باستخدام أحدث التقنيات\n                            والذكاء الاصطناعي.\"\n                        </p>\n                        <span class=\"block mt-4 font-bold text-primarydark\">ريم الحسن</span>\n                        <span class=\"text-sm text-gray-500\">مديرة مشاريع تقنية</span>\n                    </div>\n                </v-col>\n            </v-row>\n        </section>\n\n        <!--  -->\n\n        <!-- <LazyWhy3KodeSection />\n  <LazyOurServices />\n  <LazyStartSection /> -->\n    </div>\n</template>\n"],"file":"assets/Index-DICMr-Ee.js"}