https://citioapp.com/_next/static/chunks/app/%5Blocale%5D/blogs/page-ec7362f09ec9aa15.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7431],{3809:(e,t,r)=>{"use strict";r.d(t,{default:()=>a});var i=r(66328),n=r(95155);function a(e){let{locale:t,...r}=e;if(!t)throw Error(void 0);return(0,n.jsx)(i.Dk,{locale:t,...r})}},8567:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return i.workAsyncStorageInstance}});let i=r(17828)},15239:(e,t,r)=>{"use strict";r.d(t,{default:()=>n.a});var i=r(54652),n=r.n(i)},17828:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return i}});let i=(0,r(64054).createAsyncLocalStorage)()},18955:(e,t,r)=>{"use strict";r.d(t,{c3:()=>a});var i=r(66328);function n(e,t){return(...e)=>{try{return t(...e)}catch{throw Error(void 0)}}}let a=n(0,i.c3);n(0,i.kc)},24229:(e,t,r)=>{Promise.resolve().then(r.bind(r,64707)),Promise.resolve().then(r.bind(r,3809)),Promise.resolve().then(r.t.bind(r,52619,23)),Promise.resolve().then(r.t.bind(r,81356,23)),Promise.resolve().then(r.bind(r,24437)),Promise.resolve().then(r.bind(r,36552)),Promise.resolve().then(r.bind(r,88301)),Promise.resolve().then(r.bind(r,81251))},24437:(e,t,r)=>{"use strict";function i(e){let{reason:t,children:r}=e;return r}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return i}}),r(24553)},36552:(e,t,r)=>{"use strict";function i(e){let{moduleIds:t}=e;return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return i}}),r(95155),r(47650),r(8567),r(77278)},36751:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var i=r(12115);let n=()=>!1;function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:768,t="(max-width: ".concat(e,"px)"),r=(0,i.useCallback)(e=>{let r=window.matchMedia(t),i=()=>e();return"function"==typeof r.addEventListener?(r.addEventListener("change",i),()=>r.removeEventListener("change",i)):(r.addListener(i),()=>r.removeListener(i))},[t]),a=(0,i.useCallback)(()=>window.matchMedia(t).matches,[t]);return(0,i.useSyncExternalStore)(r,a,n)}},54652:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return s},getImageProps:function(){return o}});let i=r(28140),n=r(75040),a=r(81356),l=i._(r(71124));function o(e){let{props:t}=(0,n.getImgProps)(e,{defaultLoader:l.default,imgConf:{deviceSizes:[320,640,768,1024,1200,1920],imageSizes:[128,192,256,384,512,768,1024],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!0,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let s=a.Image},61778:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var i=r(56748);let n={getBlogs:e=>e&&0!==e?(0,i.uE)("/blog?$limit=".concat(e)):(0,i.uE)("/blog"),getBlogsViaPagination(e,t){let r="/blog",n=["sort=-_id"];return e&&e>0&&n.push("$limit=".concat(e)),t&&t>1&&n.push("$skip=".concat((t-1)*e)),n.length>0&&(r+="?".concat(n.join("&"))),(0,i.uE)(r)},getBlogBySlug:e=>(0,i.uE)("/blog/?slug=".concat(e)),getBlogByCategory:e=>(0,i.uE)("/blog?category=".concat(e))}},64054:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{bindSnapshot:function(){return l},createAsyncLocalStorage:function(){return a},createSnapshot:function(){return o}});let r=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class i{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let n="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function a(){return n?new n:new i}function l(e){return n?n.bind(e):i.bind(e)}function o(){return n?n.snapshot():function(e,...t){return e(...t)}}},81251:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>m});var i=r(95155),n=r(15239);r(12115);var a=r(85203),l=r.n(a),o=r(66328),s=r(18955),d=r(52619),c=r.n(d),u=r(36751),x=r(90111);let m=e=>{let{item:t}=e,r=(0,o.Ym)(),a=(0,s.c3)("Blogs"),d=(0,u.A)(),m="/".concat(r,"/blogs/").concat(null==t?void 0:t.slug,"-").concat(null==t?void 0:t.key),h=(null==t?void 0:t.h1)?t.h1:null==t?void 0:t.t

