https://shadcn-nextjs-ink-landing-page.vercel.app/_next/static/chunks/0w6-ovthxok5q.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,99657,e=>{"use strict";var r=e.i(10126);let t=(0,e.i(98860).default)("arrow-up-right",[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]]);var a=e.i(56354),o=e.i(86097),l=e.i(6226),n=e.i(19455),i=e.i(87486),s=e.i(93479),c=e.i(49979);e.s(["default",0,({blogData:e})=>{let d=e.filter(e=>e.featured),u=(0,o.useRouter)(),p=e=>{u.push(`/blog-detail/${e.slug}`)};return(0,r.jsx)("section",{id:"home",className:"bg-muted -mt-16 pt-32 pb-12 sm:pb-16 lg:pb-24",children:(0,r.jsxs)("div",{className:"mx-auto flex h-full max-w-7xl flex-col gap-16 px-4 sm:px-6 lg:px-8",children:[(0,r.jsxs)("div",{className:"flex max-w-4xl flex-col items-center gap-4 self-center text-center",children:[(0,r.jsx)(i.Badge,{variant:"outline",className:"h-auto text-sm font-normal",children:"Trusted by 1,000,000+ professionals"}),(0,r.jsx)("h1",{className:"text-3xl leading-[1.29167] font-semibold text-balance sm:text-4xl lg:text-5xl",children:"Build Better Products with Insights that Drive Real Impact."}),(0,r.jsx)("p",{className:"text-muted-foreground mx-auto max-w-2xl text-xl",children:"Learn how to design, develop, launch, and grow digital products through practical knowledge and proven frameworks."}),(0,r.jsxs)("form",{className:"gap-3 py-1 max-sm:w-full max-sm:space-y-2 sm:flex sm:flex-row md:w-sm",children:[(0,r.jsx)(s.Input,{type:"email",placeholder:"Your email",className:"bg-background input-lg flex-1 px-3 text-base"}),(0,r.jsx)(n.Button,{size:"lg",className:"text-base max-sm:w-full",type:"submit",children:"Subscribe"})]})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2",children:d.map((e,o)=>(0,r.jsx)(c.Card,{className:"group cursor-pointer py-0 shadow-none",onClick:()=>p(e),children:(0,r.jsxs)(c.CardContent,{className:"grid grid-cols-1 px-0 xl:grid-cols-2",onClick:()=>p(e),children:[(0,r.jsx)("div",{className:"p-6",children:(0,r.jsx)("div",{className:"h-59.5 w-full overflow-hidden rounded-lg",children:(0,r.jsx)("img",{src:e.imageUrl,alt:e.imageAlt,className:"w-full object-cover transition-transform duration-300 group-hover:scale-105"})})}),(0,r.jsxs)("div",{className:"flex flex-col justify-center gap-3 p-6",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 py-1",children:[(0,r.jsxs)("div",{className:"text-muted-foreground flex grow items-center gap-1.5",children:[(0,r.jsx)(a.CalendarDaysIcon,{className:"size-5"}),(0,r.jsx)("p",{className:"text-base",children:e.date})]}),(0,r.jsx)(i.Badge,{className:"bg-primary/10 text-primary h-auto cursor-pointer border-0 text-sm",onClick:r=>{r.stopPropagation(),u.push(`/#category-${e.category}`)},children:e.category})]}),(0,r.jsx)(l.default,{href:`/blog-detail/${e.slug}`,children:(0,r.jsx)("h3",{className:"text-xl font-medium",children:e.title})}),(0,r.jsx)("p",{className:"text-muted-foreground text-base",children:e.description}),(0,r.jsxs)("div",{className:"flex w-full items-center justify-between gap-1 py-1",children:[(0,r.jsx)("span",{className:"cursor-pointer text-sm font-medium",children:e.author}),(0,r.jsx)(n.Button,{size:"icon",className:"group-hover:bg-primary! bg-background text-foreground hover:bg-primary! hover:text-primary-foreground border-border group-hover:text-primary-foreground hover:border-primary group-hover:border-primary border bg-clip-border",asChild:!0,children:(0,r.jsx)(l.default,{href:`/blog-detail/${e.slug}`,children:(0,r.jsx)(t,{})})})]})]})]})},`${e.author}-${o}`))})]})})}],99657)},39407,e=>{"use strict";var r=e.i(10126),t=e.i(15638),a=e.i(86097),o=e.i(98860);let l=(0,o.default)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]);var n=e.i(47841),i=e.i(56354),s=e.i(87486),c=e.i(19455),d=e.i(49979),u=e.i(93479),p=e.i(73014),m=e.i(38112),f=e.i(25238),h=e.i(77446),g=e.i(70247),x=e.i(22541),v=e.i(34400),b=e.i(91967),w="ScrollArea",[j,y]=(0,f.createContextScope)(w),[C,N]=j(w),S=t.forwardRef((e,a)=>{let{__scopeScrollArea:o,type:l="hover",dir:n,scrollHideDelay:i=600,...s}=e,[c,d]=t.useState(null),[u,m]=t.useState(null),[f,g]=t.useState(null),[v,b]=t.useState(null),[w,j]=t.useState(null),[y,N]=t.useState(0),[S,R]=t.useState(0),[T,E]=t.useState(!1),[P,k]=t.useState(!1),A=(0,h.useComposedRefs)(a,e=>d(e)),z=(0,x.useDirection)(n);return(0,r.jsx)(C,{scope:o,type:l,dir:z,scrollHideDelay:i,scrollArea:c,viewport:u,onViewportChange:m,content:f,onContentChange:g,scrollbarX:v,onScrollbarXChange:b,scrollbarXEnabled:T,onScrollbarXEnabledChange:E,scrollbarY:w,onScrollbarYChange:j,scrollbarYEnabled:P,onScrollbarYEnabledChange:k,onCornerWidthChange:N,onCornerHeight

