{"version":3,"file":"static/chunks/pages/gallery-da25d572ac23a0b4.js","mappings":"AOACA,CAAAA,KAAK,gBAAmB,CAAGA,KAAK,gBAAmB,EAAI,EAAE,EAAEC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAElE,KACC,SAASC,CAAuB,CAAEC,CAAwB,CAAEC,CAAmB,CAAE,CPDxF,CAAAC,OAAAC,QAAA,CAAAD,OAAAC,QAAA,MAAAL,IAAA,EACA,WACA,UAAe,CACf,OAAAG,EAAA,KACA,EACA,CAKA,gBAAAF,CAAA,CAAAK,CAAA,CAAAH,CAAA,eAAAA,EAAAI,CAAA,CAAAD,GAAAH,EAAAK,CAAA,CAAAF,EAAA,2BAAAG,CAAA,QAAAC,EAAAP,EAAA,MCwZ+DQ,EAla3D,CACA,CAEI,yDACJ,eACA,GAEI,yDACJ,eACA,EACA,CAEI,mDACJ,qBACA,GAEI,kDACJ,qBAEA,EACA,CAEI,4CACJ,wBACA,GAEI,4CACJ,wBAEA,EACA,CAEI,+CACJ,iBAEA,EACA,CAEI,SAAY,cAChB,iBAEA,EACA,CAEI,+CACJ,2BAGA,EACA,CAEI,yDACJ,eACA,GAEI,yDACJ,eACA,GAEI,yDACJ,eAEA,EACA,CAEI,kDACJ,qBACA,GAEI,kDACJ,qBACA,GAEI,kDACJ,qBACA,GAEI,kDACJ,qBACA,GAEI,kDACJ,qBACA,GAEI,kDACJ,qBACA,GAEI,kDACJ,qBACA,GAEI,kDACJ,qBAEA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBAEA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBACA,GAEI,mDACJ,qBAGA,EACA,CAEI,4CACJ,wBACA,GAEI,4CACJ,wBACA,GAEI,4CACJ,wBACA,GAEI,4CACJ,wBACA,GAEI,4CACJ,wBACA,GAEI,4CACJ,wBACA,GAEI,4CACJ,wBACA,GAEI,6CACJ,wBACA,GAEI,6CACJ,wBACA,GAEI,6CACJ,wBAEA,EAEA,CAEI,8CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,8CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBACA,GAEI,+CACJ,iBAIA,EACA,CAEI,SAAY,cAChB,iBAEA,EAEA,CAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,8CACJ,2BACA,GAEI,+CACJ,2BACA,GAEI,+CACJ,2BACA,GAEI,8CACJ,2BACH,EAED,CAE+DC,EAAAT,EAAA,MAAAU,EAAAV,EAAA,MAAAW,EAAAX,EAAAY,CAAA,CAAAF,GAAAG,EAAAb,EAAA,MAAAc,EAAAd,EAAAY,CAAA,CAAAC,GChajB,IAAAE,EAAL,IACrC,IAAMC,YAAAA,CAAC,CAAY,CAAAC,EACb,CAACC,EAAAC,EAAc,EAAgB,EAAAV,EAAGW,QAAA,SAClC,CAACC,EAAcC,EAAgB,CAAG,GAAAb,EAAAW,QAAA,EAASJ,GAC3C,CAACO,EAASC,EAAc,IAAAf,EAASW,QAAO,KACxC,CAAAK,EAAOC,EAAA,IAAAjB,EAAAW,QAAA,MAEP,CAACO,EAAAC,EAAe,IAAAnB,EAAoBW,QAAA,MAEpC,CAAAS,EAAAC,EAA2B,IAAArB,EAAAW,QAAA,QAC7BW,EAAI,IAEJL,EAAI,IAMJJ,EALIU,QAAAA,EACGhB,EAENA,EAAAiB,MAAA,IAAAC,EAAAC,QAAA,GAAAH,IAGDb,EAAAa,GACAR,EAAiB,GAAAY,WACb,IAAW,CACZV,EAAO,GACd,MAEA,EACIW,EAAkB,KAClBX,EAAW,IAAMU,WACb,KACAZ,EAAgB,GAAGc,EAAA,GACpBZ,EAAO,GACd,MAEA,EAAgB,GAAAjB,EACZ8B,SAAA,OAEAjB,EAAgBN,GACjBU,EAAA,MAAaV,EAEhB,EACA,IAAMwB,EAAenB,EAAaoB,KAAM,GAAGlB,GAE3CmB,EAAArB,EAAAsB,MAAA,CAAApB,EAEIqB,EAAA,GAAiB,CACjBd,EAAiBe,GACrBjB,EAAA,GAEA,EACIkB,EAAa,IAAK,CAClBlB,EAAA,IACJE,EAAA,KAEA,EACMiB,EAAe,IACjBC,EAAAC,eAAM,GACN,IAAMC,EAAY7B,EAAA8B,OAAqB,CAAAtB,GACvCuB,EAAiBF,IAAAA,EAAa7B,EAAUsB,MAAA,GAAAO,EAAA,EAC5CpB,EAAAT,CAAA,CAAA+B,EAAA,CAEA,EACMC,EAAA,GAAe,CACjBL,EAAAC,eAAM,GACN,IAAMC,EAAY7B,EAAA8B,OAAiB,CAAAtB,GACnCyB,EAAiBJ,IAAa7B,EAAUsB,MAAA,KAAAO,EAAA,EAC5CpB,EAAAT,CAAA,CAAAiC,EAAA,CAEA,EACI,SAAA/C,EAAAgD,IAAA,EAAAhD,EAAAiD,QAAA,EAAAC,SAAA,CACS,CAAW,EAAAlD,EAAAmD,GAAA,SAAsBC,UACjC,IACGC,eAAA,CAACH,SAAOI,CAlEH,MAAQ,OAAc,aAAiB,gBAAU,SAAU,SAAmB,mBACnG,CAiEwBC,GAAA,CAAW,CAAA9B,EAAA+B,IAA0C,GAAlBxD,EAAAmD,GAAA,YACvCC,UAASzC,IAAMc,EAAgB,GAAAgC,MAAA,KAAAC,UAAA,KAAAC,QAAA,IAG9BnC,EAAAC,GAFIyB,SAAAzB,CAAA,EAAA+B,GAAA,GAMZ,CAAW,EAAAxD,EAAAgD,IAAA,SAA0BI,UAAA,IAAAQ,mBAAA,CAAAV,SACrC,CAAqCjB,EAAAsB,GAAA,CAClC,CAAAM,EAAAL,IACe,GAAAxD,EAAAmD,GAAA,SAEXC,UAAS,IAAgBU,uBAAA,CAAAH,QAAA,IAEzBtB,EAAAwB,GAACX,SAAe,GAAAlD,EAAAmD,GAAA,SAAuBC,UAClC,IAAAW,gBAAA,CACIb,SAAI,CAAAW,MAAAA,EAA+B,OAAAA,EAAAG,QAAA,KAAAhE,EAAAgD,IAAA,SAAAI,UAAA,IAAAa,aAAA,CAAAf,SAAA,CAE5B,CAAW,EAAAlD,EAAAmD,GAAA,SACXC,UAAS,IAAgBc,OAAA,CAAAP,QAAA,IAAAtB,EAAAwB,EAAA,GAGnB,GAAA7D,EAAAmD,GAAA,YACNgB,MAAA,OACAC,OAAK,OACLC,IAAA,iCAAMZ,MAAA,CAAAI,MAAAA,EAAA,OAAAA,EAAAG,QAAA,iCAAAP,MAAA,CAAAI,MAAAA,EAAA,OAAAA,EAAAG,QAAA,8CACNM,MAAA,uBACAC,YAAM,IACNC,MAAA,2FACAC,gBAAO,GAAAC,MAAE,CAAeP,MAAA,OAAgBC,OAAA,OAAmBO,UAAA,cAKxD,GAAA3E,EAAAmD,GAAA,SAAAuB,MAAE,CAAgBN,OAAA,OAAqBQ,SAAA,YAGzC1B,SAAIhC,EAAW,GAAAlB,EAAAmD,GAAA,QAAe,CAAAC,UAAA,IAE9ByB,QAAK,GACG,GAAA7E,EAAAmD,GAAA,EAAA5C,IAAA,CACL8D,IAAIR,MAAAA,EAAA,OAAAA,EAAAiB,KAAA,CACJC,IAAA,GACAC,KAAA,GACAC,MAAA,2DAEPC,kBAAA,IAAA/D,EAAA,GAER,MArCA,EAAAqC,IA2CRpC,GAAe,GAAApB,EAAAgD,IAAA,SAAsBI,UAAS,IAAA+B,aAAA,CAAAxB,QAAApB,EAAAW,SAAA,CACnC,CAAW,EAAAlD,EAAAmD,GAAA,YAAqBC,UAAS,IAAAgC,YAAA,CAAAzB,QAAApB,EAAYW,SAAA,MAG5D,GACG5B,EAAA,GAAAtB,EAAAgD,IAAA,EAAAhD,EAAAiD,QAAA,EAAAC,SACK,CACI5B,EACS0C,QAAA,IAAAhE,EAAAmD,GAAA,YACNgB,MAAA,OACAC,OAAK,OACLC,IAAA,iCAAMZ,MAAA,CAAAnC,EAAA0C,QAAA,iCAAAP,MAAA,CAAAnC,EAAA0C,QAAA,8CACNM,MAAA,uBACAC,YAAM,IACNC,MAAA,2FACAC,gBAAO,GAAAC,MAAE,CAAeP,MAAA,OAAgBC,OAAA,OAAmBO,UAAA,QAG9D,GACQ,GAAA3E,EAAmBmD,GAAA,SACxBkB,IAAA/C,EAAWwD,KAAA,CACX1B,UAAI,IAAAiC,WAAA,CAEXN,IAAA,KACO,CAAW,EAAA/E,EAAAmD,GAAA,YAAoBC,UAAS,IAAAkC,WAAA,CAAA3B,QAAAnB,EAC3CU,SAAU,GAAAlD,EAAAmD,GAAA,SAA6BoC,MAAA,6BAAcnB,OAAA,OAAyBoB,QAAM,iBAAOrB,MAAK,OAAAa,KAAA,OAAQ9B,SAAO,GAAAlD,EAAAmD,GAAA,UAAArD,EAAA,8DAE5G,CAAW,EAAAE,EAAAmD,GAAA,YAAoBC,UAAS,IAAAqC,WAAA,CAAA9B,QAAAb,EAC3CI,SAAU,GAAAlD,EAAAmD,GAAA,SAA6BoC,MAAA,6BAAcnB,OAAA,OAAyBoB,QAAM,iBAAOrB,MAAK,OAAAa,KAAA,OAAQ9B,SAAO,GAAAlD,EAAAmD,GAAA,UAAArD,EAAA,iEAIxG,GAAAE,EAAAmD,GAAA,SACnBC,UAAA,IAAAsC,MAAA,SAKRvD,GAAW,GAAAnC,EAAAmD,GAAA,SAAAuB,MAAE,CAAiBiB,QAAA,OAA0BC,eAAW,SAAOC,UAAA,QACtE3C,SAAiB,GAAAlD,EAAAmD,GAAA,YAAaC,UAAS,aAAAO,QAAA7B,EAAeoB,SAAA,kBAO3E,EAAgC,IAAA4C,EAAArG,EAAA,MAAAsG,EAAAtG,EAAAY,CAAA,CAAAyF,GAAAE,EAAAvG,EAAA,MAAAwG,EAAAxG,EAAAY,CAAA,CAAA2F,GCpKEE,EAVJ,UAEtB,OACI,GAAAlG,EAAAmD,GAAA,EAAAnD,EAACiD,QAAA,EAAAC,SACc,GAAAlD,EAAAmD,GAAA,aAA2BC,UAAA,IAAA+C,oBAAA,EAKtD,EACA,ECPsB,IAClBC,EAAA,IACI,GAAApG,EAAAgD,IAAA,EAAAhD,EAAAiD,QAAA,EAAAC,SAAA,CACS,GAAAlD,EAAAgD,IAAA,EAAA+C,IAAA,CAAA7C,SAAA,CACM,GAAAlD,EAAAmD,GAAA,WAAAD,SAAA,gCAEG,GAAAlD,EAAAmD,GAAA,UAAOkD,IAAA,OAAKC,KAAA,iBACZ,GAAAtG,EAAAmD,GAAA,UAAYkD,IAAA,YAAKC,KAAA,oDAI/B,GAAAtG,EAAAmD,GAAA,EAAC+C,EAAA,IAAQ,CAAU,EAAAlG,EAAAmD,GAAA,aAAsBC,UAAG,sBAAAmD,GAAA,WACvCrD,SAAc,GAAAlD,EAAAgD,IAAA,SAAAI,UAAA,YAAAF,SAAA,CACN,CAAU,EAAAlD,EAAAmD,GAAA,SAAAC,UACX,6BAACF,SAAc,GAAAlD,EAAAgD,IAAA,SAAAI,UAAA,oCAAAF,SAAA,CACP,GAAAlD,EAAAmD,GAAA,QAAAD,SAAA,YACD,GAAAlD,EAAAmD,GAAA,OAAAD,SAAA,sKAIN,CAAU,EAAAlD,EAAAmD,GAAA,SAAAC,UACX,cAAiBF,SAAc,GAAAlD,EAAWmD,GAAA,EFsJlC3C,EEtJkC,CAAAC,YAAAR,CAAA,aAQ3C,IAAAF,EAAAqG,CAAA,gBAAAI,CAAA,ECjCLA,EAAAC,OAAA,kxBAAAD,CAAA,ECAAA,EAAAC,OAAA,mUAAAhH,CAAA,EAAAA,EAAAiH,CAAA,mCAAAjH,EAAAA,EAAAkH,CAAA,SAAAC,KAAAnH,EAAAiH,CAAA","sources":["webpack://_N_E/?28f1","webpack://_N_E/./src/data/GalleryData.js","webpack://_N_E/./src/components/GalleryComponent/GalleryComponent.js","webpack://_N_E/./src/components/Reusable/Banner/WithoutImageBanner.js","webpack://_N_E/./src/pages/gallery/index.js","webpack://_N_E/./src/components/GalleryComponent/GalleryComponent.module.scss","webpack://_N_E/./src/components/Reusable/Banner/Topbanner.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/gallery\",\n      function () {\n        return require(\"private-next-pages/gallery/index.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/gallery\"])\n      });\n    }\n  ","\nconst GalleryData = [\n    //  first view images\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-1.jpg\",\n        \"category\": \"View\",\n    },\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-2.jpg\",\n        \"category\": \"View\",\n    },\n    //  first activities images\n    {\n        \"image\": \"/images/gallery/activities/Activity-17.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-9.jpg\",\n        \"category\": \"Activities\",\n    },\n\n    //  first accomodation images\n    {\n        \"image\": \"/images/gallery/rooms/room-img1.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img6.jpg\",\n        \"category\": \"Accommodation\",\n    },\n\n    //  first Dining images\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_21.jpg\",\n        \"category\": \"Dining\",\n    },\n\n    //  first Video images\n    {\n        \"videoUrl\": \"4o9FDWomIiU\",\n        \"category\": \"Videos\",\n    },\n\n    //  first banquet images\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_12.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n\n\n    // View\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-3.jpg\",\n        \"category\": \"View\",\n    },\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-4.jpg\",\n        \"category\": \"View\",\n    },\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-5.jpg\",\n        \"category\": \"View\",\n    },\n\n    // Activities\n    {\n        \"image\": \"/images/gallery/activities/Activity-1.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-2.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-3.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-4.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-5.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-6.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-7.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-8.jpg\",\n        \"category\": \"Activities\",\n    },\n\n    {\n        \"image\": \"/images/gallery/activities/Activity-10.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-11.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-12.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-13.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-14.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-15.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-16.jpg\",\n        \"category\": \"Activities\",\n    },\n\n    {\n        \"image\": \"/images/gallery/activities/Activity-18.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-19.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-20.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-21.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-22.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-23.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-24.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-25.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-26.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-27.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-28.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-29.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-30.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-31.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-32.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-33.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-34.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-35.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-36.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-37.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-38.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-39.jpg\",\n        \"category\": \"Activities\",\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-40.jpg\",\n        \"category\": \"Activities\",\n    },\n\n\n    // Accomodation\n    {\n        \"image\": \"/images/gallery/rooms/room-img3.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img4.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img5.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img2.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img7.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img8.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img9.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img10.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img11.jpg\",\n        \"category\": \"Accommodation\",\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img12.jpg\",\n        \"category\": \"Accommodation\",\n    },\n\n    // Dining\n  \n    {\n        \"image\": \"/images/gallery/dinning/Dinning_2.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_3.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_4.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_6.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_7.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_8.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_9.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_10.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_11.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_12.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_13.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_14.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_15.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_16.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_17.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_18.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_19.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_20.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_1.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_22.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_23.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_24.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_25.jpg\",\n        \"category\": \"Dining\",\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_26.jpg\",\n        \"category\": \"Dining\",\n    },\n\n\n\n    // Videos\n    {\n        \"videoUrl\": \"wAn1MtgrA3E\",\n        \"category\": \"Videos\",\n    },\n\n    // Banquet\n\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_2.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_3.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_4.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_5.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_6.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_7.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_8.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_9.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_10.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_11.jpg\",\n        \"category\": \"Wedding & Events\",\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_1.jpg\",\n        \"category\": \"Wedding & Events\",\n    }\n]\n\nexport default GalleryData;\n\n{/* alt={`Adventure Resort ${filteredProperty?.category} `} */ }","import { useState, useEffect } from \"react\";\nimport styles from \"./GalleryComponent.module.scss\";\nimport Image from \"next/image\";\n\nconst GalleryComponent = ({ GalleryData }) => {\n    const [activeLink, setActiveLink] = useState('All');\n    const [filteredData, setFilteredData] = useState(GalleryData);\n    const [visibleItems, setVisibleItems] = useState(9); // State to track number of visible items\n    const [loading, setLoading] = useState(true); // State to track loading\n    const tabs = [\"All\", \"View\", \"Activities\", \"Accommodation\", \"Dining\", \"Videos\", \"Wedding & Events\"];\n    const [modalOpen, setModalOpen] = useState(false);\n    const [selectedImage, setSelectedImage] = useState(null);\n\n    const handleTabChange = (tab) => {\n        let filteredItem;\n        setLoading(true); // Show skeleton loader when switching tabs\n        if (tab === 'All') {\n            filteredItem = GalleryData;\n        } else {\n            filteredItem = GalleryData.filter(item => item.category === tab);\n        }\n        setFilteredData(filteredItem);\n        setActiveLink(tab);\n        setVisibleItems(9); // Reset visible items when switching tabs\n        setTimeout(() => {\n            setLoading(false); // Hide skeleton loader after loading\n        }, 1000); // Simulate loading time\n    };\n\n    const loadMoreItems = () => {\n        setLoading(true); // Show skeleton loader when loading more items\n        setTimeout(() => {\n            setVisibleItems(prevVisibleItems => prevVisibleItems + 9);\n            setLoading(false); // Hide skeleton loader after loading more items\n        }, 1000); // Simulate loading time\n    };\n\n    useEffect(() => {\n        // Set initial data to show all items\n        setFilteredData(GalleryData);\n        setLoading(false); // Hide skeleton loader after initial load\n    }, [GalleryData]);\n\n    const displayedData = filteredData.slice(0, visibleItems);\n    const showLoadMore = filteredData.length > visibleItems;\n\n    //...................Gallery Modal......................\n    const openModal = (imageData) => {\n        setSelectedImage(imageData);\n        setModalOpen(true);\n    };\n\n    const closeModal = () => {\n        setModalOpen(false);\n        setSelectedImage(null); // Reset selected image when closing modal\n    };\n\n    const goToPrevious = (e) => {\n        e.stopPropagation();\n        const currentIndex = filteredData.indexOf(selectedImage);\n        const prevIndex = currentIndex === 0 ? filteredData.length - 1 : currentIndex - 1;\n        setSelectedImage(filteredData[prevIndex]);\n    };\n\n    const goToNext = (e) => {\n        e.stopPropagation();\n        const currentIndex = filteredData.indexOf(selectedImage);\n        const nextIndex = currentIndex === filteredData.length - 1 ? 0 : currentIndex + 1;\n        setSelectedImage(filteredData[nextIndex]);\n    };\n\n    return (\n        <>\n            <div className={styles.gallery_tab_bar}>\n                {tabs.map((tab, index) => (\n                    <button className={activeLink === tab ? `${styles.active_tab}` : ''}\n                        onClick={() => handleTabChange(tab)}\n                        key={index}\n                    >\n                        {tab}\n                    </button>\n                ))}\n            </div>\n            <div className={styles.gallery_card_parent}>\n                {displayedData.map((filteredProperty, index) => (\n                    <div\n                        className={styles.gallery_card_img_parent}\n                        key={index}\n                        onClick={() => openModal(filteredProperty)}\n                    >\n                        <div className={styles.gallery_card_img}>\n                            {filteredProperty?.videoUrl ? (\n                                <div className={styles.video_wrapper}>\n                                    <div\n                                        className={styles.overlay}\n                                        onClick={() => openModal(filteredProperty)}\n                                    ></div>\n                                    <iframe\n                                        width=\"100%\"\n                                        height=\"100%\"\n                                        src={`https://www.youtube.com/embed/${filteredProperty?.videoUrl}?autoplay=1&loop=1&playlist=${filteredProperty?.videoUrl}&mute=1&modestbranding=1&controls=0&rel=0`}\n                                        title=\"YouTube video player\"\n                                        frameBorder=\"0\"\n                                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                        allowFullScreen\n                                        style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n                                    ></iframe>\n                                </div>\n                            ) : (\n                                <div\n                                    style={{ height: '100%', position: 'relative' }}\n                                >\n                                    {loading ? (\n                                        <div className={styles.skeleton} />\n                                    ) : (\n                                        <Image\n                                            src={filteredProperty?.image}\n                                            alt=\"\"\n                                            fill={true}\n                                            sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n                                            onLoadingComplete={() => setLoading(false)}\n                                        />\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                ))}\n\n                {modalOpen && (\n                    <div className={styles.modal_overlay} onClick={closeModal}>\n                        <button className={styles.close_button} onClick={closeModal}>\n                            &times;\n                        </button>\n                        {selectedImage ? (\n                            <>\n                                {selectedImage.videoUrl ? (\n                                    <iframe\n                                        width=\"100%\"\n                                        height=\"100%\"\n                                        src={`https://www.youtube.com/embed/${selectedImage.videoUrl}?autoplay=1&loop=1&playlist=${selectedImage.videoUrl}&mute=1&modestbranding=1&controls=0&rel=0`}\n                                        title=\"YouTube video player\"\n                                        frameBorder=\"0\"\n                                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                        allowFullScreen\n                                        style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n                                    ></iframe>\n                                ) : (\n                                    <img\n                                        src={selectedImage.image}\n                                        className={styles.modal_image}\n                                        alt=\"\"\n                                    />\n                                )}\n                                <button className={styles.prev_button} onClick={goToPrevious}>\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#fff\"><path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" /></svg>\n                                </button>\n                                <button className={styles.next_button} onClick={goToNext}>\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#fff\"><path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" /></svg>\n                                </button>\n                            </>\n                        ) : (\n                            <div className={styles.loader}></div>\n                        )}\n                    </div>\n                )}\n            </div>\n            {showLoadMore && (\n                <div style={{ display: 'flex', justifyContent: 'center', marginTop: '20px' }}>\n                    <button className=\"common_btn\" onClick={loadMoreItems}>Load More</button>\n                </div>\n            )}\n        </>\n    );\n}\n\nexport default GalleryComponent;\n","import styles from \"./Topbanner.module.scss\";\n\nfunction WithoutImageBanner() {\n    return (\n        <>\n            <section\n                className={styles.without_image_banner}\n            >\n            </section>\n        </>\n    )\n}\nexport default WithoutImageBanner;","import GalleryData from \"../../data/GalleryData\";\nimport GalleryComponent from \"../../components/GalleryComponent/GalleryComponent\";\nimport Head from \"next/head\";\nimport WithoutImageBanner from \"../../components/Reusable/Banner/WithoutImageBanner\";\n\nconst Gallery = () => {\n    return (\n        <>\n            <Head>\n                <title>Gallery | Adventure Resorts</title>\n                {/* <meta name=\"description\" content=\"We have more than five years of expertise in the field of helicopter safari, during which time we have provided tourists with genuine and exciting adventures.\" /> */}\n                <link rel=\"icon\" href=\"/favicon.png\" />\n                <link rel=\"canonical\" href=\"https://www.adventureresortkufri.com/gallery\" />\n            </Head>\n            <WithoutImageBanner />\n\n            <section className=\"common_padding pb-0\" id='firstsec'>\n                <div className='container'>\n                    <div className='row justify-content-center'>\n                        <div className='col-md-8 common_title text-center'>\n                            <h2>Gallery</h2>\n                            <p>Adventure Resorts Shimla offers the ultimate student destination, boasting thrilling activities and attractions amidst Himachal Pradesh's scenic landscapes.</p>\n                        </div>\n\n                    </div>\n                    <div className='text-center'>\n                        <GalleryComponent GalleryData={GalleryData} />\n                    </div>\n                </div>\n            </section>\n\n        </>\n    );\n}\nexport default Gallery;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gallery_tab_bar\":\"GalleryComponent_gallery_tab_bar__i7GNw\",\"active_tab\":\"GalleryComponent_active_tab__4p6DA\",\"gallery_card_parent\":\"GalleryComponent_gallery_card_parent__Bje3a\",\"gallery_card_img_parent\":\"GalleryComponent_gallery_card_img_parent__yVRDq\",\"gallery_card_img\":\"GalleryComponent_gallery_card_img__mTZvG\",\"video_wrapper\":\"GalleryComponent_video_wrapper__o7KiL\",\"overlay\":\"GalleryComponent_overlay__CSbC0\",\"modal_overlay\":\"GalleryComponent_modal_overlay__JMQUc\",\"loader\":\"GalleryComponent_loader__RUtNF\",\"l27\":\"GalleryComponent_l27__18Iya\",\"close_button\":\"GalleryComponent_close_button__NqWm4\",\"prev_button\":\"GalleryComponent_prev_button__naXkM\",\"next_button\":\"GalleryComponent_next_button__TWAXH\",\"skeleton\":\"GalleryComponent_skeleton__HNn5q\",\"loading\":\"GalleryComponent_loading__TRWsR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"top_banner\":\"Topbanner_top_banner__JLDvP\",\"banner_text\":\"Topbanner_banner_text__znygP\",\"banner_btn\":\"Topbanner_banner_btn___Zjwb\",\"down\":\"Topbanner_down__3Pfwj\",\"home_banner\":\"Topbanner_home_banner__p1RdH\",\"banner_text_con\":\"Topbanner_banner_text_con__K9pZF\",\"without_image_banner\":\"Topbanner_without_image_banner__U6U0K\"};","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[214],{\n\n/***/ 2207:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/gallery\",\n      function () {\n        return __webpack_require__(8334);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 8334:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"default\": function() { return /* binding */ gallery; }\n});\n\n// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js\nvar jsx_runtime = __webpack_require__(5893);\n;// CONCATENATED MODULE: ./src/data/GalleryData.js\nconst GalleryData = [\n    //  first view images\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-1.jpg\",\n        \"category\": \"View\"\n    },\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-2.jpg\",\n        \"category\": \"View\"\n    },\n    //  first activities images\n    {\n        \"image\": \"/images/gallery/activities/Activity-17.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-9.jpg\",\n        \"category\": \"Activities\"\n    },\n    //  first accomodation images\n    {\n        \"image\": \"/images/gallery/rooms/room-img1.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img6.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    //  first Dining images\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_21.jpg\",\n        \"category\": \"Dining\"\n    },\n    //  first Video images\n    {\n        \"videoUrl\": \"4o9FDWomIiU\",\n        \"category\": \"Videos\"\n    },\n    //  first banquet images\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_12.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    // View\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-3.jpg\",\n        \"category\": \"View\"\n    },\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-4.jpg\",\n        \"category\": \"View\"\n    },\n    {\n        \"image\": \"/images/gallery/view/adventure-resort-view-5.jpg\",\n        \"category\": \"View\"\n    },\n    // Activities\n    {\n        \"image\": \"/images/gallery/activities/Activity-1.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-2.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-3.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-4.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-5.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-6.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-7.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-8.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-10.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-11.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-12.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-13.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-14.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-15.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-16.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-18.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-19.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-20.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-21.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-22.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-23.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-24.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-25.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-26.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-27.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-28.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-29.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-30.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-31.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-32.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-33.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-34.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-35.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-36.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-37.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-38.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-39.jpg\",\n        \"category\": \"Activities\"\n    },\n    {\n        \"image\": \"/images/gallery/activities/Activity-40.jpg\",\n        \"category\": \"Activities\"\n    },\n    // Accomodation\n    {\n        \"image\": \"/images/gallery/rooms/room-img3.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img4.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img5.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img2.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img7.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img8.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img9.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img10.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img11.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    {\n        \"image\": \"/images/gallery/rooms/room-img12.jpg\",\n        \"category\": \"Accommodation\"\n    },\n    // Dining\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_2.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_3.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_4.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_6.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_7.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_8.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_9.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_10.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_11.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_12.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_13.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_14.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_15.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_16.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_17.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_18.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_19.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_20.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_1.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_22.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_23.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_24.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_25.jpg\",\n        \"category\": \"Dining\"\n    },\n    {\n        \"image\": \"/images/gallery/dinning/Dinning_26.jpg\",\n        \"category\": \"Dining\"\n    },\n    // Videos\n    {\n        \"videoUrl\": \"wAn1MtgrA3E\",\n        \"category\": \"Videos\"\n    },\n    // Banquet\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_2.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_3.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_4.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_5.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_6.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_7.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_8.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_9.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_10.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_11.jpg\",\n        \"category\": \"Wedding & Events\"\n    },\n    {\n        \"image\": \"/images/gallery/banquet/Banquet_1.jpg\",\n        \"category\": \"Wedding & Events\"\n    }\n];\n/* harmony default export */ var data_GalleryData = (GalleryData);\n{}\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__(7294);\n// EXTERNAL MODULE: ./src/components/GalleryComponent/GalleryComponent.module.scss\nvar GalleryComponent_module = __webpack_require__(8023);\nvar GalleryComponent_module_default = /*#__PURE__*/__webpack_require__.n(GalleryComponent_module);\n// EXTERNAL MODULE: ./node_modules/next/image.js\nvar next_image = __webpack_require__(5675);\nvar image_default = /*#__PURE__*/__webpack_require__.n(next_image);\n;// CONCATENATED MODULE: ./src/components/GalleryComponent/GalleryComponent.js\n\n\n\n\nconst GalleryComponent = (param)=>{\n    let { GalleryData  } = param;\n    const [activeLink, setActiveLink] = (0,react.useState)(\"All\");\n    const [filteredData, setFilteredData] = (0,react.useState)(GalleryData);\n    const [visibleItems, setVisibleItems] = (0,react.useState)(9); // State to track number of visible items\n    const [loading, setLoading] = (0,react.useState)(true); // State to track loading\n    const tabs = [\n        \"All\",\n        \"View\",\n        \"Activities\",\n        \"Accommodation\",\n        \"Dining\",\n        \"Videos\",\n        \"Wedding & Events\"\n    ];\n    const [modalOpen, setModalOpen] = (0,react.useState)(false);\n    const [selectedImage, setSelectedImage] = (0,react.useState)(null);\n    const handleTabChange = (tab)=>{\n        let filteredItem;\n        setLoading(true); // Show skeleton loader when switching tabs\n        if (tab === \"All\") {\n            filteredItem = GalleryData;\n        } else {\n            filteredItem = GalleryData.filter((item)=>item.category === tab);\n        }\n        setFilteredData(filteredItem);\n        setActiveLink(tab);\n        setVisibleItems(9); // Reset visible items when switching tabs\n        setTimeout(()=>{\n            setLoading(false); // Hide skeleton loader after loading\n        }, 1000); // Simulate loading time\n    };\n    const loadMoreItems = ()=>{\n        setLoading(true); // Show skeleton loader when loading more items\n        setTimeout(()=>{\n            setVisibleItems((prevVisibleItems)=>prevVisibleItems + 9);\n            setLoading(false); // Hide skeleton loader after loading more items\n        }, 1000); // Simulate loading time\n    };\n    (0,react.useEffect)(()=>{\n        // Set initial data to show all items\n        setFilteredData(GalleryData);\n        setLoading(false); // Hide skeleton loader after initial load\n    }, [\n        GalleryData\n    ]);\n    const displayedData = filteredData.slice(0, visibleItems);\n    const showLoadMore = filteredData.length > visibleItems;\n    //...................Gallery Modal......................\n    const openModal = (imageData)=>{\n        setSelectedImage(imageData);\n        setModalOpen(true);\n    };\n    const closeModal = ()=>{\n        setModalOpen(false);\n        setSelectedImage(null); // Reset selected image when closing modal\n    };\n    const goToPrevious = (e)=>{\n        e.stopPropagation();\n        const currentIndex = filteredData.indexOf(selectedImage);\n        const prevIndex = currentIndex === 0 ? filteredData.length - 1 : currentIndex - 1;\n        setSelectedImage(filteredData[prevIndex]);\n    };\n    const goToNext = (e)=>{\n        e.stopPropagation();\n        const currentIndex = filteredData.indexOf(selectedImage);\n        const nextIndex = currentIndex === filteredData.length - 1 ? 0 : currentIndex + 1;\n        setSelectedImage(filteredData[nextIndex]);\n    };\n    return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {\n        children: [\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                className: (GalleryComponent_module_default()).gallery_tab_bar,\n                children: tabs.map((tab, index)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                        className: activeLink === tab ? \"\".concat((GalleryComponent_module_default()).active_tab) : \"\",\n                        onClick: ()=>handleTabChange(tab),\n                        children: tab\n                    }, index))\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                className: (GalleryComponent_module_default()).gallery_card_parent,\n                children: [\n                    displayedData.map((filteredProperty, index)=>{\n                        /*#__PURE__*/ return (0,jsx_runtime.jsx)(\"div\", {\n                            className: (GalleryComponent_module_default()).gallery_card_img_parent,\n                            onClick: ()=>openModal(filteredProperty),\n                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                className: (GalleryComponent_module_default()).gallery_card_img,\n                                children: (filteredProperty === null || filteredProperty === void 0 ? void 0 : filteredProperty.videoUrl) ? /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                    className: (GalleryComponent_module_default()).video_wrapper,\n                                    children: [\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: (GalleryComponent_module_default()).overlay,\n                                            onClick: ()=>openModal(filteredProperty)\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"iframe\", {\n                                            width: \"100%\",\n                                            height: \"100%\",\n                                            src: \"https://www.youtube.com/embed/\".concat(filteredProperty === null || filteredProperty === void 0 ? void 0 : filteredProperty.videoUrl, \"?autoplay=1&loop=1&playlist=\").concat(filteredProperty === null || filteredProperty === void 0 ? void 0 : filteredProperty.videoUrl, \"&mute=1&modestbranding=1&controls=0&rel=0\"),\n                                            title: \"YouTube video player\",\n                                            frameBorder: \"0\",\n                                            allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n                                            allowFullScreen: true,\n                                            style: {\n                                                width: \"100%\",\n                                                height: \"100%\",\n                                                objectFit: \"cover\"\n                                            }\n                                        })\n                                    ]\n                                }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                    style: {\n                                        height: \"100%\",\n                                        position: \"relative\"\n                                    },\n                                    children: loading ? /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                        className: (GalleryComponent_module_default()).skeleton\n                                    }) : /*#__PURE__*/ (0,jsx_runtime.jsx)((image_default()), {\n                                        src: filteredProperty === null || filteredProperty === void 0 ? void 0 : filteredProperty.image,\n                                        alt: \"\",\n                                        fill: true,\n                                        sizes: \"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\n                                        onLoadingComplete: ()=>setLoading(false)\n                                    })\n                                })\n                            })\n                        }, index);\n                    }),\n                    modalOpen && /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                        className: (GalleryComponent_module_default()).modal_overlay,\n                        onClick: closeModal,\n                        children: [\n                            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                                className: (GalleryComponent_module_default()).close_button,\n                                onClick: closeModal,\n                                children: \"\\xd7\"\n                            }),\n                            selectedImage ? /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {\n                                children: [\n                                    selectedImage.videoUrl ? /*#__PURE__*/ (0,jsx_runtime.jsx)(\"iframe\", {\n                                        width: \"100%\",\n                                        height: \"100%\",\n                                        src: \"https://www.youtube.com/embed/\".concat(selectedImage.videoUrl, \"?autoplay=1&loop=1&playlist=\").concat(selectedImage.videoUrl, \"&mute=1&modestbranding=1&controls=0&rel=0\"),\n                                        title: \"YouTube video player\",\n                                        frameBorder: \"0\",\n                                        allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n                                        allowFullScreen: true,\n                                        style: {\n                                            width: \"100%\",\n                                            height: \"100%\",\n                                            objectFit: \"cover\"\n                                        }\n                                    }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(\"img\", {\n                                        src: selectedImage.image,\n                                        className: (GalleryComponent_module_default()).modal_image,\n                                        alt: \"\"\n                                    }),\n                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                                        className: (GalleryComponent_module_default()).prev_button,\n                                        onClick: goToPrevious,\n                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"svg\", {\n                                            xmlns: \"http://www.w3.org/2000/svg\",\n                                            height: \"24px\",\n                                            viewBox: \"0 -960 960 960\",\n                                            width: \"24px\",\n                                            fill: \"#fff\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"path\", {\n                                                d: \"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\"\n                                            })\n                                        })\n                                    }),\n                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                                        className: (GalleryComponent_module_default()).next_button,\n                                        onClick: goToNext,\n                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"svg\", {\n                                            xmlns: \"http://www.w3.org/2000/svg\",\n                                            height: \"24px\",\n                                            viewBox: \"0 -960 960 960\",\n                                            width: \"24px\",\n                                            fill: \"#fff\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"path\", {\n                                                d: \"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\"\n                                            })\n                                        })\n                                    })\n                                ]\n                            }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                className: (GalleryComponent_module_default()).loader\n                            })\n                        ]\n                    })\n                ]\n            }),\n            showLoadMore && /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                style: {\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    marginTop: \"20px\"\n                },\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                    className: \"common_btn\",\n                    onClick: loadMoreItems,\n                    children: \"Load More\"\n                })\n            })\n        ]\n    });\n};\n/* harmony default export */ var GalleryComponent_GalleryComponent = (GalleryComponent);\n\n// EXTERNAL MODULE: ./node_modules/next/head.js\nvar head = __webpack_require__(9008);\nvar head_default = /*#__PURE__*/__webpack_require__.n(head);\n// EXTERNAL MODULE: ./src/components/Reusable/Banner/Topbanner.module.scss\nvar Topbanner_module = __webpack_require__(4199);\nvar Topbanner_module_default = /*#__PURE__*/__webpack_require__.n(Topbanner_module);\n;// CONCATENATED MODULE: ./src/components/Reusable/Banner/WithoutImageBanner.js\n\n\nfunction WithoutImageBanner() {\n    return /*#__PURE__*/ (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {\n        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"section\", {\n            className: (Topbanner_module_default()).without_image_banner\n        })\n    });\n}\n/* harmony default export */ var Banner_WithoutImageBanner = (WithoutImageBanner);\n\n;// CONCATENATED MODULE: ./src/pages/gallery/index.js\n\n\n\n\n\nconst Gallery = ()=>{\n    return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {\n        children: [\n            /*#__PURE__*/ (0,jsx_runtime.jsxs)((head_default()), {\n                children: [\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"title\", {\n                        children: \"Gallery | Adventure Resorts\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"link\", {\n                        rel: \"icon\",\n                        href: \"/favicon.png\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"link\", {\n                        rel: \"canonical\",\n                        href: \"https://www.adventureresortkufri.com/gallery\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(Banner_WithoutImageBanner, {}),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"section\", {\n                className: \"common_padding pb-0\",\n                id: \"firstsec\",\n                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                    className: \"container\",\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: \"row justify-content-center\",\n                            children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                className: \"col-md-8 common_title text-center\",\n                                children: [\n                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h2\", {\n                                        children: \"Gallery\"\n                                    }),\n                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"p\", {\n                                        children: \"Adventure Resorts Shimla offers the ultimate student destination, boasting thrilling activities and attractions amidst Himachal Pradesh's scenic landscapes.\"\n                                    })\n                                ]\n                            })\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: \"text-center\",\n                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(GalleryComponent_GalleryComponent, {\n                                GalleryData: data_GalleryData\n                            })\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\n/* harmony default export */ var gallery = (Gallery);\n\n\n/***/ }),\n\n/***/ 8023:\n/***/ (function(module) {\n\n// extracted by mini-css-extract-plugin\nmodule.exports = {\"gallery_tab_bar\":\"GalleryComponent_gallery_tab_bar__i7GNw\",\"active_tab\":\"GalleryComponent_active_tab__4p6DA\",\"gallery_card_parent\":\"GalleryComponent_gallery_card_parent__Bje3a\",\"gallery_card_img_parent\":\"GalleryComponent_gallery_card_img_parent__yVRDq\",\"gallery_card_img\":\"GalleryComponent_gallery_card_img__mTZvG\",\"video_wrapper\":\"GalleryComponent_video_wrapper__o7KiL\",\"overlay\":\"GalleryComponent_overlay__CSbC0\",\"modal_overlay\":\"GalleryComponent_modal_overlay__JMQUc\",\"loader\":\"GalleryComponent_loader__RUtNF\",\"l27\":\"GalleryComponent_l27__18Iya\",\"close_button\":\"GalleryComponent_close_button__NqWm4\",\"prev_button\":\"GalleryComponent_prev_button__naXkM\",\"next_button\":\"GalleryComponent_next_button__TWAXH\",\"skeleton\":\"GalleryComponent_skeleton__HNn5q\",\"loading\":\"GalleryComponent_loading__TRWsR\"};\n\n/***/ }),\n\n/***/ 4199:\n/***/ (function(module) {\n\n// extracted by mini-css-extract-plugin\nmodule.exports = {\"top_banner\":\"Topbanner_top_banner__JLDvP\",\"banner_text\":\"Topbanner_banner_text__znygP\",\"banner_btn\":\"Topbanner_banner_btn___Zjwb\",\"down\":\"Topbanner_down__3Pfwj\",\"home_banner\":\"Topbanner_home_banner__p1RdH\",\"banner_text_con\":\"Topbanner_banner_text_con__K9pZF\",\"without_image_banner\":\"Topbanner_without_image_banner__U6U0K\"};\n\n/***/ })\n\n},\n/******/ function(__webpack_require__) { // webpackRuntimeModules\n/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }\n/******/ __webpack_require__.O(0, [774,888,179], function() { return __webpack_exec__(2207); });\n/******/ var __webpack_exports__ = __webpack_require__.O();\n/******/ _N_E = __webpack_exports__;\n/******/ }\n]);"],"names":["self","push","__unused_webpack_module","__unused_webpack_exports","__webpack_require__","window","__NEXT_P","__webpack_exports__","r","d","gallery","jsx_runtime","data_GalleryData","react","GalleryComponent_module","GalleryComponent_module_default","n","next_image","image_default","GalleryComponent","GalleryData","param","activeLink","setActiveLink","useState","filteredData","setFilteredData","visibleItems","setVisibleItems","loading","setLoading","modalOpen","setModalOpen","selectedImage","setSelectedImage","handleTabChange","tab","filter","item","category","setTimeout","loadMoreItems","prevVisibleItems","useEffect","displayedData","slice","showLoadMore","length","openModal","imageData","closeModal","goToPrevious","e","stopPropagation","currentIndex","indexOf","prevIndex","goToNext","nextIndex","jsxs","Fragment","children","jsx","className","gallery_tab_bar","tabs","map","index","concat","active_tab","onClick","gallery_card_parent","filteredProperty","gallery_card_img_parent","gallery_card_img","videoUrl","video_wrapper","overlay","width","height","src","title","frameBorder","allow","allowFullScreen","style","objectFit","position","skeleton","image","alt","fill","sizes","onLoadingComplete","modal_overlay","close_button","modal_image","prev_button","xmlns","viewBox","next_button","loader","display","justifyContent","marginTop","head","head_default","Topbanner_module","Topbanner_module_default","Banner_WithoutImageBanner","without_image_banner","Gallery","rel","href","id","module","exports","O","s","_N_E"],"sourceRoot":""}