https://shadcn-nextjs-skillsphere-full-template.vercel.app/_next/static/chunks/0is4lf1a6jyea.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,515288,e=>{"use strict";var t=e.i(848045),r=e.i(975157);e.s(["Card",0,function({className:e,size:s="default",...a}){return(0,t.jsx)("div",{"data-slot":"card","data-size":s,className:(0,r.cn)("group/card bg-card text-card-foreground ring-foreground/10 flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm ring-1 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",e),...a})},"CardContent",0,function({className:e,...s}){return(0,t.jsx)("div",{"data-slot":"card-content",className:(0,r.cn)("px-(--card-spacing)",e),...s})},"CardDescription",0,function({className:e,...s}){return(0,t.jsx)("div",{"data-slot":"card-description",className:(0,r.cn)("text-muted-foreground text-sm",e),...s})},"CardHeader",0,function({className:e,...s}){return(0,t.jsx)("div",{"data-slot":"card-header",className:(0,r.cn)("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",e),...s})},"CardTitle",0,function({className:e,...s}){return(0,t.jsx)("div",{"data-slot":"card-title",className:(0,r.cn)("font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",e),...s})}])},504461,e=>{"use strict";var t=e.i(848045),r=e.i(729110),s=e.i(174597),a=e.i(975157),n=e.i(519455),i=e.i(487486);e.s(["default",0,({badge:e,title:l,description:o,buttonText:c,buttonHref:d="#",isArrow:u=!0,className:m,badgeClassName:p,titleClassName:h,descriptionClassName:x,buttonClassName:f,...g})=>(0,t.jsxs)("div",{className:(0,a.cn)("flex flex-col gap-4",m),...g,children:[e&&(0,t.jsx)(i.Badge,{variant:"ghost",className:(0,a.cn)("text-primary hover:text-primary h-auto rounded-none p-0 text-sm leading-4 font-medium hover:bg-transparent",p),children:e}),(0,t.jsx)("h2",{className:(0,a.cn)("text-2xl font-semibold md:text-3xl lg:text-4xl",h),children:l}),o&&(0,t.jsx)("p",{className:(0,a.cn)("text-muted-foreground text-xl font-normal",x),children:o}),c&&(0,t.jsxs)(n.Button,{size:"lg",nativeButton:!1,render:(0,t.jsx)(r.default,{href:d}),className:(0,a.cn)("group flex w-fit cursor-pointer items-center gap-2",f),children:[(0,t.jsx)("span",{children:c}),u&&(0,t.jsx)(s.ArrowRight,{className:"size-4 transition-transform duration-300 group-hover:translate-x-0.5"})]})]})])},788261,e=>{"use strict";e.i(746575);var t=e.i(848045),r=e.i(456008),s=e.i(515036),a=e.i(686219),n=e.i(253737),i=e.i(570070),l=e.i(463992),o=r,c=e.i(856575);function d(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}class u extends o.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if((0,l.isHTMLElement)(t)&&e.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let e=t.offsetParent,r=(0,l.isHTMLElement)(e)&&e.offsetWidth||0,s=(0,l.isHTMLElement)(e)&&e.offsetHeight||0,a=getComputedStyle(t),n=this.props.sizeRef.current;n.height=parseFloat(a.height),n.width=parseFloat(a.width),n.top=t.offsetTop,n.left=t.offsetLeft,n.right=r-n.width-n.left,n.bottom=s-n.height-n.top,n.direction=a.direction}return null}componentDidUpdate(){}render(){return this.props.children}}function m({children:e,isPresent:s,anchorX:a,anchorY:n,root:i,pop:l}){let p=(0,o.useId)(),h=(0,o.useRef)(null),x=(0,o.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:"ltr"}),{nonce:f}=(0,o.useContext)(c.MotionConfigContext),g=function(...e){return r.useCallback(function(...e){return t=>{let r=!1,s=e.map(e=>{let s=d(e,t);return r||"function"!=typeof s||(r=!0),s});if(r)return()=>{for(let t=0;t<s.length;t++){let r=s[t];"function"==typeof r?r():d(e[t],null)}}}}(...e),e)}(h,!1!==l?e.props?.ref??e?.ref:void 0);return(0,o.useInsertionEffect)(()=>{let{width:e,height:t,top:r,left:o,right:c,bottom:d,direction:u}=x.current;if(s||!1===l||!h.current||!e||!t)return;let m="rtl"===u,g="left"===a?m?`right: ${c}`:`left: ${o}`:m?`left: ${o}`:`right: ${c}`,v="bottom"===n?`bottom: ${d}`:`top: ${r}`;h.current.dataset.motionPopId=p;let j=document.createElement("style");f&&(j.nonce=f);let b=i??document.head;return b.appendChild(j),j.sheet&&j.sheet.insertRule(`
2          [data-motion-pop-id="${p}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${t}px !important;
6            ${g}px !important;
7            ${v}px !important;
8          }
9        `),()=>{h.current?.removeAttribute("data-motion-pop-id"),b.contains(j)&&b.removeChild(j)}},[s]),(0,t.jsx)(u,{isPresent:s,childRef:h,sizeRef:x,pop:l,children:!1===l?e:o.cloneElement(e,{ref:g})})}let p=({children:e,initial:s,isPresent:l,onExitComplete:o,custom:c,presenceAffectsLayout:d,mode:u,anchorX:p,anchorY:x,root:f})=>{let g=(0,a.useConstant)(h),v=(0,r.useId)(),j=(0,r.useRef)(l),b=(0,r.useRef)(o);(0,n.useIsomorphicLayoutEffect)(()=>{j.current=l,b.current=o});let y=!0,w=(0,r.useMemo)(()=>(y=!1,{id:v,initial:s,isPresent:l,custom:c,onExitComplete:e=>

9{for(let t of(g.set(e,!0),g.values()))if(!t)return;o&&o()},register:e=>(g.set(e,!1),()=>{g.delete(e),j.current||g.size||b.current?.()})}),[l,g,o]);return d&&y&&(w={...w}),(0,r.useMemo)(()=>{g.forEach((e,t)=>g.set(t,!1))},[l]),r.useEffect(()=>{l||g.size||!o||o()},[l]),e=(0,t.jsx)(m,{pop:"popLayout"===u,isPresent:l,anchorX:p,anchorY:x,root:f,children:e}),(0,t.jsx)(i.PresenceContext.Provider,{value:w,children:e})};function h(){return new Map}var x=e.i(158073);let f=e=>e.key||"";function g(e){let t=[];return r.Children.forEach(e,e=>{(0,r.isValidElement)(e)&&t.push(e)}),t}e.s(["AnimatePresence",0,({children:e,custom:i,initial:l=!0,onExitComplete:o,presenceAffectsLayout:c=!0,mode:d="sync",propagate:u=!1,anchorX:m="left",anchorY:h="top",root:v})=>{let[j,b]=(0,x.usePresence)(u),y=(0,r.useMemo)(()=>g(e),[e]),w=u&&!j?[]:y.map(f),N=(0,r.useRef)(!0),C=(0,r.useRef)(y),k=(0,a.useConstant)(()=>new Map),z=(0,r.useRef)(new Set),[E,S]=(0,r.useState)(y),[P,I]=(0,r.useState)(y);(0,n.useIsomorphicLayoutEffect)(()=>{!u||j||P.length||b?.()},[j,u,P.length,b]),(0,n.useIsomorphicLayoutEffect)(()=>{N.current=!1,C.current=y;for(let e=0;e<P.length;e++){let t=f(P[e]);w.includes(t)?(k.delete(t),z.current.delete(t)):!0!==k.get(t)&&k.set(t,!1)}},[P,w.length,w.join("-")]);let L=[];if(y!==E){let e=[...y],t=0;for(let r of P){let s=w.indexOf(f(r));-1===s?(e.splice(t++,0,r),L.push(r)):t=s+L.length+1}return"wait"===d&&L.length&&(e=L),I(g(e)),S(y),null}let{forceRender:A}=(0,r.useContext)(s.LayoutGroupContext);return(0,t.jsx)(t.Fragment,{children:P.map(e=>{let r=f(e),s=(!u||!!j)&&(y===P||w.includes(r));return(0,t.jsx)(p,{isPresent:s,initial:(!N.current||!!l)&&void 0,custom:i,presenceAffectsLayout:c,mode:d,root:v,onExitComplete:s?void 0:()=>{if(z.current.has(r)||!k.has(r))return;z.current.add(r),k.set(r,!0);let e=!0;k.forEach(t=>{t||(e=!1)}),e&&(A?.(),I(C.current),u&&b?.(),o&&o())},anchorX:m,anchorY:h,children:e},r)})})}],788261)},506131,e=>{"use strict";var t=e.i(456008),r=e.i(707276);let s={some:0,all:1};e.s(["useInView",0,function(e,{root:a,margin:n,amount:i,once:l=!1,initial:o=!1}={}){let[c,d]=(0,t.useState)(o);return(0,t.useEffect)(()=>{if(!e.current||l&&c)return;let t={root:a&&a.current||void 0,margin:n,amount:i};return function(e,t,{root:a,margin:n,amount:i="some"}={}){let l=(0,r.resolveElements)(e),o=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let r=o.get(e.target);if(!!r!==e.isIntersecting)if(e.isIntersecting){let r=t(e.target,e);"function"==typeof r?o.set(e.target,r):c.unobserve(e.target)}else"function"==typeof r&&(r(e),o.delete(e.target))})},{root:a,rootMargin:n,threshold:"number"==typeof i?i:s[i]});return l.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(d(!0),l?void 0:()=>d(!1)),t)},[a,e,n,l,i]),c}],506131)},199897,e=>{"use strict";var t=e.i(848045),r=e.i(456008),s=e.i(788261),a=e.i(45414),n=e.i(506131);let i=a.motion;e.s(["MotionPreset",0,function({ref:e,children:l,className:o,component:c="div",transition:d={type:"spring",stiffness:200,damping:20},delay:u=0,inView:m=!0,inViewMargin:p="0px",inViewOnce:h=!0,blur:x=!1,slide:f=!1,fade:g=!1,zoom:v=!1,motionProps:j={}}){let b=r.useRef(null);r.useImperativeHandle(e,()=>b.current);let y=(0,n.useInView)(b,{once:h,margin:p}),w={},N={};if(x&&(w.filter=!0===x?"blur(10px)":`blur(${x})`,N.filter="blur(0px)"),f){let e=!0===f?100:f.offset??100,t=!0===f?"left":f.direction??"left",r="up"===t||"down"===t?"y":"x";w[r]="left"===t||"up"===t?-e:e,N[r]=0}g&&(w.opacity=!0===g?0:g.initialOpacity??0,N.opacity=!0===g?1:g.opacity??1),v&&(w.scale=!0===v?.5:v.initialScale??.5,N.scale=!0===v?1:v.scale??1);let C=i[c]||a.motion.div;return(0,t.jsx)(s.AnimatePresence,{children:(0,t.jsx)(C,{ref:b,initial:"hidden",animate:!m||y?"visible":"hidden",exit:"hidden",variants:{hidden:w,visible:N},transition:{...d,delay:(d?.delay??0)+u},className:o,...j,children:l})})}])},293728,e=>{"use strict";var t=e.i(848045),r=e.i(729110),s=e.i(174597),a=e.i(691751),n=e.i(515288),i=e.i(975157);function l(e){let{children:r,className:s,duration:a=40,delay:n=0,gap:l=1,pauseOnHover:o=!1,repeat:c=4,reverse:d=!1,vertical:u=!1,...m}=e;return(0,t.jsx)("div",{style:{"--marquee-duration":`${a}s`,"--marquee-delay":`${n}s`,"--marquee-gap":`${l}rem`},className:(0,i.cn)("group flex gap-(--marquee-gap) overflow-hidden p-3",{"flex-row":!u,"flex-col":u},s),...m,children:Array(c).fill(0).map((e,s)=>(0,t.jsx)("div",{className:(0,i.cn)("flex shrink-0 justify-around ga

9p-(--marquee-gap) [animation-delay:var(--marquee-delay)]",{"animate-marquee-horizontal flex-row":!u,"animate-marquee-vertical flex-col":u,"group-hover:paused":o,"direction-[reverse]":d}),children:r},s))})}var o=e.i(519455),c=e.i(199897);let d=[{image:"/images/courses/courses-03.webp",title:"Product Strategy & Business Scaling for Startups"},{image:"/images/courses/courses-05.webp",title:"Product Strategy & Business Scaling"},{image:"/images/courses/courses-01.webp",title:"UI/UX Design: From Wireframe to Prototype"},{image:"/images/courses/courses-02.webp",title:"Performance Marketing & Growth Strategy"},{image:"/images/courses/courses-06.webp",title:"Advanced AI Applications & Intelligent Workflows"},{image:"/images/courses/courses-04.webp",title:"Data Analytics & Visualization Mastery"}];function u({image:e,title:r}){return(0,t.jsxs)(n.Card,{className:"relative min-h-75 w-75 gap-2 shadow-none",children:[(0,t.jsx)("img",{src:e,alt:r,className:"block h-full w-auto object-cover"}),(0,t.jsxs)(n.CardContent,{className:"bg-card absolute bottom-0 p-6",children:[(0,t.jsx)("h3",{className:"pb-2 text-lg font-medium",children:r}),(0,t.jsx)(o.Button,{variant:"secondary",tabIndex:-1,className:"bg-primary/10 hover:bg-primary text-primary hover:text-primary-foreground w-full",children:"View more"})]})]})}e.s(["default",0,()=>(0,t.jsx)("section",{className:"bg-muted py-8 sm:py-16 lg:py-24",children:(0,t.jsx)(a.default,{children:(0,t.jsxs)("div",{className:"relative overflow-hidden rounded-[24px] shadow-md",children:[(0,t.jsx)("div",{className:"from-background absolute inset-y-0 right-0 z-1 w-2 bg-linear-to-l to-transparent max-lg:hidden"}),(0,t.jsx)("div",{className:"from-background dark:from-background/80 absolute inset-x-0 top-0 z-1 h-2 bg-linear-to-b to-transparent max-lg:hidden dark:h-4"}),(0,t.jsx)("div",{className:"from-background dark:from-background/80 absolute inset-x-0 bottom-0 z-1 h-2 bg-linear-to-t to-transparent max-lg:hidden dark:h-4"}),(0,t.jsxs)("div",{className:"bg-background grid gap-10 lg:grid-cols-2 lg:gap-20 xl:max-h-95",children:[(0,t.jsx)("div",{className:"flex items-center p-8 md:p-12 lg:p-16 xl:max-h-95",children:(0,t.jsxs)("div",{className:"space-y-6 md:max-w-xl lg:max-w-4xl",children:[(0,t.jsx)(c.MotionPreset,{component:"h2",className:"text-2xl font-semibold md:text-3xl lg:text-4xl",fade:!0,blur:!0,slide:!0,transition:{duration:.5},children:"Explore our all courses and get increase your knowledge"}),(0,t.jsx)(c.MotionPreset,{component:"p",className:"text-lg",fade:!0,blur:!0,slide:!0,delay:.3,transition:{duration:.5},children:"Become part of a thriving community where 5,482 developers come together to share knowledge, collaborate on projects, and grow their skills."}),(0,t.jsx)(c.MotionPreset,{fade:!0,blur:!0,slide:!0,delay:.6,transition:{duration:.5},children:(0,t.jsxs)(o.Button,{size:"lg",nativeButton:!1,render:(0,t.jsx)(r.default,{href:"/course"}),className:"group w-fit cursor-pointer",children:["Explore All Courses",(0,t.jsx)(s.ArrowRight,{className:"ml-2 size-4 transition-transform duration-300 group-hover:translate-x-0.5"})]})})]})}),(0,t.jsxs)("div",{className:"relative col-span-1 max-lg:hidden",children:[(0,t.jsx)("div",{className:"from-background absolute inset-x-0 top-0 z-1 h-10 bg-linear-to-b to-transparent lg:hidden"}),(0,t.jsx)("div",{className:"from-background absolute inset-x-0 bottom-0 z-1 h-10 bg-linear-to-t to-transparent lg:hidden"}),(0,t.jsxs)("div",{className:"flex max-h-95 sm:rotate-z-16 sm:max-lg:ml-25 md:max-h-121 xl:max-h-95",children:[(0,t.jsx)("div",{className:"w-full max-sm:-mt-10",children:(0,t.jsx)(l,{pauseOnHover:!0,vertical:!0,duration:25,gap:1.5,className:"mx-auto w-full px-1 max-sm:w-77",children:d.slice(0,3).map((e,r)=>(0,t.jsx)(u,{...e},r))})}),(0,t.jsx)("div",{className:"-mt-20 w-full max-sm:hidden",children:(0,t.jsx)(l,{pauseOnHover:!0,vertical:!0,duration:25,gap:1.5,reverse:!0,children:d.slice(3,6).map((e,r)=>(0,t.jsx)(u,{...e},r))})})]})]})]})]})})})],293728)},73177,e=>{"use strict";var t=e.i(848045),r=e.i(456008),s=e.i(729110),a=e.i(757603),n=e.i(561833);let i={name:"clock-3",size:24,node:[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6h4",key:"135r8i"}]]};i.node;let l=(0,n.default)(i);var o=e.i(487486),c=e.i(519455),d=e.i(515288),u=e.i(793479),m=e.i(677572),p=e.i(504461);let h=({posts:e,onCategoryClick:r})=>(0,t.jsx)("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:e.map((e,a)=>(0,t.jsx)(s.default,{href:`/blog/${e.slug}`,children:(0,t.jsxs)(d.Card,{className:"group h-full overflow-hidden border pt-0 shadow-none transition-all duration-300",children:[(0,t.jsx)("div",{className:"overflow-hidden",children:(0,t.jsx)("img",{src:e.image,alt:e.title,className:"h-59.5 w-full object-cover transition-transform duration-300 group-hover:scale-105"})}),(0,t.jsxs)(d.CardContent,{className:"flex flex-col gap-3.5",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsxs)("div",{className:"text-muted-foreground flex items-center gap-1.5 text-sm",children:[(0,t.jsx)(l,{className:"size-4.5"}),(0,t.jsxs)("span",{children:[e.readTime," read"]})]}),(0,t.jsx)(o.Badge,{className:"bg-primary/10 text-primary px-3 py-1 text-xs font-medium",onClick:t=>{t.preventDefault(),r(e.category??"")},children:e.category})]}),(0,t.jsx)("h3",{className:"text-card-foreground line-clamp-2 text-xl font-medium",children:e.title}),(0,t.jsx)("p",{className:"text-muted-foreground line-clamp-2 text-base",children:e.description}),(0,t.jsxs)("div",{className:"text-muted-foreground flex items-center gap-2 text-sm",children:[(0,t.jsx)("span",{children:e.author?.name}),(0,t.jsx)("span",{className:"text-muted-foreground",children:"•"}),(0,t.jsx)("span",{className:"text-muted-foreground",children:new Date(e.publishedAt??"").toLocaleDateString("en-US",{year:"numeric",month:"long",day:"2-digit"})})]})]})]})},a))});e.s(["default",0,({posts:e})=>{let[s,n]=(0,r.useState)("All"),[i,l]=(0,r.useState)(""),o=["All",...Array.from(new Set(e.map(e=>

9e.category))).filter(Boolean)],d=e=>{n(e)},x=e.filter(e=>{let t="All"===s||e.category===s;if(!i)return t;let r=i.toLowerCase(),a=e.title?.toLowerCase().includes(r)||e.description?.toLowerCase().includes(r)||e.author?.name.toLowerCase().includes(r)||e.category?.toLowerCase().includes(r);return t&&a});return(0,t.jsx)("section",{className:"py-8 sm:py-16 lg:py-24",children:(0,t.jsxs)("div",{className:"w-full space-y-8 lg:space-y-16",children:[(0,t.jsx)("div",{className:"mx-auto max-w-4xl space-y-4 text-center",children:(0,t.jsx)(p.default,{badge:"BLOG LIST",title:"Learn. Explore. Grow with Real Insights.",description:"Explore expert articles across technology, design, business, marketing, data, and personal development. Practical insights to help you sharpen skills and stay ahead.",className:"items-center"})}),(0,t.jsxs)(m.Tabs,{value:s,onValueChange:d,className:"gap-8 lg:gap-16",children:[(0,t.jsxs)("div",{className:"flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",children:[(0,t.jsx)("div",{className:"w-full scrollbar-none overflow-x-auto sm:w-auto [&::-webkit-scrollbar]:hidden",children:(0,t.jsx)(m.TabsList,{className:"flex h-10 min-w-full items-center justify-start gap-1 sm:w-125",children:o.map(e=>(0,t.jsx)(m.TabsTrigger,{value:e,className:"not-data-active:hover:bg-primary/10 h-full min-w-max cursor-pointer items-center rounded-lg px-4 py-0 text-sm leading-none",children:e},e))})}),(0,t.jsxs)("div",{className:"relative max-md:w-full",children:[(0,t.jsxs)("div",{className:"text-muted-foreground pointer-events-none absolute inset-y-0 left-0 flex items-center justify-center pl-3 peer-disabled:opacity-50",children:[(0,t.jsx)(a.SearchIcon,{className:"size-4"}),(0,t.jsx)("span",{className:"sr-only",children:"Search"})]}),(0,t.jsx)(u.Input,{type:"search",placeholder:"Search insights or metrics",value:i,onChange:e=>l(e.target.value),className:"peer h-10 px-9 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none"})]})]}),o.map((e,r)=>(0,t.jsx)(m.TabsContent,{value:e,children:x.length>0?(0,t.jsx)(h,{posts:x,onCategoryClick:d}):(0,t.jsxs)("div",{className:"text-muted-foreground flex min-h-100 flex-col items-center justify-center space-y-4 rounded-lg border border-dashed p-8 text-center",children:[(0,t.jsx)(a.SearchIcon,{className:"size-12 opacity-50"}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("h3",{className:"text-foreground text-lg font-medium",children:"No posts found"}),(0,t.jsx)("p",{className:"text-sm",children:i?`No results in "${e}" for "${i}".`:`No posts in "${e}" category yet.`})]}),i&&(0,t.jsx)(c.Button,{variant:"outline",size:"sm",onClick:()=>l(""),children:"Clear search"})]})},r))]})]})})}],73177)}]);