1Change:R,children:(0,r.jsx)(p.Primitive.div,{dir:z,...s,ref:A,style:{position:"relative","--radix-scroll-area-corner-width":y+"px","--radix-scroll-area-corner-height":S+"px",...e.style}})})});S.displayName=w;var R="ScrollAreaViewport",T=t.forwardRef((e,a)=>{let{__scopeScrollArea:o,children:l,nonce:n,...i}=e,s=N(R,o),c=t.useRef(null),d=(0,h.useComposedRefs)(a,c,s.onViewportChange);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),(0,r.jsx)(p.Primitive.div,{"data-radix-scroll-area-viewport":"",...i,ref:d,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:(0,r.jsx)("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:l})})]})});T.displayName=R;var E="ScrollAreaScrollbar",P=t.forwardRef((e,a)=>{let{forceMount:o,...l}=e,n=N(E,e.__scopeScrollArea),{onScrollbarXEnabledChange:i,onScrollbarYEnabledChange:s}=n,c="horizontal"===e.orientation;return t.useEffect(()=>(c?i(!0):s(!0),()=>{c?i(!1):s(!1)}),[c,i,s]),"hover"===n.type?(0,r.jsx)(k,{...l,ref:a,forceMount:o}):"scroll"===n.type?(0,r.jsx)(A,{...l,ref:a,forceMount:o}):"auto"===n.type?(0,r.jsx)(z,{...l,ref:a,forceMount:o}):"always"===n.type?(0,r.jsx)(L,{...l,ref:a}):null});P.displayName=E;var k=t.forwardRef((e,a)=>{let{forceMount:o,...l}=e,n=N(E,e.__scopeScrollArea),[i,s]=t.useState(!1);return t.useEffect(()=>{let e=n.scrollArea,r=0;if(e){let t=()=>{window.clearTimeout(r),s(!0)},a=()=>{r=window.setTimeout(()=>s(!1),n.scrollHideDelay)};return e.addEventListener("pointerenter",t),e.addEventListener("pointerleave",a),()=>{window.clearTimeout(r),e.removeEventListener("pointerenter",t),e.removeEventListener("pointerleave",a)}}},[n.scrollArea,n.scrollHideDelay]),(0,r.jsx)(m.Presence,{present:o||i,children:(0,r.jsx)(z,{"data-state":i?"visible":"hidden",...l,ref:a})})}),A=t.forwardRef((e,a)=>{var o;let{forceMount:l,...n}=e,i=N(E,e.__scopeScrollArea),s="horizontal"===e.orientation,c=J(()=>u("SCROLL_END"),100),[d,u]=(o={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},t.useReducer((e,r)=>o[e][r]??e,"hidden"));return t.useEffect(()=>{if("idle"===d){let e=window.setTimeout(()=>u("HIDE"),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[d,i.scrollHideDelay,u]),t.useEffect(()=>{let e=i.viewport,r=s?"scrollLeft":"scrollTop";if(e){let t=e[r],a=()=>{let a=e[r];t!==a&&(u("SCROLL"),c()),t=a};return e.addEventListener("scroll",a),()=>e.removeEventListener("scroll",a)}},[i.viewport,s,u,c]),(0,r.jsx)(m.Presence,{present:l||"hidden"!==d,children:(0,r.jsx)(L,{"data-state":"hidden"===d?"hidden":"visible",...n,ref:a,onPointerEnter:(0,b.composeEventHandlers)(e.onPointerEnter,()=>u("POINTER_ENTER")),onPointerLeave:(0,b.composeEventHandlers)(e.onPointerLeave,()=>u("POINTER_LEAVE"))})})}),z=t.forwardRef((e,a)=>{let o=N(E,e.__scopeScrollArea),{forceMount:l,...n}=e,[i,s]=t.useState(!1),c="horizontal"===e.orientation,d=J(()=>{if(o.viewport){let e=o.viewport.offsetWidth<o.viewport.scrollWidth,r=o.viewport.offsetHeight<o.viewport.scrollHeight;s(c?e:r)}},10);return Q(o.viewport,d),Q(o.content,d),(0,r.jsx)(m.Presence,{present:l||i,children:(0,r.jsx)(L,{"data-state":i?"visible":"hidden",...n,ref:a})})}),L=t.forwardRef((e,a)=>{let{orientation:o="vertical",...l}=e,n=N(E,e.__scopeScrollArea),i=t.useRef(null),s=t.useRef(0),[c,d]=t.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),u=M(c.viewport,c.content),p={...l,sizes:c,onSizesChange:d,hasThumb:!!(u>0&&u<1),onThumbChange:e=>i.current=e,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:e=>s.current=e};function m(e,r){return function(e,r,t,a="ltr"){let o=X(t),l=r||o/2,n=t.scrollbar.paddingStart+l,i=t.scrollbar.size-t.scrollbar.paddingEnd-(o-l),s=t.content-t.viewport;return q([n,i],"ltr"===a?[0,s]:[-1*s,0])(e)}(e,s.current,c,r)}return"horizontal"===o?(0,r.jsx)(D,{...p,ref:a,onThumbPositionChange:()=>{if(n.viewport&&i.current){let e=K(n.viewport.scrollLeft,c,n.dir);i.current.style.transform=`translate3d(${e}px, 0, 0)`}}

1,onWheelScroll:e=>{n.viewport&&(n.viewport.scrollLeft=e)},onDragScroll:e=>{n.viewport&&(n.viewport.scrollLeft=m(e,n.dir))}}):"vertical"===o?(0,r.jsx)(I,{...p,ref:a,onThumbPositionChange:()=>{if(n.viewport&&i.current){let e=K(n.viewport.scrollTop,c);i.current.style.transform=`translate3d(0, ${e}px, 0)`}},onWheelScroll:e=>{n.viewport&&(n.viewport.scrollTop=e)},onDragScroll:e=>{n.viewport&&(n.viewport.scrollTop=m(e))}}):null}),D=t.forwardRef((e,a)=>{let{sizes:o,onSizesChange:l,...n}=e,i=N(E,e.__scopeScrollArea),[s,c]=t.useState(),d=t.useRef(null),u=(0,h.useComposedRefs)(a,d,i.onScrollbarXChange);return t.useEffect(()=>{d.current&&c(getComputedStyle(d.current))},[d]),(0,r.jsx)(B,{"data-orientation":"horizontal",...n,ref:u,sizes:o,style:{bottom:0,left:"rtl"===i.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===i.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":X(o)+"px",...e.style},onThumbPointerDown:r=>e.onThumbPointerDown(r.x),onDragScroll:r=>e.onDragScroll(r.x),onWheelScroll:(r,t)=>{if(i.viewport){var a,o;let l=i.viewport.scrollLeft+r.deltaX;e.onWheelScroll(l),a=l,o=t,a>0&&a<o&&r.preventDefault()}},onResize:()=>{d.current&&i.viewport&&s&&l({content:i.viewport.scrollWidth,viewport:i.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:Y(s.paddingLeft),paddingEnd:Y(s.paddingRight)}})}})}),I=t.forwardRef((e,a)=>{let{sizes:o,onSizesChange:l,...n}=e,i=N(E,e.__scopeScrollArea),[s,c]=t.useState(),d=t.useRef(null),u=(0,h.useComposedRefs)(a,d,i.onScrollbarYChange);return t.useEffect(()=>{d.current&&c(getComputedStyle(d.current))},[d]),(0,r.jsx)(B,{"data-orientation":"vertical",...n,ref:u,sizes:o,style:{top:0,right:"ltr"===i.dir?0:void 0,left:"rtl"===i.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":X(o)+"px",...e.style},onThumbPointerDown:r=>e.onThumbPointerDown(r.y),onDragScroll:r=>e.onDragScroll(r.y),onWheelScroll:(r,t)=>{if(i.viewport){var a,o;let l=i.viewport.scrollTop+r.deltaY;e.onWheelScroll(l),a=l,o=t,a>0&&a<o&&r.preventDefault()}},onResize:()=>{d.current&&i.viewport&&s&&l({content:i.viewport.scrollHeight,viewport:i.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:Y(s.paddingTop),paddingEnd:Y(s.paddingBottom)}})}})}),[_,H]=j(E),B=t.forwardRef((e,a)=>{let{__scopeScrollArea:o,sizes:l,hasThumb:n,onThumbChange:i,onThumbPointerUp:s,onThumbPointerDown:c,onThumbPositionChange:d,onDragScroll:u,onWheelScroll:m,onResize:f,...x}=e,v=N(E,o),[w,j]=t.useState(null),y=(0,h.useComposedRefs)(a,e=>j(e)),C=t.useRef(null),S=t.useRef(""),R=v.viewport,T=l.content-l.viewport,P=(0,g.useCallbackRef)(m),k=(0,g.useCallbackRef)(d),A=J(f,10);function z(e){C.current&&u({x:e.clientX-C.current.left,y:e.clientY-C.current.top})}return t.useEffect(()=>{let e=e=>{let r=e.target;w?.contains(r)&&P(e,T)};return document.addEventListener("wheel",e,{passive:!1}),()=>document.removeEventListener("wheel",e,{passive:!1})},[R,w,T,P]),t.useEffect(k,[l,k]),Q(w,A),Q(v.content,A),(0,r.jsx)(_,{scope:o,scrollbar:w,hasThumb:n,onThumbChange:(0,g.useCallbackRef)(i),onThumbPointerUp:(0,g.useCallbackRef)(s),onThumbPositionChange:k,onThumbPointerDown:(0,g.useCallbackRef)(c),children:(0,r.jsx)(p.Primitive.div,{...x,ref:y,style:{position:"absolute",...x.style},onPointerDown:(0,b.composeEventHandlers)(e.onPointerDown,e=>{0===e.button&&(e.target.setPointerCapture(e.pointerId),C.current=w.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",v.viewport&&(v.viewport.style.scrollBehavior="auto"),z(e))}),onPointerMove:(0,b.composeEventHandlers)(e.onPointerMove,z),onPointerUp:(0,b.composeEventHandlers)(e.onPointerUp,e=>{let r=e.target;r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=S.current,v.viewport&&(v.viewport.style.scrollBehavior=""),C.current=null})})})}),V="ScrollAreaThumb",W=t.forwardRef((e,t)=>{let{forceMount:a,...o}=e,l=H(V,e.__scopeScrollArea);return(0,r.jsx)(m.Presence,{present:a||l.hasThumb,children:(0,r.jsx)($,{ref:t,...o})})}),$=t.forwardRef((e,a)=>{let{__scopeScrollArea:o,style:l,...n}=e,i=N(V,o),s=H(V,o),{onThumbPositionChange:c}=s,d=(0,h.useComposedRefs)(a,e=>s.onThumbChange(e)),u=t.useRef(void 0),m=J(()=>{u.current&&(u.current(),u.current=void 0)},100);return t.useEffect(()=>{let e=i.viewport;if(e){let r=()=>{m(),u.current||(u.current=G(e,c),c())};return c(),e.addEventListener("scroll",r),()=>e.removeEventListener("scroll",r)}},[i.viewport,m,c]),(0,r.jsx)(p.Primitive.div,{"data-state":s.hasThumb?"visible":"hidden",...n,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...l},onPointerDownCapture:(0,b.composeEventHandlers)(e.onPointerDownCapture,e=>{let r=e.target.getBoundingClientRect(),t=e.clientX-r.left,a=e.clientY-r.top;s.onThumbPointerDown({x:t,y:a})}),onPointerUp:(0,b.composeEventHandlers)(e.onPointerUp,s.onThumbPointerUp)})});W.displayName=V;var O="ScrollAreaCorner",U=t.forwardRef((e,t)=>

1{let a=N(O,e.__scopeScrollArea),o=!!(a.scrollbarX&&a.scrollbarY);return"scroll"!==a.type&&o?(0,r.jsx)(F,{...e,ref:t}):null});U.displayName=O;var F=t.forwardRef((e,a)=>{let{__scopeScrollArea:o,...l}=e,n=N(O,o),[i,s]=t.useState(0),[c,d]=t.useState(0),u=!!(i&&c);return Q(n.scrollbarX,()=>{let e=n.scrollbarX?.offsetHeight||0;n.onCornerHeightChange(e),d(e)}),Q(n.scrollbarY,()=>{let e=n.scrollbarY?.offsetWidth||0;n.onCornerWidthChange(e),s(e)}),u?(0,r.jsx)(p.Primitive.div,{...l,ref:a,style:{width:i,height:c,position:"absolute",right:"ltr"===n.dir?0:void 0,left:"rtl"===n.dir?0:void 0,bottom:0,...e.style}}):null});function Y(e){return e?parseInt(e,10):0}function M(e,r){let t=e/r;return isNaN(t)?0:t}function X(e){let r=M(e.viewport,e.content),t=e.scrollbar.paddingStart+e.scrollbar.paddingEnd;return Math.max((e.scrollbar.size-t)*r,18)}function K(e,r,t="ltr"){let a=X(r),o=r.scrollbar.paddingStart+r.scrollbar.paddingEnd,l=r.scrollbar.size-o,n=r.content-r.viewport,i=function(e,[r,t]){return Math.min(t,Math.max(r,e))}(e,"ltr"===t?[0,n]:[-1*n,0]);return q([0,n],[0,l-a])(i)}function q(e,r){return t=>{if(e[0]===e[1]||r[0]===r[1])return r[0];let a=(r[1]-r[0])/(e[1]-e[0]);return r[0]+a*(t-e[0])}}var G=(e,r=()=>{})=>{let t={left:e.scrollLeft,top:e.scrollTop},a=0;return!function o(){let l={left:e.scrollLeft,top:e.scrollTop},n=t.left!==l.left,i=t.top!==l.top;(n||i)&&r(),t=l,a=window.requestAnimationFrame(o)}(),()=>window.cancelAnimationFrame(a)};function J(e,r){let a=(0,g.useCallbackRef)(e),o=t.useRef(0);return t.useEffect(()=>()=>window.clearTimeout(o.current),[]),t.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(a,r)},[a,r])}function Q(e,r){let t=(0,g.useCallbackRef)(r);(0,v.useLayoutEffect)(()=>{let r=0;if(e){let a=new ResizeObserver(()=>{cancelAnimationFrame(r),r=window.requestAnimationFrame(t)});return a.observe(e),()=>{window.cancelAnimationFrame(r),a.unobserve(e)}}},[e,t])}e.s(["Corner",0,U,"Root",0,S,"ScrollArea",0,S,"ScrollAreaCorner",0,U,"ScrollAreaScrollbar",0,P,"ScrollAreaThumb",0,W,"ScrollAreaViewport",0,T,"Scrollbar",0,P,"Thumb",0,W,"Viewport",0,T,"createScrollAreaScope",0,y],30764);var Z=e.i(30764),Z=Z,ee=e.i(75157);function er({className:e,children:t,...a}){return(0,r.jsxs)(Z.Root,{"data-slot":"scroll-area",className:(0,ee.cn)("relative",e),...a,children:[(0,r.jsx)(Z.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:t}),(0,r.jsx)(et,{}),(0,r.jsx)(Z.Corner,{})]})}function et({className:e,orientation:t="vertical",...a}){return(0,r.jsx)(Z.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar","data-orientation":t,orientation:t,className:(0,ee.cn)("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",e),...a,children:(0,r.jsx)(Z.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}var ea=e.i(94237),eo=e.i(14503),el=e.i(20618),en=e.i(26280),ei="Tabs",[es,ec]=(0,f.createContextScope)(ei,[eo.createRovingFocusGroupScope]),ed=(0,eo.createRovingFocusGroupScope)(),[eu,ep]=es(ei),em=t.forwardRef((e,t)=>{let{__scopeTabs:a,value:o,onValueChange:l,defaultValue:n,orientation:i="horizontal",dir:s,activationMode:c="automatic",...d}=e,u=(0,x.useDirection)(s),[m,f]=(0,el.useControllableState)({prop:o,onChange:l,defaultProp:n??"",caller:ei});return(0,r.jsx)(eu,{scope:a,baseId:(0,en.useId)(),value:m,onValueChange:f,orientation:i,dir:u,activationMode:c,children:(0,r.jsx)(p.Primitive.div,{dir:u,"data-orientation":i,...d,ref:t})})});em.displayName=ei;var ef="TabsList",eh=t.forwardRef((e,t)=>{let{__scopeTabs:a,loop:o=!0,...l}=e,n=ep(ef,a),i=ed(a);return(0,r.jsx)(eo.Root,{asChild:!0,...i,orientation:n.orientation,dir:n.dir,loop:o,children:(0,r.jsx)(p.Primitive.div,{role:"tablist","aria-orientation":n.orientation,...l,ref:t})})});eh.displayName=ef;var eg="TabsTrigger",ex=t.forwardRef((e,t)=>

1{let{__scopeTabs:a,value:o,disabled:l=!1,...n}=e,i=ep(eg,a),s=ed(a),c=ew(i.baseId,o),d=ej(i.baseId,o),u=o===i.value;return(0,r.jsx)(eo.Item,{asChild:!0,...s,focusable:!l,active:u,children:(0,r.jsx)(p.Primitive.button,{type:"button",role:"tab","aria-selected":u,"aria-controls":d,"data-state":u?"active":"inactive","data-disabled":l?"":void 0,disabled:l,id:c,...n,ref:t,onMouseDown:(0,b.composeEventHandlers)(e.onMouseDown,e=>{l||0!==e.button||!1!==e.ctrlKey?e.preventDefault():i.onValueChange(o)}),onKeyDown:(0,b.composeEventHandlers)(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&i.onValueChange(o)}),onFocus:(0,b.composeEventHandlers)(e.onFocus,()=>{let e="manual"!==i.activationMode;u||l||!e||i.onValueChange(o)})})})});ex.displayName=eg;var ev="TabsContent",eb=t.forwardRef((e,a)=>{let{__scopeTabs:o,value:l,forceMount:n,children:i,...s}=e,c=ep(ev,o),d=ew(c.baseId,l),u=ej(c.baseId,l),f=l===c.value,h=t.useRef(f);return t.useEffect(()=>{let e=requestAnimationFrame(()=>h.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,r.jsx)(m.Presence,{present:n||f,children:({present:t})=>(0,r.jsx)(p.Primitive.div,{"data-state":f?"active":"inactive","data-orientation":c.orientation,role:"tabpanel","aria-labelledby":d,hidden:!t,id:u,tabIndex:0,...s,ref:a,style:{...e.style,animationDuration:h.current?"0s":void 0},children:t&&i})})});function ew(e,r){return`${e}-trigger-${r}`}function ej(e,r){return`${e}-content-${r}`}eb.displayName=ev,e.s(["Content",0,eb,"List",0,eh,"Root",0,em,"Tabs",0,em,"TabsContent",0,eb,"TabsList",0,eh,"TabsTrigger",0,ex,"Trigger",0,ex,"createTabsScope",0,ec],17954);var ey=e.i(17954),ey=ey;function eC({className:e,orientation:t="horizontal",...a}){return(0,r.jsx)(ey.Root,{"data-slot":"tabs","data-orientation":t,className:(0,ee.cn)("group/tabs flex gap-2 data-horizontal:flex-col",e),...a})}let eN=(0,ea.cva)("group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function eS({className:e,variant:t="default",...a}){return(0,r.jsx)(ey.List,{"data-slot":"tabs-list","data-variant":t,className:(0,ee.cn)(eN({variant:t}),e),...a})}function eR({className:e,...t}){return(0,r.jsx)(ey.Trigger,{"data-slot":"tabs-trigger",className:(0,ee.cn)("text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent","data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",e),...t})}function eT({className:e,...t}){return(0,r.jsx)(ey.Content,{"data-slot":"tabs-content",className:(0,ee.cn)("flex-1 text-sm outline-none",e),...t})}var eE=e.i(70363),eP=e.i(14261);function ek({className:e,...t}){return(0,r.jsx)("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",className:(0,ee.cn)(e),...t})}function eA({className:e,...t}){return(0,r.jsx)("ol",{"data-slot":"breadcrumb-list",className:(0,ee.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",e),...t})}function ez({className:e,...t}){return(0,r.jsx)("li",{"data-slot":"breadcrumb-item",className:(0,ee.cn)("inline-flex items-center gap-1.5",e),...t})}function eL({asChild:e,className:t,...a}){let o=e?eE.Slot.Root:"a";return(0,r.jsx)(o,{"data-slot":"breadcrumb-link",className:(0,ee.cn)("hover:text-foreground transition-colors",t),...a})}function eD({className:e,...t}){return(0,r.jsx)("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:(0,ee.cn)("text-foreground font-normal",e),...t})}function eI({children:e,className:t,...a}){return(0,r.jsx)("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:(0,ee.cn)("[&>svg]:size-3.5",t),...a,children:e??(0,r.jsx)(eP.ChevronRightIcon,{})})}(0,o.default)("ellipsis",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]]);var e_=e.i(84060);let eH=({posts:e,onCategoryClick:t})=>{let o=(0,a.useRouter)();return(0,r.jsx)("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:e.map(e=>

1(0,r.jsx)(d.Card,{className:"group h-full cursor-pointer shadow-none transition-all duration-300",onClick:()=>{o.push(`/blog-detail/${e.slug}`)},children:(0,r.jsxs)(d.CardContent,{className:"space-y-3.5",children:[(0,r.jsx)("div",{className:"mb-6 overflow-hidden rounded-lg sm:mb-12",children:(0,r.jsx)("img",{src:e.imageUrl,alt:e.imageAlt,className:"h-59.5 w-full object-cover transition-transform duration-300 group-hover:scale-105"})}),(0,r.jsxs)("div",{className:"flex items-center justify-between gap-1.5",children:[(0,r.jsxs)("div",{className:"text-muted-foreground flex items-center gap-1.5",children:[(0,r.jsx)(i.CalendarDaysIcon,{className:"size-5"}),(0,r.jsx)("p",{className:"text-base",children:e.date})]}),(0,r.jsx)(s.Badge,{className:"bg-primary/10 text-primary h-auto rounded-full border-0 text-sm",onClick:r=>{r.stopPropagation(),t(e.category),o.push(`/#category-${e.category}`)},children:e.category})]}),(0,r.jsx)("h3",{className:"line-clamp-2 text-lg font-medium md:text-xl",children:e.title}),(0,r.jsx)("p",{className:"text-muted-foreground line-clamp-2 text-base",children:e.description}),(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-sm font-medium",children:e.author}),(0,r.jsxs)(c.Button,{size:"icon",className:"group-hover:bg-primary! bg-background text-foreground hover:bg-primary! hover:text-primary-foreground group-hover:text-primary-foreground group-hover:border-primary border-border hover:border-primary border bg-clip-border",children:[(0,r.jsx)(n.ArrowRightIcon,{className:"size-4 -rotate-45"}),(0,r.jsxs)("span",{className:"sr-only",children:["Read more: ",e.title]})]})]})]})},e.id))})};e.s(["default",0,()=>{let[e,o]=(0,t.useState)("All"),n=(0,a.useRouter)(),i=e_.blogPosts.filter(e=>!e.featured).sort((e,r)=>r.id-e.id),s=["All",...[...new Set(i.map(e=>e.category))].sort()],c=e=>{o(e),"All"===e&&n.push("#categories")};return(0,r.jsx)("section",{className:"py-8 sm:py-16 lg:py-24",id:"categories",children:(0,r.jsxs)("div",{className:"mx-auto max-w-7xl space-y-8 px-4 sm:px-6 lg:space-y-16 lg:px-8",children:[(0,r.jsxs)("div",{className:"space-y-4",children:["All"===e&&(0,r.jsx)("p",{className:"text-sm",children:"Blogs"}),"All"!==e&&(0,r.jsx)(ek,{children:(0,r.jsxs)(eA,{children:[(0,r.jsx)(ez,{children:(0,r.jsx)(eL,{href:"#",children:"Blog"})}),(0,r.jsx)(eI,{}),(0,r.jsx)(ez,{children:(0,r.jsx)(eD,{children:e})})]})}),(0,r.jsx)("h2",{className:"text-2xl font-semibold md:text-3xl lg:text-4xl",children:"Build Better Products with Insights & Inspiration."}),(0,r.jsx)("p",{className:"text-muted-foreground text-lg md:text-xl",children:"Practical insights and real stories to guide your product from vision to reality."})]}),(0,r.jsxs)(eC,{defaultValue:"All",value:e,onValueChange:c,className:"gap-8 lg:gap-16",children:[(0,r.jsxs)("div",{className:"flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",children:[(0,r.jsxs)(er,{className:"bg-muted w-full rounded-lg sm:w-auto",children:[(0,r.jsx)(eS,{className:"h-auto gap-1 group-data-horizontal/tabs:h-auto",children:s.map(e=>(0,r.jsx)(eR,{value:e,id:`category-${e}`,className:"hover:bg-primary/10 cursor-pointer rounded-lg px-4 text-base group-data-horizontal/tabs:after:h-0",children:e},e))}),(0,r.jsx)(et,{orientation:"horizontal"})]}),(0,r.jsxs)("div",{className:"relative max-md:w-full",children:[(0,r.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,r.jsx)(l,{className:"size-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Search"})]}),(0,r.jsx)(u.Input,{type:"search",placeholder:"Search",className:"peer input-lg 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"})]})]}),(0,r.jsx)(eT,{value:"All",children:(0,r.jsx)(eH,{posts:i,onCategoryClick:c})}),s.slice(1).map((e,t)=>(0,r.jsx)(eT,{value:e,children:(0,r.jsx)(eH,{posts:i.filter(r=>r.category===e),onCategoryClick:c})},t))]})]})})}],39407)}]);