{"version":3,"sources":["webpack:///./src/assets/Images/WhatWeDo/clutch-co-vector-logo.svg","webpack:///./src/assets/Images/MobileApp/Group_6253_2x.png","webpack:///./src/assets/Images/MobileApp/nextInnovation.png","webpack:///./src/assets/Images/MobileApp/desktop_banner_mobile@2x.png","webpack:///./src/assets/Images/MobileApp/mobilelang_wespeak/angular-logo.png","webpack:///./src/templates/MegaView/index.jsx","webpack:///./src/pages/mobile-application-development.jsx","webpack:///./src/assets/Images/ogImages/OG_Mob-App-dev.png"],"names":["module","exports","Megaview","props","MegaviewData","map","item","index","Fragment","key","className","target","style","textDecoration","color","to","slug_type","slug","container","direction","height","sm","src","mega_view_image","alt","imageAltTxt","changeAccordianText","meta_title","primary_description_1","icon","variant","displayFIndoutMore","RightArrow","customClassName","label","tip","tooltip","view","WhitePaperLabel","type","download","undefined","MobileApplicationDevelopment","useState","page","setPage","limit","setLimit","articleRawData","setArticleRawData","articleLimit","setArticleLimit","articlePage","setArticlePage","articleData","setArticleData","megaviewData","setMegaViewData","clientStoryData","setClientStoryData","clientStoryRawData","setClientStoryRawData","isHover","setIsHover","toggleHover","useEffect","DataService","getData","then","response","data","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","bnrImgSubTitle","servicesColumn1","service","link","servicesColumn2","servicesColumn3","InfoviewData","InfoviewTitle","width","tag","InfoviewContent","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","MiniImageBanner1Data","title","titleClass","image","MiniImageBannerBgImg12","altTxt","btnClassName","btnLabel","btnVariant","btnColor","route","underline","underlineClass","ClickToViewMegaViewCarousalData","bottom","card1data","ClickToViewMegaViewCarousalImg1","MegaviewFooterLabel","MegaviewButtonColor","MegaviewContentClassname","MegaviewImageClassname","ClickToViewMegaViewCarousalImg2","ClickToViewMegaViewCarousalImg3","ClickToViewMegaViewCarousalImg4","BlurCardListData","cardsData","MiniCardBgImage2","subTitle","customClass","MiniCardBgImage3","MiniCardBgImage4","MiniCardBgImage5","MiniCardBgImage6","MiniCardBgImage7","MiniCardBgImage8","MiniCardBgImage9","lastCardData","quotedMiniCardData","heading","content","footerContent","display","alignItems","paddingLeft","clutchLogo","mobMovieSlider","imageUrl","crossPlatform","mobMovieSlider1","ProgressiveWeb","mobMovieSlider2","nativeApp","mobMovieSlider3","hybridApp","ClickToViewCardData","ClickToViewCardImg1","ClickToViewCardImg2","ClickToViewCardImg3","ClickToViewCardImg4","ClickToViewCardImg5","InfoviewData1","PlainCardData","HoverCardWithBtntitle","HoverCardWithBtnsubtitle","HoverCardWithBtnIcon","hoverCardImg1","HoverCardWithBtnIconAlt","HoverCardIconClass","hoverCardImg2","hoverCardImg3","hoverCardImg4","hoverCardImg5","hoverCardImg6","movieSlider","clientMovieSliderImage","MiniImageBanner2Data","MiniImageBannerBgImg2","IconCardListData","IconCardListIcon1","headingclassname","classname","IconCardListIcon2","IconCardListIcon3","IconCardListIcon4","IconCardListIcon5","IconCardListIcon6","ThreeHoverCardData","HoverCardWithBtnvariant","HoverCardWithBtncolor","HoverCardWithBtnlabel","HoverCardWithBtntitle1","HoverCardWithBtntitle2","HoverCardWithBtntitle3","HoverCardWithBtntitle4","HoverCardWithBtntitle5","HoverCardWithBtnIcon1","HoverCardWithBtnIcon2","HoverCardWithBtnIcon3","HoverCardWithBtnIcon4","HoverCardWithBtnIcon5","HoverCardWithBtnContent1","HoverCardWithBtnContent2","HoverCardWithBtnContent3","HoverCardWithBtnContentClass","Extracardclassname","HoverCardExtraiconclassname","HoverCardWithBtnIconAlt1","HoverCardWithBtnIconAlt2","HoverCardWithBtnIconAlt3","HoverCardWithBtnIconAlt4","HoverCardWithBtnIconAlt5","seo","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","keywords","imageBannerData","BackArrowIcon","routepath","fontSize","fontWeight","marginTop","marginLeft","spacing","md","HoverCardWithBtnCustomClass","reduceheight","id","slideid","Flutter","xamarin","ReactNative","Angular","ReactLogo","Vue","Android","iOS","Kotlin","Swift","IonicLogo","PhoneGap","VisualStudio","NextInnovation","textAlign","fontStyle","length","miniviewData","total","miniviewData2","onMouseEnter","onMouseLeave","role","onClick","has_more","RightArrowWhite","componentId"],"mappings":"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","file":"component---src-pages-mobile-application-development-jsx-5d8f085d79093db5b1a3.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibGF5ZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjUyIDY1MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUyIDY1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzE3MzEzQjt9DQoJLnN0MXtmaWxsOiNFRjQzMzU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzcsMjM1LjloMjcuNnYxNzAuNEgxNzdWMjM1Ljl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwMC42LDM1Mi4zYzAsMjYuNC0yMS42LDI4LjgtMjguOCwyOC44Yy0xNi44LDAtMTkuMi0xNS42LTE5LjItMjR2LTY2SDIyNXY2NC44YzAsMTUuNiw0LjgsMzAsMTQuNCwzOC40DQoJCWM4LjQsOC40LDE5LjIsMTIsMzIuNCwxMmM5LjYsMCwyMS42LTIuNCwyOC44LTkuNnY5LjZoMjcuNlYyOTEuMWgtMjcuNkMzMDAuNiwyOTEuMSwzMDAuNiwzNTIuMywzMDAuNiwzNTIuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgyLjIsMjQ5LjFoLTI3LjZ2NDJoLTIwLjR2MjYuNGgyMC40djg4LjhoMjcuNnYtODguOGgyMC40di0yNi40aC0yMC40VjI0OS4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODksMzcxLjVjLTYsNC44LTE0LjQsOC40LTIyLjgsOC40Yy0xOS4yLDAtMzIuNC0xNC40LTMyLjQtMzMuNnMxMy4yLTMyLjQsMzIuNC0zMi40DQoJCWM4LjQsMCwxNi44LDIuNCwyMi44LDguNGwzLjYsMy42bDE5LjItMThsLTQuOC0zLjZjLTEwLjgtOS42LTI1LjItMTUuNi00MC44LTE1LjZjLTMzLjYsMC01OC44LDI1LjItNTguOCw1OC44DQoJCXMyNS4yLDU4LjgsNTguOCw1OC44YzE1LjYsMCwzMC02LDQwLjgtMTUuNmw0LjgtMy42bC0xOS4yLTE5LjJMNDg5LDM3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDksMzAwLjdjLTguNC04LjQtMTYuOC0xMi0zMC0xMmMtOS42LDAtMTkuMiwyLjQtMjYuNCw5LjZ2LTYyLjRINTI1djE3MC40aDI3LjZ2LTYzLjYNCgkJYzAtMjYuNCwxOC0yOC44LDI1LjItMjguOGMxNi44LDAsMTUuNiwxNS42LDE1LjYsMjR2NjcuMkg2MjF2LTY2QzYyMSwzMjMuNSw2MTcuNCwzMDkuMSw2MDksMzAwLjd6Ii8+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iNDY1IiBjeT0iMzQ3LjUiIHI9IjE5LjIiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM4LjYsMzY0LjNjLTkuNiw5LjYtMjQsMTUuNi0zOS42LDE1LjZjLTMwLDAtNTEuNi0yNC01MS42LTU2LjRzMjEuNi01Ni40LDUyLjgtNTYuNA0KCQljMTQuNCwwLDI4LjgsNiwzOS42LDE2LjhsMy42LDMuNmwxOC0xOGwtMy42LTMuNmMtMTUuNi0xNS42LTM2LTI0LTU3LjYtMjRDNTQuNiwyNDAuNywyMSwyNzYuNywyMSwzMjMuNXMzMy42LDgyLjgsNzgsODIuOA0KCQljMjEuNiwwLDQzLjItOC40LDU3LjYtMjRsMy42LTMuNmwtMTgtMThMMTM4LjYsMzY0LjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==\"","module.exports = __webpack_public_path__ + \"static/Group_6253_2x-a43260acd26cd32d77e4533433430898.png\";","module.exports = __webpack_public_path__ + \"static/nextInnovation-6a693be97b9b0fc91cb81bf3b72e5e7a.png\";","module.exports = __webpack_public_path__ + \"static/desktop_banner_mobile@2x-7e37ed14c4b8f157a3ed533190beeb43.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0AAABMCAYAAADp/rL8AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAA3aADAAQAAAABAAAATAAAAAAfCnwMAAATmUlEQVR4Ae1dB5AVVRa9P05ABpiAJEVAJamouAwILEnJWQERETFWCbWWlhHDrpZKlSW44lpaZi0VlaSLgrAWoqIFKEEREAUJEmUYJMPMMLPvvJnXdO7/+3+G+TP3Vg3d/VK/PvTtd9+5970fKBNCLIwAI1BpCAQr7U58I0aAEZAIsNLxi8AIVDICrHSVDDjfjhFgpeN3gBGoZARY6SoZcL4dI8BKx+8AI1DJCLDSVTLgfDtGgJWO3wFGoJIRYKWrZMD5dowAKx2/A4xAJSPASlfJgPPtGIHw6YCgtLSU9u7dSzt27KCCggLKzc2lRo0aUf369SkYZD0/HZhzm6mDQCCZAc9QMCja7t27qbi42IJCJBKhBg0aUOPGjSknJ4cCgYClDCcwAtUdgYSVbv/+/bRz5075d+LECQteoR3b6WTjJpb0aDRKDRs2lAqYnZ1tyecERqC6IuBL6Q4cOCBHNCjb8ePHLdhkbNtKWcuWUtb3S2lPTi7t3L2Lwn/Lp0h+Rwq1uMBSPj09XZqfGAHr1KljyecERqA6IRCz0h05ckQqGsxHnJslWrCXspYvpTpC2dL27Nay93TtRlsWfq5dB3LzKNKhI4U75FOoWXMtXZ3UqlVLKiDmgLVr11bJfGQEqg0Crkp37NgxaTZC0Q4ePGh56PDhQ5T1w/dyVMvcvMmSH8zKon1Tnqdfb7yeSJArZvFSQCgdlA8jYGZmprk6XzMCKYmARemKioq0OVphYaHloQIiP2v1SqojRrVa69ZSwEaZVKXMCf+gXX3706Z/PkLF336jkm2PwbMbUFiYn5H8ThRsco6lTN26daXyQQnT0tIs+ZzACKQKAlLpSkpKJOOIEQ0MpHkHB1GIMjesl6Zj7VUrKGQzj7N74JxlK+n3P/+knWt/poN3TbArYpumKWCnLhQUSmYWMJ8Y/cCEgpBhYQRSCYHAihUrykCI2ImeEInYmJd2dVRa+tDhVHvyM7Rx40Y5Fzz27ylUIhQ2Xgk2aixHv7CYB9opYF5eHl1xxRUUCoXibZrLMwJnBIEwKH+9OBEi+jKxnGdO/IehWHTwUF9KV7pzB52YM1P+KQWMXNmZAvXPlu1jZGZ/nwFqvqjiCIQzMjIIhEmkcB81fvVlytz8e8Jdjva6mkIVvjmlEKHmLSjUshWd3PCL7/b1Chjp3ZfSx9xIcDdwlItvSLniGUAgqLGCghBJhsLhGTJvvMn2USIDBtmm+0lUsSz4aLAwAqmEgKZ0xfWyqSwJcZHhVq2FHy7fFoNIu8soaBOdYlvYIzEgnO4Q7aPhUZ6zGYGqgkBQGykEEXGy1lkJ9ytj3HjXNqKDhrjmx5oZzKsvi7L7IFbEuFxVQSCIOZGSkjpZ6tTXEfM4sJZ6UXM6lRaGH05EpSQqAbFyAaLvv58216xZQwMHDpR/gwYNsg0C8NNuVa+jf+4NGzZU9e5Wq/4F9SNFUXb5i+z3CTNs5nJBQdDoJSBM2Ei/AfokX+fBCqXTRmpfrRC9/PLL9Nlnn8m/Tz/9lKZPn+6zpdSqhsAH9dx//fVXanU+xXt7yrwUD1JS8SL7eSaEfKUNGWaoWip8e4X/epTCJh9apFsPCiQQVxnIyKRAhSmcyJwOrO37778v+6w+Pq+99prhGfiCEUg2AkGscQuHy9eyFmXn+G4/TZiVQdMKgWPvvCXDxMJrfjS0GxD3jPbpb0iL50LvJE9kpJs1axbhKw/H+uTJk2UXfvjhB/rxR2N/4+kbl2UEvBCQy7jVaFGcwEhnZ1qe+Hi2vH/B81MpZGJGI8KXJyZkXv2zzQ82LA8Nw8cCHw2/oka1q6++mu644w4666xyIkml+22X6zECbghIpVOjRYkwEf0IyBPlDFf1jwuFOykWsELKRKxmeP06lSWPAbFqINpTKJ4PUSSK+lj4aIJ+++03+uqrr2TVsWPHStfDsGHl5vF7771nu07Q6z5Hjx6lxYsX05IlS8guWNytPtYlfvvtt7Rs2TLbVfdudU9n3uHDh+mnn36i+fPn09y5c2Uf7VacePVh+/bt9OWXX9LmzZu9ilb7fMNIV5LlbwGpnZvg+JxZBvAKnnuWgqbtGaIgVEzzPUMlhwvlo1MfC4dirslvvPGGzMfyoaFDh8rzMWPGyCNC42B6OglGQkTBIO4TAmXp2LEjYSVEjx49qGvXrnI7ik6dOknldmoH6a+88oqsi8W7Xbp00doZMWKEXLc4adIkeS+0rxd8KNCHSy+9VJ9sOR8yZIgshz7FI/go3XLLLfIZ27VrR/3796fBgwfLPmKvG2D2pwhmN8vTTz8t79e2bVuZhbhe1GvatCn17NmTFixYYK5S464NSufHQQ5HOBziesEIV7x8mT6J6NhRCm/8zZAWECNrRCxyjVdCFT46vyMdVlW8/fbb8rbDhw/XHOxXXXUVnX12eUynl4mJlRjYgGn58uXyhcQIhTS8XGrlw9KlS+nyyy+nXbt2WR4RZe+9915p1qIullTBvMXWFRgxZ86cSQMGDCCMNOpe+kaQZpeuL4NzVQ7HWAVB6vgA4MOkdgaAop1zzjlSobAtxyeffELdunWzuFj094PCde7cWY6QwIqlHAGDeYlRp6RuvbiwsQv5OvqfabZtFE6baglOjg4cTCLRtrxTYqLm5bx58zRFwIihBITKddddJy9hJuLlcxOsoO/Tp49UlIULF0oF2bJli3wRH3roIVkVSvPMM89Ymnn00UdpypQpMr179+60atUqSeoggHvt2rVydID5+9JLL1nqnu6EUaNGyVEMVsDrr78ucdizZw9t27ZNrrXEKAz55ZdfNBPdrk8TJ04k4NGkSRPC+Ysvvkj9+vWzK1qj0gwjHZ68SKxVi1Uwj0Nws17gJiha9IU+STsvE0xhZOsW7RoniCzB/ikxi1DQRM1LNYrhZYA5qJcbbrhBu8QL5yb44kNRwXiCjFFuBxxhZmEkgEAh9YI50QsvvCCTevXqJU0umIloC8EEbdq0keYtRjqMypUpMBlXrlwpbzl16lS6+eabqUWLFloXYAm8+eabGuP93XffaXn6E5inc+bMoZEjRxIc8XjeO++8U1oC+nI18dw40gkEiitiGmMBw7x8B3XAWELxnKRQrKsTNo8h2+zfM2SaLgLCrQEHO8SPeQmTByMd5Prrr5fmkryo+Adr8y688EJ59dZbb3m+9A888ICcv+nbUOdK6f744w+VJI+vvvqqZpY98cQTmjmqLwRm9vHHH9cnVco5CA+Y3PjDKG4nmEurDaScCCN8LM477zwCKYW5LsspBOTbq/fVxap0cIabQ77QLHxzblK2r4AiYo2cXrA9Q+jiS/RJjucqEgUF/BApmMudPHlStq83LfU3VKMd9u9E1IabYO7jJOrFPHTokEF5v/76a1kF878rr7zSqTq1b9+ezj//fMf805GBOShIJPxhDmcW7AQHcmffvn3mLMv1/fffr42IlswanKDt8AyTCF+nEpOD2wmb9LE32WZlf7HYkH5AzItqi20g9GLdhpYobcBgOrrmJ30x23MV6OzHR4dJvjIZMUoqBtN8I/1KepiiYACdpHnz5k5ZjumY50CaNWsmj27/oIzX3NKtfiJ5mMeBmYX5vH79ejnX3LRpkySQYmkX7C2LFQGD0oEYiNVXZ+cMtzYfe0qodRu5Jd/Jze6LaBMhUUBM4KWBgCF87rnnPDsI/xT2jsGeLHbixzmP9iCxmF3YkrCyBQr2yCOPyDmZnvXEs7Zq1Uq6C/DBgiXgJnYjpVv5mpKnKR2+/LDPYzEvYVbCvEy2RAcNpWOC4XSTREgURaDg5cnPdydvYEaBAIApirndww8/7NatuPKwoxnMM4wkXmKeD3qVN+fbbW9vLqO/hvMabCoIFbg+QKRgbnfRRRfJOZoKGfzggw/01SznIIWwgRSLFQGD0iE7lvhLOwLF2nR5iv5L6VRGpYcvb0/BBg2pVOwI7STKR6eYQqdy5nS9wxusIJg1N8E8DEwdgqLxVcc8xrxMya2+W94FF1wgFfrXX3+VJr16kc11MBonuuzm99/dLQfzPZ966impcHC8f/PNN9ShQwdzEXnt9f+aLKxsb57iiZrSKVKiVJgzpYKdCoqXzU7gDDeHfIGtdCJQStIzqGjtGrumKNCoiXGVuaDLo2JLh+Ovv2JbHonKvIx3HR1WEyhH77hx4xzbVxnwUWEuhy86XtxFixYR6P1kyGWXXUazZ8+Wox3MV6zjsxP0GX4+O1G//4AR2UkwN41X6eDsh4DFdVI49Ak+OxZ/CGhKp6ff4atLF9SxndQSG8iaBW6Coy/aO8SPi63TT4hNaW1FBDxH2okwJkHiKIl07konZn1E8OlZRCilX/NSmZb42S6MdLEI2E1lRqF+spRuwoQJ9OyzzxIUBmYrojaUEql+Ye4Jd4KTwMcIgfkJk9COlEHb8fr5lBK7bfaEdhUDrI5O/eR0KwJBlaRXOqcYTKf9T5xGOdW241EE+RZ99aUxW8wFov0GGtMqrvz66MTenrR69WrZCnxzsZIfvXv3lr+ph4owR2OhySu66nqoV68egU6HYN4IZcbiWYSLweSEHw8+PvjMVAyjuUE44yEw80aPHm0Y0cCOIrIGc1EV1mau73QNNwUEoWnTpk3Tgq8RxrVu3TpCNArSlaCPLPEhoCkd5kjKDndSOrvAZsRYqtUE8d26vHTRQvHjIiZneaSHMOMyrayd3ken/0h43Ve5CVAuFtNStYe5Fl5oCKJP3n33XZWV8PHBBx+kxx57TGKODwI+BiBYWrZsSbfffrtkTBHF0bdvX3kv9X+jbgwTVa2KgIIgagRsIRQao96HH35IuIcK4lb1vI733HOP/ChBme+66y5JhmAOChYVHwDEhN5666102223yaYQwIyfPOPVA17InsrXlA7mhJon2TGYdvufoBnzaoJTTcd2Vrb3TypeucJQOCA+ANHefQxpuFA+OryAsRIp+tXhYODg/I1HlKMcdZSJGk99p7LAGxEncL4j+kPR6wh6xigG8gZmqAqWxottFpi+9913nzZyY9TBolwoHdpWC3PN9dyu4ezHqH7xxRfLYiCU4CfERweOeswzMRKPHz9eC07wch243a8m5hl+QARxdHAb1PluCTV+500DHvgxkFqmXZtBoOzLd3+Jt4s53Q6nOV3FHbAJbeakxwz3KztymA7j9w90v+gaFa6KtGHXyv/sZM2vDDc9wxcIdsZIBbpdCZbkYH3e3XffTYiFtBPM26AYmN9BWfAbD8kQzCu3bt0qP8aXXHKJtshXtQ1CBY5zfMwwV2aJDQGNSEFx5asryTECCJ9cxlgr46dWhsd2K+dS2PW5VPyQZPDcploh7IESFWamND8rUv2SKFqjVeQEIxIUCQJSB0wpxPzignlUAcV2RImsJP6BGQynNf6SKTBZ9cHO5rYxKnfv3t2czNceCGjmJcopk8280sBu/xOU902goLJJTsy3xjhGQKgIM0yJ8tHFM59TdavSUZEfmC+qdX3m/oG4QFQIjnjea665xlyEr1MUAcNIp+Z0ZiIFypVMBbPDqkSYtIe+X0YB4UYIpKWXuxGwh0okAhZDVlE+ulRXOszfEOiMUQxmI1hRzJHOPfdc6YwHsfLkk09qqyFAboBkYakeCBjmdJgQw0aH5IqRJ+fzzyhU8cL7fdztzVvQjrU/+60u6wVElEr6yNEUbn+FvMb2AYp4SKjhM1h57969MrwKi1eV4GOCFeR63xqUESzmmYjBVP3iY3IRMIx0ajcs3KJA7F+yv0tXqj/3E6q75GvXX1x17ZLJHeBa1pwp5jrpgjiJdO+p7aWC0RhkQ6oL9ldBBP+MGTOkiQl/HYgURAaBmgdNj0Wf5kW2qf7c3H8iw0gHQECxI95P7/SM7tlNef/9mOqs+D5uzGJhLy2NCpMy2re/XO4j3kKZDUYPLyIIBT27Z6mbwgkY5eC4N/vkUviRuOs2CFiUTpXBlgKIQMDXV0m62GqhwUfTKXPTRpXkeYxH6cpEa5Euf6f0a0dRoGI0wwuIuQ6cxmrDH8+bcgFGoAoj4Kh0qs+Ye0D54CRVUlvM0fJmz6B0seuXl8SqdKE2F1HamLEUEqvIlSCECfuF8HxGIcLH6oCAp9Kph8TCS+z+BPMTIipSXcE45s79mCJ2wckVFb2UDr9XB2ULty2PgEA1bHOAeY05CLiiST4wAimNQMxKh6eEzwgxdoh+UIsjg8VFlPO/BZS9YL4t0+mkdDAf04aPKN/3UpiQEJAIrVu3ZnpcosH/VFcE4lI6BQIUDtHwiGZXixlDhw5S7ufzqN7iRRSs2PgH5S1KJwKZ04cMpQi2VBcrkyGKJMF+I25LSmRh/ocRSHEEfCmdemZbplPs9pU3e6bGdGpKJ9jH6FV9KCoUTv3MFZMkCkk+1iQEElI6BZQb01koTNI9Zwl/26jRYtV3nqoi13kxSaLBwSc1CIGkKJ3Cy47pxC+xlup+945JEoUWH2sqAklVOgWimelEOpMkCh0+1nQETovSAVTFdGI91nlie238MUlS0183fn4gcNqUjuFlBBgBewROLVazz+dURoARSDICrHRJBpSbYwS8EGCl80KI8xmBJCPASpdkQLk5RsALAVY6L4Q4nxFIMgKsdEkGlJtjBLwQYKXzQojzGYEkI8BKl2RAuTlGwAsBVjovhDifEUgyAqx0SQaUm2MEvBBgpfNCiPMZgSQj8H9sCjhKDSe96AAAAABJRU5ErkJggg==\"","import Card from \"@material-ui/core/Card\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { Link } from \"gatsby\";\nimport React from \"react\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport Button from \"../../components/Button\";\nimport WhitePaperFooter from \"../../components/WhitePaperFooter\";\nimport \"./MegaView.scss\";\n\nconst Megaview = (props) => {\n  return (\n    <div>\n      {props.MegaviewData &&\n        props.MegaviewData.map((item, index) => (\n          <React.Fragment key={index}>\n            {\" \"}\n            <Card className=\"list-area appsgridshadow\" key={index}>\n              <Link\n                target=\"_blank\"\n                style={{ textDecoration: \"none\", color: \"black\" }}\n                to={`/${item.slug_type}/${item.slug}`}\n              >\n                <Grid className=\"list\" container direction=\"row\">\n                  {/* <Grid item className={item.MegaviewImageClassname ? item.MegaviewImageClassname :} sm={6}> */}\n                  {/* megaview-card-content */}\n                  <Grid\n                    item\n                    className={\n                      item.height\n                        ? \"device-hide temp-height\"\n                        : \"device-hide megaview-height\"\n                    }\n                    sm={6}\n                  >\n                    <img\n                      className=\"item-one\"\n                      src={item.mega_view_image}\n                      alt={item.imageAltTxt}\n                    />\n                  </Grid>\n                  <Grid\n                    item\n                    className={\n                      item.height\n                        ? \" megaview-card-content temp-height\"\n                        : props.changeAccordianText\n                        ? \"megaview-card-content1 megaview-height\"\n                        : \"megaview-card-content megaview-height\"\n                    }\n                    sm={6}\n                  >\n                    <div className=\"title-and-content-area\">\n                      <div className=\"mega-view-title\">{item.meta_title}</div>\n                      {/* <div className=\"mega-view-content\" dangerouslySetInnerHTML={{__html: `${item.MegaviewContent}`}} /> */}\n                      <div className=\"mega-view-content\">\n                        {item.primary_description_1}\n                      </div>\n                    </div>\n\n                    <Button\n                      icon={\n                        !props.variant &&\n                        (props.displayFIndoutMore === \"no\" ? (\n                          \"\"\n                        ) : (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={RightArrow}\n                            alt=\"click\"\n                          />\n                        ))\n                      }\n                      customClassName={\n                        props.changeAccordianText\n                          ? \"effect-btn-podcast\"\n                          : \"effect-btn1\"\n                      }\n                      color=\"primary\"\n                      label={\n                        props.displayFIndoutMore === \"no\"\n                          ? \"\"\n                          : props.changeAccordianText\n                          ? \"Listen to the podcast\"\n                          : \"Find out More\"\n                      }\n                      tip={\n                        props.changeAccordianText\n                          ? \"Listen to the podcast\"\n                          : \"Find out More\"\n                      }\n                      tooltip=\"yes\"\n                      view=\"show\"\n                    />\n                    {/* </Grid> */}\n                  </Grid>\n                </Grid>\n              </Link>\n              <WhitePaperFooter\n                WhitePaperLabel={item.type}\n                download={item.download !== undefined ? item.download : \"\"}\n                slug={item.slug}\n                type={item.slug_type}\n              />\n            </Card>\n            <br />\n          </React.Fragment>\n        ))}\n    </div>\n  );\n};\n\nexport default Megaview;\n","import React, { useState, useEffect } from \"react\";\nimport { Card, Grid } from \"@material-ui/core\";\nimport DataService from \"../services/api/data_services\";\nimport Megaview from \"../templates/MegaView\";\nimport Layout from \"../components/layouts/layout\";\nimport Typography from \"@material-ui/core/Typography\";\nimport GreyLine from \"../components/GreyLine\";\nimport clutchLogo from \"../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\nimport RightArrow from \"../assets/Icons/go.svg\";\nimport RightArrowWhite from \"../assets/Icons/accordian_white.svg\";\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport Button from \"../components/Button\";\nimport { BASE_SITE_URL } from \"../shared/constants\";\nimport PlainCard from \"../components/SixPlainCard\";\nimport hoverCardImg1 from \"../assets/Images/HowWeDoIt/Synchronised_Development_Operations.svg\";\nimport hoverCardImg2 from \"../assets/Images/HowWeDoIt/Completely_Automated_SSDLC.svg\";\nimport hoverCardImg3 from \"../assets/Images/HowWeDoIt/Cost_cutting_on_Maintenance_Updates.svg\";\nimport hoverCardImg4 from \"../assets/Images/HowWeDoIt/Reduced_Implementation_Time.svg\";\nimport hoverCardImg5 from \"../assets/Images/HowWeDoIt/Centralised_repository.svg\";\nimport hoverCardImg6 from \"../assets/Images/HowWeDoIt//Proactive_Security_measures.svg\";\nimport MiniImageBannerBgImg2 from \"../assets/Images/HowWeDoIt/what-we-do-banner-image.png\";\n\n//Movie Slider\\\nimport MobileSmoothSlider from \"../components/MobileSmoothSlider\";\nimport clientMovieSliderImage from \"../assets/Images/HowWeDoIt/sdfljdsf_2x.png\";\n\n//Icon Card List\nimport IconCardList from \"../templates/IconCardList\";\nimport IconCardListIcon1 from \"../assets/Images/IconCardList/Creative_Idea.svg\";\nimport IconCardListIcon3 from \"../assets/Images/IconCardList/Feedback_Audience.svg\";\nimport IconCardListIcon6 from \"../assets/Images/IconCardList/MRR.svg\";\nimport IconCardListIcon4 from \"../assets/Images/IconCardList/Presentation.svg\";\nimport IconCardListIcon2 from \"../assets/Images/IconCardList/Software_Companies.svg\";\nimport IconCardListIcon5 from \"../assets/Images/IconCardList/Work_Flow.svg\";\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\nimport MiniImageBannerBgImg12 from \"../assets/Images/HowWeDoIt/who_we_work_with.png\";\nimport BannerBgImage from \"../assets/Images/MobileApp/desktop_banner_mobile@2x.png\";\n// Mobile movie slider\nimport MobileMovieSlider from \"../components/MobileMovieSlider\";\nimport ClickToViewCard from \"../templates/ClickToViewCard\";\nimport ClickToViewCardImg1 from \"../assets/Images/HowWeDoIt/Innovation-Consultant.png\";\nimport ClickToViewCardImg2 from \"../assets/Images/HowWeDoIt/UI-UX-Consultant.png\";\nimport ClickToViewCardImg3 from \"../assets/Images/HowWeDoIt/Software-Engineer.png\";\nimport ClickToViewCardImg4 from \"../assets/Images/HowWeDoIt/Quality-Assurance-Engineer.png\";\nimport ClickToViewCardImg5 from \"../assets/Images/HowWeDoIt/Ethical-Hacker.png\";\n\n//Development\nimport ReactNative from \"../assets/Images/MobileApp/mobilelang_wespeak/react-native.png\";\nimport ReactLogo from \"../assets/Images/MobileApp/mobilelang_wespeak/react-js-logo.png\";\nimport Angular from \"../assets/Images/MobileApp/mobilelang_wespeak/angular-logo.png\";\nimport Kotlin from \"../assets/Images/MobileApp/mobilelang_wespeak/Kotlin-logo.png\";\nimport Android from \"../assets/Images/MobileApp/mobilelang_wespeak/Android_new_logo.png\";\nimport Swift from \"../assets/Images/MobileApp/mobilelang_wespeak/Swift_logo.png\";\nimport Vue from \"../assets/Images/MobileApp/mobilelang_wespeak/Vue.js_Logo.png\";\nimport xamarin from \"../assets/Images/MobileApp/mobilelang_wespeak/xamarin-logo.png\";\nimport iOS from \"../assets/Images/MobileApp/mobilelang_wespeak/iOS-logo.png\";\nimport Flutter from \"../assets/Images/MobileApp/mobilelang_wespeak/flutter-logo.png\";\nimport IonicLogo from \"../assets/Images/MobileApp/mobilelang_wespeak/Ionic_Logo.png\";\nimport PhoneGap from \"../assets/Images/MobileApp/mobilelang_wespeak/PhoneGap-Stacked-Black-logo.png\";\nimport VisualStudio from \"../assets/Images/MobileApp/mobilelang_wespeak/Microsoft Visual Studio.png\";\nimport NextInnovation from \"../assets/Images/MobileApp/nextInnovation.png\";\n\nimport ThreePlainCards from \"../templates/ThreePlainCards\";\n\nimport HoverCardWithBtnIcon1 from \"../assets/Images/HowWeDoIt/fixed-cost.svg\";\nimport HoverCardWithBtnIcon2 from \"../assets/Images/HowWeDoIt/time-and-material.svg\";\nimport HoverCardWithBtnIcon3 from \"../assets/Images/HowWeDoIt/robust-hybrid.svg\";\nimport HoverCardWithBtnIcon4 from \"../assets/Icons/CRM.svg\";\nimport HoverCardWithBtnIcon5 from \"../assets/Icons/LMS.svg\";\n\n//Info View\nimport Infoview from \"../templates/InfoView\";\n\n//Miniview\nimport Miniview from \"../templates/MiniView\";\n\n// Two Column Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\n\n//Mini Image Banner\n//Mini Image Banner 1\nimport MiniImageBanner1 from \"../templates/MiniImageBanner1\";\n\n//BlurCardList\nimport BlurCardList from \"../templates/BlurCardList\";\nimport MiniCardBgImage2 from \"../assets/Images/Homepage/web_application_development.png\";\nimport MiniCardBgImage3 from \"../assets/Images/Homepage/full_product_development.png\";\nimport MiniCardBgImage4 from \"../assets/Images/Homepage/MVP.png\";\nimport MiniCardBgImage5 from \"../assets/Images/Homepage/Product_designing_and_Prototyping.png\";\nimport MiniCardBgImage6 from \"../assets/Images/Homepage/product_scaling.png\";\nimport MiniCardBgImage7 from \"../assets/Images/Homepage/code_ux_audit.png\";\nimport MiniCardBgImage8 from \"../assets/Images/Homepage/digital_transformation.png\";\nimport MiniCardBgImage9 from \"../assets/Images/Homepage/machine_learning.png\";\n\n//Click To View Mega ViewCarousal\nimport ClickToViewMegaViewCarousal from \"../templates/ClickToViewMegaViewCarousal\";\nimport ClickToViewMegaViewCarousalImg1 from \"../assets/Images/ClickToViewMegaViewCarousal/Lean_startup_mindset.png\";\nimport ClickToViewMegaViewCarousalImg2 from \"../assets/Images/ClickToViewMegaViewCarousal/Contact_and_first_proposal.png\";\nimport ClickToViewMegaViewCarousalImg3 from \"../assets/Images/ClickToViewMegaViewCarousal/Product_Workshops_with_the_team.png\";\nimport ClickToViewMegaViewCarousalImg4 from \"../assets/Images/ClickToViewMegaViewCarousal/Final_proposal_and_release_plan.png\";\n\n//Mobile/Web Application Development\nimport ogimage from \"../assets/Images/ogImages/OG_Mob-App-dev.png\";\nimport crossPlatform from \"../assets/Images/MobileApp/Group_6247_2x.png\";\nimport ProgressiveWeb from \"../assets/Images/MobileApp/Group_6253_2x.png\";\nimport nativeApp from \"../assets/Images/MobileApp/Group_6261_2x.png\";\nimport hybridApp from \"../assets/Images/MobileApp/Group_6272_2x.png\";\n\nconst MobileApplicationDevelopment = () => {\n  const [page, setPage] = useState(1);\n  const [limit, setLimit] = useState(6);\n  const [articleRawData, setArticleRawData] = useState([]);\n  const [articleLimit, setArticleLimit] = useState(6);\n  const [articlePage, setArticlePage] = useState(1);\n  const [articleData, setArticleData] = useState([]);\n  const [megaviewData, setMegaViewData] = useState([]);\n  const [clientStoryData, setClientStoryData] = useState([]);\n  const [clientStoryRawData, setClientStoryRawData] = useState([]);\n  const [isHover, setIsHover] = useState(false);\n  const toggleHover = () => {\n    setIsHover(!isHover);\n  };\n\n  useEffect(() => {\n    DataService.getData(\n      \"/admin/api/all-services?limit=1&type=White Paper&service_type=PD - Mobile Application Development\"\n    ).then((response) => {\n      setMegaViewData(response);\n    });\n  }, []);\n\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/all-services?limit=${articleLimit}&page=${articlePage}&type=Article&service_type=PD - Mobile Application Development&component=mini_view`\n    ).then((response) => {\n      setArticleData([...articleData, ...response.data]);\n      setArticleRawData(response);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [articleLimit, articlePage]);\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/all-services?limit=${limit}&page=${page}&type=Client Story&service_type=PD - Mobile Application Development&component=mini_view`\n    ).then((response) => {\n      setClientStoryData([...clientStoryData, ...response.data]);\n      setClientStoryRawData(response);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [page, limit]);\n  /**\n   * Image Banner\n   */\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    bnrImgTitle: (\n      <>\n        Mobile\n        <br /> Application <br />\n        Development\n      </>\n    ),\n    bnrImgSubTitle: \"How can we help you today?\",\n    servicesColumn1: {\n      data: [\n        {\n          service: \"Mobile Application Development\",\n          link: \"/mobile-application-development\",\n        },\n\n        {\n          service: \"MVP Development\",\n          link: \"/mvp-development\",\n        },\n        {\n          service: \"Code & UX Audit\",\n          link: \"/code-ux-audit\",\n        },\n      ],\n    },\n    servicesColumn2: {\n      data: [\n        {\n          service: \"Web Application Development\",\n          link: \"/web-application-development\",\n        },\n        {\n          service: \"Product Designing and Prototyping\",\n          link: \"/product-designing-and-prototyping\",\n        },\n        {\n          service: \"Digital Transformation\",\n          link: \"/digital-transformation\",\n        },\n      ],\n    },\n    servicesColumn3: {\n      data: [\n        {\n          service: \"Full Product Development\",\n          link: \"/full-product-development\",\n        },\n        {\n          service: \"Product scaling\",\n          link: \"/product-scaling\",\n        },\n        {\n          service: \"Machine Learning\",\n          link: \"/machine-learning\",\n        },\n      ],\n    },\n  };\n\n  /**\n   * Infoview\n   */\n  const InfoviewData = {\n    InfoviewTitle: (\n      <div className=\"mbl-br-hide ttc\">\n        {\" \"}\n        Join the future of mobility <br />{\" \"}\n        <span className=\"red-line3letter\">wit</span>h Digiryte\n      </div>\n    ),\n    width: \"82px\",\n    tag: \"h2\",\n    InfoviewContent: (\n      <>\n        With our expertise in building robust multi-platform mobile\n        applications, we ensure a consistent experience for iOS, Android, or\n        Windows devices and platforms. We’ve got the right team to build the\n        right solution for your business. We believe in developing a custom\n        solution and can help you in building both native and hybrid mobile\n        apps, best suited for your business.\n      </>\n    ),\n  };\n\n  /**\n   * TwoColumnContactInfo\n   */\n\n  const TwoColumnContactInfoData = {\n    Clm1Img: Clm1Img,\n    Clm1Title: \"Phone:\",\n    Clm1SubTitle: \"+44 (0) 161 706 7983\",\n    Clm2Img: Clm2Img,\n    Clm2Title: \"Email:\",\n    Clm2SubTitle: \"hello@digiryte.com\",\n  };\n\n  /**\n   * Mini Image Banner 1\n   */\n\n  const MiniImageBanner1Data = {\n    title: (\n      <>\n        Who we work <br /> with\n      </>\n    ),\n    titleClass: \"mini-image-banner-title-area3 title-header2\",\n    image: MiniImageBannerBgImg12,\n    altTxt: \"Who we work with\",\n    btnClassName: \"image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    tooltip: \"yes\",\n    tip: \"TAKE A LOOK\",\n    route: \"/who-we-work-with\",\n    underline: true,\n    underlineClass: \"black-line\",\n  };\n  /**\n   * Click To View Mega View Carousal\n   */\n\n  const ClickToViewMegaViewCarousalData = {\n    data: [\n      {\n        title: \"STEP 1: Lean startup approach\",\n        download: \"no\",\n        bottom: \"Collaboration Process\",\n        displayFIndoutMore: \"no\",\n        card1data: {\n          meta_title: \"Lean startup approach\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"Having a business mind is a skill. No skill is developed by tactics alone. Developing a skill at a very elite level requires behavioural changes, mindset shifts and expanding your personality. And it can take years to develop it. If you blindly follow tactics without the proper mindset, you won’t be executing those tactics the way they ought to be executed.  Let's take an example: Build, Iterate and Measure are the key concepts of Lean startup. There is nothing wrong with this concept. But let’s dig a few layers deeper to really understand what it means. If you directly apply this concept it will not work.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg1,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"lean-mindset-to-launch-a-successful-software-product\",\n          slug_type: \"article\",\n        },\n      },\n      {\n        title: \"STEP 2: Contact and first proposal\",\n        card1data: {\n          meta_title: \"Contact and first proposal\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"After you contact Digiryte, we gather as much information possible about the product idea and spend our time understanding your business needs and identifying your potential customers to ensure we build a platform which will be familiar to your potential users and stands ahead of your competitors. After considering all the factors, we aim to respond in the next 2-3 business days with a pre-proposal which usually consists of a median SDLC ballpark estimate, the bespoke development approach we created based on your requirements and the various steps explaining our working methodology.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg2,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"digiryte-s-proposal-and-working-methodology\",\n          slug_type: \"article\",\n        },\n      },\n      {\n        title: \"STEP 3: Product workshop and consulting\",\n        card1data: {\n          meta_title: \"Product workshop and consulting\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"Whether you have an idea for building a mobile app, or you need to build complex internal software in a large corporation, all great digital products should be built from a solid foundation. This means gaining a deep understanding of your business needs, what problem or opportunity you’re trying to solve, an idea of your users behaviours and preferences and the value that the product will add.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg3,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"4-steps-of-digiryte-s-successful-product-workshop-methodology\",\n          slug_type: \"article\",\n        },\n      },\n      {\n        title: \"STEP 4: Final proposal and release plan\",\n        card1data: {\n          meta_title: \"Final proposal and release plan\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"We position ourselves uniquely in the market by taking a higher approach to creating a win-win situation for us and the client to avoid major pitfalls during the development. Having worked closely with the University of Manchester, over time, we have researched and created various methodologies which help our clients and us understand the project workflow better and help us meet expectations, costs and timelines more accurately. Based on the medium (mobile, web or both) and scope of the project, we usually narrow down at least two to three possible methodologies which best suit the flow of the project.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg4,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"final-proposal-and-release-plan-methodology-of-digiryte\",\n          slug_type: \"article\",\n        },\n      },\n    ],\n  };\n\n  /**\n   * Blur Card List Data\n   */\n\n  const BlurCardListData = {\n    cardsData: [\n      {\n        image: MiniCardBgImage2,\n        title: \"Web Application Development\",\n        subTitle:\n          \"Accelerate different functions of your business by creating custom web applications using the latest in digital technologies.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/web-application-development\",\n      },\n      {\n        image: MiniCardBgImage3,\n        title: \"Full Product Development\",\n        subTitle:\n          \"The process of full product development encompasses all steps needed to take your product from concept to market place.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/full-product-development\",\n      },\n      {\n        image: MiniCardBgImage4,\n        title: \"MVP Development\",\n        subTitle:\n          \"Build a basic model to demonstrate the core functionality of your product, test it with early adopters and fulfil the primary goal of your business.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/mvp-development\",\n      },\n      {\n        image: MiniCardBgImage5,\n        title: \"Product Designing and Prototyping\",\n        subTitle:\n          \"Create a prototype of your product to visualise your idea and generate feedback without incurring the building costs of a fully functioning system.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/product-designing-and-prototyping\",\n      },\n      {\n        image: MiniCardBgImage6,\n        title: \"Product Scaling\",\n        subTitle:\n          \"Found your product-market fit? Great! Let us help you with a profitable scaling process that provides both sustainability and stability for your product.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/product-scaling\",\n      },\n      {\n        image: MiniCardBgImage7,\n        title: \"Code & UX Audit\",\n        subTitle:\n          \"With a regular audit, we can help you fix your product, improve its performance, gain new users, and boost your brand reputation in the marketplace.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/code-ux-audit\",\n      },\n      {\n        image: MiniCardBgImage8,\n        title: \"Digital Transformation\",\n        subTitle:\n          \"Update your traditional business processes and customer experience to meet the ever-changing market requirements with the help of next-generation digital technologies.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/digital-transformation\",\n      },\n      {\n        image: MiniCardBgImage9,\n        title: \"Machine Learning\",\n        subTitle:\n          \"Through machine learning, we can help you make informed decisions to improve business scalability and operational efficiency.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/machine-learning\",\n      },\n    ],\n    lastCardData: {\n      title: \"Let's Talk\",\n      subTitle: \"We'd love to help with your product.\",\n      variant: \"contained\",\n      label: \"GET IN TOUCH\",\n      customClass: \"miniCrdBgImg-main-border\",\n      route: \"/contact-us\",\n    },\n  };\n  /**\n   * Miniview\n   */\n\n  const miniviewDataArticle = {\n    height: \"490\",\n    service: \"machineLearning\",\n    title: \"Let's Talk\",\n    subTitle: \"We'd love to help with your product.\",\n    variant: \"contained\",\n    label: \"GET IN TOUCH\",\n    customClass: \"miniCrdBgImg-main-border\",\n    route: \"/contact-us\",\n    tip: \"GET IN TOUCH\",\n    tooltip: \"yes\",\n  };\n  const miniviewDataCaseStudy = {\n    height: \"490\",\n    service: \"machineLearning\",\n    title: \"Let's Talk\",\n    subTitle: \"We'd love to help with your product.\",\n    variant: \"contained\",\n    label: \"GET IN TOUCH\",\n    tooltip: \"yes\",\n    tip: \"GET IN TOUCH\",\n    customClass: \"miniCrdBgImg-main-border\",\n    route: \"/contact-us\",\n  };\n\n  const quotedMiniCardData = {\n    title: \"Mobile App Dev for Automative Sales App\",\n    heading:\n      \"We can’t speak highly enough of Digiryte’s team because they bent over backward to help us launch our product.\",\n    content: \"Founder, Bumper UK\",\n    footerContent: (\n      <div style={{ display: \"flex\", alignItems: \"center\" }}>\n        <div>Authentic client review from</div>\n        <div style={{ paddingLeft: \"5px\" }}>\n          <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n        </div>\n      </div>\n    ),\n  };\n\n  // Mobile movie slider\n  const mobMovieSlider = {\n    imageUrl: crossPlatform,\n  };\n  // Mobile movie slider\n  const mobMovieSlider1 = {\n    imageUrl: ProgressiveWeb,\n  };\n  // Mobile movie slider\n  const mobMovieSlider2 = {\n    imageUrl: nativeApp,\n  };\n  // Mobile movie slider\n  const mobMovieSlider3 = {\n    imageUrl: hybridApp,\n  };\n\n  /**\n   * Click To View Card\n   */\n  const ClickToViewCardData = [\n    {\n      title: \"Innovation Consultant\",\n      heading: (\n        <>\n          <span className=\"black-line3letter\">Inn</span>ovation Consultant\n        </>\n      ),\n      width: \"50px\",\n      content: (\n        <div>\n          Innovation consultants have a strong business understanding and are\n          highly creative thinkers. They can navigate through any industry and\n          are highly capable of preparing a roadmap for your product that\n          survives fast-paced business and changing consumer demands. They work\n          closely with you to understand your vision, how you want business to\n          work, and then develop innovative ideas that matter to both your\n          customers and the boardroom.\n          <br /> <br /> The innovation consultants are overall responsible for\n          the success of the project and put in place a unique strategy to test\n          the viability of the product on the market. They constantly push\n          borders to ensure that your product stands the test of time and stays\n          ahead of customers' expectations.\n        </div>\n      ),\n      image: ClickToViewCardImg1,\n    },\n    {\n      title: \"Mobile UI/UX Consultant\",\n      heading: (\n        <>\n          <span className=\"black-line3letter\">Mob</span>ile UI/UX Consultant\n        </>\n      ),\n      width: \"50px\",\n      content:\n        \"The user interface is the window through which users understand your brand and experiences your product. A creative and powerful user interface can transform the way consumers engages with your product. Our UI/UX designers understand the depth of human behaviour to create a unique UI that has a high impact on user experience. Our UI/UX team conducts comprehensive and essential research prior to the design and prototyping process, ensuring that we deliver ROI on exceptional experiences. We are your co-creation partners from design to delivery.\",\n      image: ClickToViewCardImg2,\n    },\n    {\n      title: \"Mobile App Developers\",\n      heading: (\n        <>\n          <span className=\"black-line3letter\">Mob</span>ile App Developers\n        </>\n      ),\n      width: \"50px\",\n      content:\n        \"Changes in technology and new areas of specialisation keep our software engineers moving at a fast pace. Our highly talented team of Software Engineers analyses the needs of the client, then designs, tests and develops software to meet those business requirements. We will also carefully analyse the needs of end-users and work closely with you from the early stages of software planning, MVP development, testing, training and support to meet them effectively.\",\n      image: ClickToViewCardImg3,\n    },\n    {\n      title: \"Quality Assurance Engineer\",\n      heading: (\n        <>\n          <span className=\"black-line3letter\">Qua</span>lity Assurance Engineer\n        </>\n      ),\n      width: \"50px\",\n      content:\n        \"Our Quality Assurance specialists not only monitor the quality of the project but also monitor it’s health before it reaches the market. They work closely with the various teams to monitor the quality of the design, test the functionality, and manage the release process. They ensure that the product complies with the industry and government guidelines prior to release.\",\n      image: ClickToViewCardImg4,\n    },\n    {\n      title: \"Ethical Hacker\",\n      heading: (\n        <>\n          <span className=\"black-line3letter\">Eth</span>ical Hacker\n        </>\n      ),\n      width: \"50px\",\n      content:\n        \"Successful testing does not always mean that the system is 100% safe and secure, but it should be able to thwart unskilled hackers and automated attacks. To do this successfully, our certified Ethical Hackers are constantly updated with new security software and hardware and the latest security threats. Our team will then move forward to create unique scripts that simulate network security breaches to test both current and future network additions. These vulnerabilities are then reported and analysed in order to provide a risk assessment to strengthen the defence of the products.\",\n      image: ClickToViewCardImg5,\n    },\n  ];\n  const InfoviewData1 = {\n    InfoviewTitle: (\n      <div className=\"ttc\">\n        <span className=\"red-line3letter red-3letter-mbl\">Our</span> App\n        Development Includes\n      </div>\n    ),\n    tag: \"h2\",\n    width: \"100px\",\n    InfoviewContent: <></>,\n  };\n  const PlainCardData = [\n    {\n      HoverCardWithBtntitle: \"Synchronised Development & Operations\",\n      HoverCardWithBtnsubtitle: \"(Improves Agility)\",\n      HoverCardWithBtnIcon: hoverCardImg1,\n      HoverCardWithBtnIconAlt: \"Synchronised Development & Operations\",\n      HoverCardIconClass: \"plain-card-button-main-img\",\n    },\n    {\n      HoverCardWithBtntitle: \"Completely Automated SSDLC\",\n      HoverCardWithBtnIcon: hoverCardImg2,\n      HoverCardWithBtnIconAlt: \"Completely Automated SSDLC\",\n      HoverCardIconClass: \"plain-card-button-main-img\",\n      HoverCardWithBtnsubtitle: \"(Secure Software Development Life-cyle)\",\n    },\n    {\n      HoverCardWithBtntitle: \"Cost cutting on Maintenance & Updates\",\n      HoverCardWithBtnIcon: hoverCardImg3,\n      HoverCardWithBtnIconAlt: \"Cost cutting on Maintenance & Updates\",\n      HoverCardIconClass: \"plain-card-button-main-img\",\n      HoverCardWithBtnsubtitle: \"(Cost cutting without Compromising Quality)\",\n    },\n    {\n      HoverCardWithBtntitle: \"Reduced Implementation Time\",\n      HoverCardWithBtnIcon: hoverCardImg4,\n      HoverCardWithBtnIconAlt: \"Reduced Implementation Time\",\n      HoverCardIconClass: \"plain-card-button-main-img\",\n      HoverCardWithBtnsubtitle: \"(Months to Minutes)\",\n    },\n    {\n      HoverCardWithBtntitle: \"Centralised repository\",\n      HoverCardWithBtnIcon: hoverCardImg5,\n      HoverCardWithBtnIconAlt: \"Centralised repository\",\n      HoverCardIconClass: \"plain-card-button-main-img\",\n      HoverCardWithBtnsubtitle:\n        \"(Version control system for Improved Collobration)\",\n    },\n    {\n      HoverCardWithBtntitle: \"Proactive Security measures\",\n      HoverCardWithBtnIcon: hoverCardImg6,\n      HoverCardWithBtnIconAlt: \"Proactive Security measures\",\n      HoverCardIconClass: \"plain-card-button-main-img\",\n      HoverCardWithBtnsubtitle: \"(From App to Infrastructure)\",\n    },\n  ];\n  //Movie Slider\n  const movieSlider = {\n    imageUrl: clientMovieSliderImage,\n  };\n  /**\n   * Mini Image Banner 1\n   */\n\n  const MiniImageBanner2Data = {\n    title: (\n      <span className=\"whatwedo\">\n        <span className=\"black-line3letter\">Wha</span>t we do\n      </span>\n    ),\n    titleClass: \"mini-image-banner-title-area title-header\",\n    image: MiniImageBannerBgImg2,\n    altTxt: \"What we do\",\n    tip: \"TAKE A LOOK\",\n    tooltip: \"yes\",\n    btnClassName: \"what-we-do-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/what-we-do\",\n    underline: false,\n    underlineClass: \"black-line\",\n  };\n  /**\n   * Icon Card List Data\n   */\n\n  const IconCardListData = [\n    {\n      icon: IconCardListIcon1,\n      altTxt: \"Agile Methodology\",\n      heading: \"Agile Methodology\",\n      headingclassname: \"iconhead\",\n      classname: \"iconimgclass\",\n    },\n    {\n      icon: IconCardListIcon2,\n      altTxt: \"Time-zone collobration\",\n      heading: \"Time-zone collobration\",\n      headingclassname: \"iconhead\",\n      classname: \"iconimgclass\",\n    },\n    {\n      icon: IconCardListIcon3,\n      altTxt: \"Tailored product Development\",\n      heading: \"Tailored product Development\",\n      headingclassname: \"iconhead\",\n      classname: \"iconimgclass\",\n    },\n    {\n      icon: IconCardListIcon4,\n      altTxt: \"Transparent Communication\",\n      heading: \"Transparent Communication\",\n      headingclassname: \"iconhead\",\n      classname: \"iconimgclass\",\n    },\n    {\n      icon: IconCardListIcon5,\n      altTxt: \"Direct Onboarding\",\n      heading: \"Direct Onboarding\",\n      headingclassname: \"iconhead\",\n      classname: \"iconimgclass\",\n    },\n    {\n      icon: IconCardListIcon6,\n      altTxt: \"Constant Testing\",\n      heading: \"Constant Testing\",\n      headingclassname: \"iconhead\",\n      classname: \"iconimgclass\",\n    },\n  ];\n  const ThreeHoverCardData = {\n    HoverCardWithBtnvariant: \"contained\",\n    HoverCardWithBtncolor: \"primary\",\n    HoverCardWithBtnlabel: \"LET'S TALK\",\n    HoverCardWithBtntitle:\n      \"We'd love to help with your full product development\",\n    HoverCardWithBtntitle1: \"Fixed Cost Model\",\n    HoverCardWithBtntitle2: \"Time & Material Model\",\n    HoverCardWithBtntitle3: \"Robust Hybrid Model\",\n    HoverCardWithBtntitle4:\n      \"Customer Relationship Management (CRM) Development\",\n    HoverCardWithBtntitle5: \"Learning Management System (LMS) Development\",\n    HoverCardWithBtnIcon1: HoverCardWithBtnIcon1,\n    HoverCardWithBtnIcon2: HoverCardWithBtnIcon2,\n    HoverCardWithBtnIcon3: HoverCardWithBtnIcon3,\n    HoverCardWithBtnIcon4: HoverCardWithBtnIcon4,\n    HoverCardWithBtnIcon5: HoverCardWithBtnIcon5,\n    HoverCardWithBtnContent1:\n      \"For the Fixed Cost part of the SDLC we will charge you based on the agreed milestones.\",\n    HoverCardWithBtnContent2:\n      \"For the T & M part of the SDLC we will charge you based on the cost agreed per hour for each and every resource involved in this Project.\",\n    HoverCardWithBtnContent3:\n      \"In this model Define & Design Phase will be in T&M and Development & Testing in Fixed Cost.\",\n    HoverCardIconClass: \"mb-10\",\n    HoverCardWithBtnContentClass: \"btncontent\",\n    Extracardclassname: \"pricing-card-title\",\n    HoverCardExtraiconclassname: \"pricing-card-icon\",\n    HoverCardWithBtnIconAlt1: \"Fixed Cost Model\",\n    HoverCardWithBtnIconAlt2: \"Time & Material Model\",\n    HoverCardWithBtnIconAlt3: \"Robust Hybrid Model\",\n    HoverCardWithBtnIconAlt4: \"CRM Development \",\n    HoverCardWithBtnIconAlt5: \"LMS Development \",\n    route: \"/contact-us\",\n  };\n  return (\n    <Layout\n      seo={{\n        title: \"Mobile Application Development | Digiryte\",\n        ogtitle: \"Mobile Application Development | Digiryte\",\n        description:\n          \"Digiryte specializes in building robust multi-platform mobile applications, ensuring a consistent user experience across iOS, Android, and Windows devices.\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/mobile-application-development`,\n        keywords:\n          \"mobile application development, multi-platform apps, iOS, Android, Windows, Digiryte\",\n      }}\n    >\n      <ImageBanner imageBannerData={ImageBannerData} />\n      <div className=\"mt-70 body-container\">\n        <Button\n          icon={\n            <img\n              className=\"effect-btn-svgicon\"\n              src={BackArrowIcon}\n              alt=\"click\"\n            />\n          }\n          customClassName=\"effect-btn\"\n          className=\"mui-button-font\"\n          tip=\"What we do\"\n          routepath=\"/what-we-do\"\n        />\n        <Typography\n          style={{\n            fontSize: \"24px\",\n            fontWeight: \"600\",\n            marginTop: \"-42px\",\n            marginLeft: \"40px\",\n          }}\n        >\n          What we do\n        </Typography>\n      </div>\n      <div className=\"mt-30\"></div>\n      <Infoview InfoviewData={InfoviewData} />\n      <div className=\"mt-70 body-container ttc\">\n        <h2 className=\"h2-header ttc\">\n          <span className=\"red-3letter-mbl\">The</span> Ryte Team For <br />{\" \"}\n          <span className=\"red-line3letter\">You</span>r Requirements\n        </h2>\n      </div>\n      <div className=\"mt-30 body-container\">\n        <ClickToViewCard data={ClickToViewCardData} />\n      </div>\n      <div className=\"mt-70\">\n        <Infoview InfoviewData={InfoviewData1} />\n      </div>\n      <div className=\"body-container\">\n        <Grid\n          className=\"mt-50  hide-in-mobile\"\n          container\n          direction=\"row\"\n          spacing={3}\n        >\n          {PlainCardData.map((item, index) => (\n            <Grid className=\"appsgrid\" key={index} item md={4}>\n              <Card className=\"appsgridshadow\">\n                <PlainCard\n                  HoverCardWithBtnCustomClass={item.HoverCardWithBtnCustomClass}\n                  HoverCardWithBtntitle={item.HoverCardWithBtntitle}\n                  HoverCardWithBtnIcon={item.HoverCardWithBtnIcon}\n                  HoverCardWithBtnIconAlt={item.HoverCardWithBtnIconAlt}\n                  HoverCardIconClass={item.HoverCardIconClass}\n                  HoverCardWithBtnsubtitle={item.HoverCardWithBtnsubtitle}\n                />\n              </Card>\n            </Grid>\n          ))}\n        </Grid>\n      </div>\n      <Grid className=\"show-only-in-mobile\">\n        <MobileSmoothSlider reduceheight=\"no\" movieSlider={movieSlider} />\n      </Grid>\n      <div className=\"mt-70\">\n        <MiniImageBanner1\n          id=\"two\"\n          MiniImageBanner1Data={MiniImageBanner2Data}\n        />\n      </div>\n      <div className=\"body-container mt-70\">\n        <h2 className=\"ourtraits-title-header ttc\">\n          <span className=\"red-line3letter red-3letter-mbl\">Our</span> Traits\n        </h2>\n        <div className=\"mt-50 mbl-hide\">\n          <IconCardList IconCardListData={IconCardListData} />\n        </div>\n\n        <MobileMovieSlider movieSlider={mobMovieSlider} slideid=\"slide1\" />\n      </div>\n      <div className=\"mt-70\"></div>\n      {/* </span> */}\n      <div className=\"body-container mt-20\">\n        <h2 className=\"title-header ttc\">\n          <span className=\"red-line3letter red-3letter-mbl\">Pri</span>cing\n          Models\n        </h2>\n      </div>\n      <div className=\"mt-50\">\n        <ThreePlainCards ThreeHoverCardData={ThreeHoverCardData} />\n      </div>\n      <div className=\"mt-70 body-container ttc\">\n        <h2 className=\"title-header ttc\">\n          <span className=\"red-line3letter\">Our</span> Collaboration Process\n        </h2>\n      </div>\n      <div className=\"mt-70\"></div>\n      <ClickToViewMegaViewCarousal\n        ClickToViewMegaViewCarousalData={ClickToViewMegaViewCarousalData}\n      />\n      <div className=\"mt-70 body-container\">\n        <h3 className=\"title-header ttc\">\n          <span className=\"red-line3letter\">Mob</span>ile Languages We Speak!\n        </h3>\n        <div className=\"mt-50\"></div>\n\n        <h3 className=\"sub-header\">Cross platform development</h3>\n        <MobileMovieSlider movieSlider={mobMovieSlider} slideid=\"slide1\" />\n        <Grid container className=\"mt-20 mbl-hide\" direction=\"row\" spacing={1}>\n          <Grid item sm={6} md={3}>\n            <img alt=\"Flutter\" src={Flutter} />\n            <p style={{ fontSize: \"16px\" }}>Flutter</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"xamarin\" src={xamarin} />\n            <p style={{ fontSize: \"16px\" }}>Xamarin</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"ReactNative\" src={ReactNative} />\n            <p style={{ fontSize: \"16px\" }}>React Native</p>\n          </Grid>\n        </Grid>\n        <GreyLine />\n        <div className=\"mt-50\"></div>\n        <h3 className=\"sub-header\">Progressive Web App</h3>\n        <MobileMovieSlider movieSlider={mobMovieSlider1} slideid=\"slide2\" />\n        <Grid container className=\"mt-20 mbl-hide\" direction=\"row\" spacing={1}>\n          <Grid item md={3}>\n            <img alt=\"Angular\" src={Angular} />\n            <p style={{ fontSize: \"16px\" }}>Angular</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"ReactLogo\" src={ReactLogo} />\n            <p style={{ fontSize: \"16px\" }}>React JS</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"Vue\" src={Vue} />\n            <p style={{ fontSize: \"16px\" }}>Vue JS</p>\n          </Grid>\n        </Grid>\n        <GreyLine />\n        <div className=\"mt-50\"></div>\n        <h3 className=\"sub-header\">Native app development</h3>\n        <MobileMovieSlider movieSlider={mobMovieSlider2} slideid=\"slide3\" />\n        <Grid container className=\"mt-20 mbl-hide\" direction=\"row\" spacing={1}>\n          <Grid item md={3}>\n            <img alt=\"Android\" src={Android} />\n            <p style={{ fontSize: \"16px\" }}>Java</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"iOS\" src={iOS} />\n            <p style={{ fontSize: \"16px\" }}>IOS</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"Kotlin\" src={Kotlin} />\n            <p style={{ fontSize: \"16px\" }}>Kotlin</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"Swift\" src={Swift} />\n            <p style={{ fontSize: \"16px\" }}>Swift</p>\n          </Grid>\n        </Grid>\n        <GreyLine />\n        <h3 className=\"sub-header\">Hybrid Development</h3>\n        <MobileMovieSlider movieSlider={mobMovieSlider3} slideid=\"slide4\" />\n        <Grid container className=\"mt-20 mbl-hide\" direction=\"row\" spacing={1}>\n          <Grid item md={3}>\n            <img alt=\"IonicLogo\" src={IonicLogo} />\n            <p style={{ fontSize: \"16px\" }}>Ionic</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"PhoneGap\" src={PhoneGap} />\n            <p style={{ fontSize: \"16px\" }}>Adobe PhoneGap</p>\n          </Grid>\n          <Grid item md={3}>\n            {\" \"}\n            <img alt=\"VisualStudio\" src={VisualStudio} />\n            <p style={{ fontSize: \"16px\" }}>Microsoft Visual Studio</p>\n          </Grid>\n        </Grid>\n        <GreyLine />\n        <div className=\"mt-70\"></div>\n        <h2 className=\"title-header ttc\">\n          Our Approach To Pick Best Tech <br />\n          <span className=\"red-line3letter\">For</span> Your Next Innovation\n        </h2>\n        <div className=\"mt-50 body-container\"></div>\n        <img\n          style={{ width: \"100%\" }}\n          src={NextInnovation}\n          alt=\"Digiryte R&D Team\"\n        />\n        <div\n          style={{ textAlign: \"right\", fontSize: \"12px\", fontStyle: \"italic\" }}\n        >\n          Created by Digiryte R&D Team\n        </div>\n      </div>\n      <div className=\"mt-70\">\n        <MiniImageBanner1\n          id=\"one\"\n          MiniImageBanner1Data={MiniImageBanner1Data}\n        />\n      </div>\n      {clientStoryData && clientStoryData.length > 0 && (\n        <div className=\"mt-70\">\n          <div className=\"body-container\">\n            <h3 className=\"title-header ttc\">\n              <span className=\"red-line3letter\">Cli</span>ent Stories\n            </h3>\n          </div>\n          <div className=\"mt-50\">\n            <Miniview\n              miniviewData={clientStoryData}\n              total={clientStoryData.length}\n              miniviewData2={miniviewDataCaseStudy}\n              quotedMiniCardData={quotedMiniCardData}\n            />\n          </div>\n        </div>\n      )}\n\n      <div style={{ width: \"100%\", textAlign: \"center\" }}>\n        <div\n          onMouseEnter={toggleHover}\n          onMouseLeave={toggleHover}\n          className=\"mt-60\"\n          role=\"presentation\"\n          onClick={() => {\n            setPage(page === 1 ? page + 2 : page + 1);\n            setLimit(3);\n          }}\n          style={{ display: \"inline-block\" }}\n        >\n          {clientStoryRawData.has_more && (\n            <Button\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\n                  src={!isHover ? RightArrow : RightArrowWhite}\n                  alt=\"Load More\"\n                />\n              }\n              customClassName=\"info-view-resize-btn\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label=\"Load More\"\n            />\n          )}\n        </div>\n      </div>\n      {megaviewData.data && megaviewData.data.length > 0 && (\n        <div className=\"mt-50 body-container\">\n          <Megaview MegaviewData={megaviewData.data} />\n        </div>\n      )}\n      {articleData && articleData.length > 0 && (\n        <div className=\"mt-70\">\n          <div className=\"body-container\">\n            <h3 className=\"title-header ttc\">\n              <span className=\"red-line3letter\">Rec</span>ommended Reading\n            </h3>\n          </div>\n          <div className=\"mt-50\">\n            <Miniview\n              miniviewData={articleData}\n              total={articleData.total}\n              miniviewData2={miniviewDataArticle}\n              quotedMiniCardData={quotedMiniCardData}\n            />\n          </div>\n        </div>\n      )}\n      {articleRawData.has_more && (\n        <div style={{ width: \"100%\", textAlign: \"center\" }}>\n          <div\n            onMouseEnter={toggleHover}\n            onMouseLeave={toggleHover}\n            className=\"mt-60\"\n            role=\"presentation\"\n            onClick={() => {\n              setArticlePage(\n                articlePage === 1 ? articlePage + 2 : articlePage + 1\n              );\n              setArticleLimit(3);\n            }}\n            style={{ display: \"inline-block\" }}\n          >\n            <Button\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\n                  src={!isHover ? RightArrow : RightArrowWhite}\n                  alt=\"MORE ARTICLES\"\n                />\n              }\n              customClassName=\"info-view-resize-btn\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label=\"READ MORE\"\n              tip=\"READ MORE\"\n            />\n          </div>\n        </div>\n      )}\n      <div className=\"body-container mt-70\">\n        <h3 className=\"title-header ttc\">\n          <span className=\"red-line3letter\">Oth</span>er Services\n        </h3>\n      </div>\n      <div className=\"mt-70\">\n        <BlurCardList componentId=\"1\" BlurCardListData={BlurCardListData} />\n      </div>\n      <div className=\"mt-70\"></div>\n      <TwoColumnContactInfo\n        TwoColumnContactInfoData={TwoColumnContactInfoData}\n      />\n    </Layout>\n  );\n};\n\nexport default MobileApplicationDevelopment;\n","module.exports = __webpack_public_path__ + \"static/OG_Mob-App-dev-03047389c79d500452d8c6138f71c377.png\";"],"sourceRoot":""}