1itle;return(0,i.jsxs)("article",{className:"group relative bg-white cursor-pointer flex flex-col h-full rounded-2xl hover:shadow transition-all duration-300 overflow-hidden",children:[(0,i.jsx)(c(),{href:m,target:d?void 0:"_blank","aria-label":h,title:h,className:"absolute inset-0 z-30 block rounded-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-black",children:(0,i.jsx)("span",{className:"sr-only",children:h})}),(0,i.jsxs)("div",{className:"relative h-[240px] w-full overflow-hidden mb-1 pointer-events-none",children:[(0,i.jsx)(n.default,{className:"object-cover w-full h-full transition-transform duration-500 group-hover:scale-105",src:t.cover,alt:"","aria-hidden":"true",loading:"lazy",fill:!0,sizes:x.BZ.blogCard,quality:x.Y$.default}),(0,i.jsx)("div",{className:"absolute top-4 left-0","aria-hidden":"true",children:(0,i.jsx)("div",{className:l()("h-[40px] text-white flex items-center px-5 text-xl font-medium shadow-lg rounded-r-lg",{"bg-[#FA990D]":"Culture"==t.tag,"bg-[#0065A7]":"People"==t.tag,"bg-[#EF0A0A]":"Food"==t.tag,"bg-citio":!t.tag}),children:(null==t?void 0:t.tag)||a("Others")})})]}),(0,i.jsxs)("div",{className:"p-1 flex flex-col flex-1 pointer-events-none",children:[(0,i.jsx)("div",{className:"flex justify-between items-center mb-2","aria-hidden":"true",children:(null==t?void 0:t.readingTime)&&(0,i.jsxs)("p",{className:"text-sm text-gray-500 font-medium",children:[null==t?void 0:t.readingTime," min read"]})}),(0,i.jsx)("h3",{className:"font-semibold text-xl mb-2 text-gray-800 group-hover:translate-x-1 transition-transform line-clamp-2","aria-hidden":"true",children:null==t?void 0:t.title}),(0,i.jsx)("p",{className:"text-gray-600 text-sm mb-2 line-clamp-3 flex-1","aria-hidden":"true",children:null==t?void 0:t.previewText}),t.author&&(0,i.jsxs)("div",{className:"flex items-center gap-3 mt-auto pt-4 border-t border-gray-100","aria-hidden":"true",children:[(0,i.jsx)("div",{className:"relative h-10 w-10 rounded-full overflow-hidden border-2 border-gray-200",children:(0,i.jsx)(n.default,{className:"object-cover",src:null==t?void 0:t.author.img,fill:!0,alt:"","aria-hidden":"true"})}),(0,i.jsx)("p",{className:"text-gray-700 text-sm font-medium",children:t.author.name})]})]})]})}},85203:(e,t)=>{var r;!function(){"use strict";var i={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=a(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)i.call(e,r)&&e[r]&&(t=a(t,r));return t}(r)))}return e}function a(e,t){return t?e?e+" "+t:e+t:e}e.exports?(n.default=n,e.exports=n):void 0===(r=(function(){return n}).apply(t,[]))||(e.exports=r)}()},88301:(e,t,r)=>{"use strict";r.d(t,{default:()=>s});var i=r(95155),n=r(81251),a=r(61778),l=r(18955),o=r(12115);let s=()=>{(0,l.c3)("Blogs");let e=(0,o.useRef)(null),t=(0,o.useRef)(null),[r,s]=(0,o.useState)([]),[d,c]=(0,o.useState)(!1),[u,x]=(0,o.useState)(1),[m,h]=(0,o.useState)(!1),f=async()=>{if(!m&&!d){h(!0);try{let e=await a.A.getBlogsViaPagination(7,u+1);s(t=>[...t,...e.data]),x(u+1),e.skip+e.limit>=e.total&&c(!0)}catch(e){}finally{h(!1)}}};return(0,o.useEffect)(()=>(e.current=new IntersectionObserver(e=>{let[t]=e;!t.isIntersecting||m||d||f()},{root:null,rootMargin:"200px",threshold:.1}),t.current&&e.current.observe(t.current),()=>{e.current&&e.current.disconnect()}),[m,d]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-4",children:[r.map((e,t)=>(0,i.jsx)("div",{className:"h-full",children:(0,i.jsx)(n.default,{item:e})},t)),m&&Array.from([,,,]).map((e,t)=>(0,i.jsxs)("div",{className:"bg-white rounded-2xl overflow-hidden shadow-sm animate-pulse flex flex-col",children:[(0,i.jsx)("div",{className:"rounded-t-2xl bg-gray-200 h-[240px] w-full mb-1"}),(0,i.jsxs)("div",{className:"p-1 flex-1 flex flex-col",children:[(0,i.jsx)("div",{className:"bg-gray-200 h-5 w-2/5 mb-2 rounded"}),(0,i.jsx)("div",{className:"bg-gray-200 h-6 w-11/12 mb-2 rounded"}),(0,i.jsx)("div",{className:"bg-gray-200 h-4 w-full mb-2 rounded"}),(0,i.jsxs)("div",{className:"flex items-center gap-3 pt-4 border-t border-gray-100 mt-auto",children:[(0,i.jsx)("div",{className:"bg-gray-200 rounded-full w-10 h-10"}),(0,i.jsx)("div",{className:"bg-gray-200 h-5 w-24 rounded"})]})]})]},"skeleton-".concat(t)))]}

1),!d&&(0,i.jsx)("div",{ref:t,className:"mt-8 flex justify-center w-full",children:(0,i.jsx)("div",{className:"flex items-center gap-2 text-citio",children:(0,i.jsx)("div",{className:"w-5 h-5 border-2 border-citio border-t-transparent rounded-full animate-spin"})})})]})}},90111:(e,t,r)=>{"use strict";r.d(t,{BZ:()=>i,Y$:()=>n});let i={heroContent:"(max-width: 640px) 150vw, (max-width: 1024px) 120vw, (max-width: 1440px) 100vw, 1200px",heroWide:"(max-width: 640px) 150vw, (max-width: 1024px) 120vw, (max-width: 1440px) 100vw, 1400px",fullWidth:"(max-width: 640px) 100vw, (max-width: 1024px) 90vw, (max-width: 1440px) 80vw, 1280px",heroSlider:"(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1200px) 75vw, 960px",modalWide:"(max-width: 480px) 95vw, (max-width: 768px) 80vw, (max-width: 1200px) 60vw, 720px",gridLarge:"(max-width: 480px) 100vw, (max-width: 768px) 80vw, (max-width: 1200px) 60vw, 720px",gridMedium:"(max-width: 480px) 70vw, (max-width: 768px) 45vw, (max-width: 1200px) 30vw, 520px",gridSmall:"(max-width: 480px) 55vw, (max-width: 768px) 35vw, (max-width: 1200px) 25vw, 360px",card:"(max-width: 480px) 60vw, (max-width: 768px) 45vw, (max-width: 1200px) 30vw, 400px",blogCard:"(max-width: 480px) 90vw, (max-width: 768px) 50vw, (max-width: 1200px) 33vw, 400px",cityCard:"(max-width: 480px) 60vw, (max-width: 768px) 30vw, (max-width: 1200px) 18vw, 400px",thumbnail:"(max-width: 480px) 40vw, 200px",thumbnailLarge:"(max-width: 480px) 50vw, 256px",avatar:"64px",smallThumb:"96px"},n={default:70,hero:85,thumbnail:60}}},e=>{e.O(0,[1356,2862,2619,6174,9926,8441,1255,7358],()=>e(e.s=24229)),_N_E=e.O()}]);