https://www.microdegree.work/static/js/6234.41f5029c.chunk.js

1"use strict";(self.webpackChunkmicrodegree=self.webpackChunkmicrodegree||[]).push([[6234],{66234:function(e,t,r){r.r(t);var n=r(93433),s=r(29439),a=r(72791),l=r(11087),i=r(18711),c=r(80184);t.default=function(){var e=(0,a.useState)(1),t=(0,s.Z)(e,2),r=t[0],o=t[1],d=(0,a.useState)([]),u=(0,s.Z)(d,2),x=u[0],m=u[1];(0,a.useEffect)((function(){fetch("/blogs.json").then((function(e){return e.json()})).then((function(e){return m(e)})).catch((function(e){return console.error("Failed to load blogs:",e)}))}),[]);var h=(0,n.Z)(x).reverse(),f=Math.ceil(h.length/12),g=12*r,b=g-12,j=h.slice(b,g);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{title:"Tech Blogs on Cloud, DevOps & AI | MicroDegree",description:"Read MicroDegree's latest blogs on AWS, Azure, DevOps, Cloud Computing, AI, Data Engineering, and career guidance in Kannada.",canonical:"https://www.microdegree.work/blog"}),(0,c.jsxs)("div",{className:"max-w-7xl mx-auto my-8 px-2",children:[(0,c.jsx)("h2",{className:"text-center text-4xl font-semibold mb-10 text-gray-800",children:"Your Tech Growth Starts Here"}),(0,c.jsx)("ul",{className:"grid gap-8 sm:grid-cols-2 lg:grid-cols-3 p-2 xl:p-5",children:j.map((function(e){return(0,c.jsxs)("li",{className:"mx-auto w-full max-w-md bg-white border border-gray-200 rounded-lg shadow hover:shadow-lg transition duration-300 flex flex-col",children:[(0,c.jsxs)(l.rU,{to:e.link,className:"relative w-full h-[200px] overflow-hidden rounded-t-md",children:[(0,c.jsx)("img",{src:e.coverImage,alt:e.title,className:"object-cover w-full h-full",loading:"lazy"}),(0,c.jsxs)("div",{className:"absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent text-white",children:[(0,c.jsx)("h3",{className:"text-base font-semibold",children:e.category}

1),(0,c.jsx)("p",{className:"text-xs",children:e.subtitle})]})]}),(0,c.jsxs)("div",{className:"p-6 flex-1 flex flex-col justify-between",children:[(0,c.jsx)(l.rU,{to:e.link,className:"mb-4 block",children:(0,c.jsx)("h4",{className:"text-xl font-semibold text-gray-900 hover:text-indigo-600 transition duration-200",children:e.title})}),(0,c.jsxs)("div",{className:"flex items-center mt-auto",children:[(0,c.jsx)("img",{className:"h-12 w-12 rounded-full",src:e.authorImage,alt:e.author}),(0,c.jsxs)("div",{className:"ml-3",children:[(0,c.jsx)("p",{className:"text-sm font-medium text-gray-900 hover:underline text-left",children:e.author}),(0,c.jsxs)("div",{className:"text-sm text-gray-500 flex items-center gap-1",children:[(0,c.jsx)("time",{dateTime:e.date,children:e.date}),(0,c.jsx)("span",{children:"\u2022"}),(0,c.jsx)("span",{children:e.readTime})]})]})]})]})]},e.id)}))}),(0,c.jsxs)("div",{className:"flex items-center justify-center py-10",children:[(0,c.jsxs)("div",{className:"hidden sm:flex items-center gap-3",children:[(0,c.jsx)("button",{onClick:function(){return o((function(e){return Math.max(1,e-1)}))},disabled:1===r,className:"w-10 h-10 flex items-center justify-center rounded-full border border-gray-300 text-gray-600 hover:bg-gray-100 disabled:opacity-40",children:"\u2039"}),Array.from({length:f},(function(e,t){return t+1})).map((function(e){return(0,c.jsx)("button",{onClick:function(){return o(e)},className:"w-10 h-10 flex items-center justify-center rounded-full border transition-all\n          ".concat(r===e?"bg-blue-500 text-white border-blue-600 shadow-md":"text-gray-700 border-gray-300 hover:bg-gray-100","\n        "),children:e},e)})),(0,c.jsx)("button",{onClick:function(){return o((function(e){return Math.min(f,e+1)}))},disabled:r===f,className:"w-10 h-10 flex items-center justify-center rounded-full border border-gray-300 text-gray-600 hover:bg-gray-100 disabled:opacity-40",children:"\u203a"})]}),(0,c.jsxs)("div",{className:"flex sm:hidden items-center gap-4",children:[(0,c.jsx)("button",{onClick:function(){return o((function(e){return Math.max(1,e-1)}))},disabled:1===r,className:"w-10 h-10 text-3xl flex items-center justify-center rounded-full border border-gray-300 text-gray-600 hover:bg-gray-100 disabled:opacity-40",children:"\u2039"}),(0,c.jsx)("div",{className:"flex items-center gap-2",children:Array.from({length:f},(function(e,t){return t+1})).map((function(e){return(0,c.jsx)("span",{onClick:function(){return o(e)},className:"w-3 h-3 rounded-full block cursor-pointer transition\n            ".concat(r===e?"bg-blue-600":"bg-gray-300")},e)}))}),(0,c.jsx)("button",{onClick:function(){return o((function(e){return Math.min(f,e+1)}))},disabled:r===f,className:"w-10 h-10 text-3xl flex items-center justify-center rounded-full border border-gray-300 text-gray-600 hover:bg-gray-100 disabled:opacity-40",children:"\u203a"})]})]})]})]})}}}]);
2//# sourceMappingURL=6234.41f5029c.chunk.js.map