(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{45301:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(34423)}])},17202:function(e,t,n){"use strict";n.d(t,{F:function(){return o}});var r=n(85893),i=(n(67294),n(25115));function o(e){var t=e.title,n=e.subtitle,o=e.badgeText,s=e.icon,l=e.hideSubtitleOnMobile,a=void 0!==l&&l,x=e.href,c=e.target;return(0,r.jsxs)(i.rU,{target:c||"_self",href:x,fontSize:["14px","14px","15px"],py:"9px",d:"flex",flexDirection:["column","row","row"],fontWeight:500,color:"gray.600",alignItems:["flex-start","center"],justifyContent:"space-between",sx:{"@media (hover: none)":{"&:hover":{"& .list-item-title":{transform:"none"}}}},_hover:{textDecoration:"none",color:"blue.400","& .list-item-title":{transform:"translateX(10px)"}},isTruncated:!0,maxWidth:"100%",children:[(0,r.jsxs)(i.kC,{alignItems:"center",className:"list-item-title",transition:"200ms",children:[s,(0,r.jsx)(i.xv,{maxWidth:"345px",isTruncated:!0,as:"span",children:t}),o&&(0,r.jsx)(i.Ct,{pos:"relative",top:"1px",variant:"subtle",colorScheme:"purple",ml:"10px",children:o})]}),(0,r.jsx)(i.xv,{d:[a?"none":"inline","inline"],mt:["3px",0],as:"span",fontSize:["11px","11px","12px"],color:"gray.500",children:n})]})}},41259:function(e,t,n){"use strict";n.d(t,{G:function(){return o}});var r=n(85893),i=(n(67294),n(25115));function o(e){var t=e.children;return(0,r.jsx)(i.gC,{rounded:"5px",divider:(0,r.jsx)(i.cX,{borderColor:"gray.200"}),spacing:0,align:"stretch",children:t})}},34423:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return y},default:function(){return _}});var r=n(85893),i=n(25115),o=n(82438),s=n(16673),l=n(80600),a=n(1832);function x(e){var t=e.text,n=e.href;return(0,r.jsxs)(i.xu,{position:"relative",textAlign:"center",bottom:"20px",children:[(0,r.jsx)(i.xu,{opacity:1,pointerEvents:"none",position:"absolute",bottom:0,height:"200px",width:"100%",background:"linear-gradient(180deg, rgb(255 255 255 / 40%), white)"}),(0,r.jsxs)(i.rU,{rounded:"20px",display:"inline",bg:"green.600",color:"white",p:"7px 20px",href:n,fontWeight:800,fontSize:"11px",textTransform:"uppercase",my:"25px",position:"relative",_hover:{textDecoration:"none","& .forward-arrow":{transform:"translateX(3px)"}},children:[t,(0,r.jsx)(i.xv,{d:"inline-block",as:"span",transition:"200ms",ml:"4px",className:"forward-arrow",children:"\u2192"})]})]})}var c=n(17202);function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){return(0,r.jsx)("svg",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){p(e,t,n[t])}))}return e}({stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},e,{children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{fill:"none",d:"M0 0h24v24H0z"}),(0,r.jsx)("path",{d:"M3 3.993C3 3.445 3.445 3 3.993 3h16.014c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 20.007V3.993zm7.622 4.422a.4.4 0 0 0-.622.332v6.506a.4.4 0 0 0 .622.332l4.879-3.252a.4.4 0 0 0 0-.666l-4.88-3.252z"})]})}))}var d=n(41259),h=n(10919),g=n(71277),f=["red.100","yellow.100","green.200","teal.200","blue.200","red.200","gray.200","teal.200","yellow.100","green.200","red.200"];function m(e){var t=e.title,n=e.subtitle,o=e.isCommunity,s=e.colorIndex,l=void 0===s?0:s,a=e.url,x=e.isUpcoming;return(0,r.jsxs)(i.xu,{as:i.rU,href:a,_hover:{textDecoration:"none",bg:"rgba(255,255,255,.10)"},sx:{"@media (hover: none)":{"&:hover":{bg:"rgba(255,255,255,.05)"}}},flex:1,shadow:"2xl",className:"home-roadmap-item",bg:"rgba(255,255,255,.05)",color:"white",p:"15px",rounded:"10px",pos:"relative",children:[o&&(0,r.jsx)(h.u,{label:"Community contribution",hasArrow:!0,placement:"top",children:(0,r.jsx)(g.sz,{opacity:.5,position:"absolute",top:"10px",right:"10px"})}),(0,r.jsx)(i.X6,{fontSize:["17px","17px","22px"],color:f[l],mb:"5px",children:t}),(0,r.jsx)(i.xv,{color:"gray.200",fontSize:["13px"],children:n}),x&&(0,r.jsxs)(i.kC,{alignItems:"center",justifyContent:"center",pos:"absolute",left:0,right:0,top:0,bottom:0,rounded:"10px",children:[(0,r.jsx)(i.xv,{color:"white",bg:"gray.600",zIndex:1,fontWeight:600,p:"5px 10px",rounded:"10px",children:"Upcoming"}),(0,r.jsx)(i.xu,{bg:"black",pos:"absolute",top:0,left:0,right:0,bottom:0,rounded:"10px",opacity:.5})]})]})}var b=n(28641),j=n(80202),v=n(85657);n(67294);function w(e){var t=e.children;return(0,r.jsx)(i.xu,{bgColor:"brand.bg",bgImage:"url(/bg.jpg)",bgRepeat:"no-repeat",bgSize:"100%",w:"100%",minH:"100vh",children:t})}var y=!0;function _(e){var t=e.roadmaps,n=e.guides,p=e.videos;return(0,r.jsxs)(w,{children:[(0,r.jsx)(o.e,{variant:"transparent"}),(0,r.jsx)(j.Z,{title:"Developer Roadmaps"}),(0,r.jsx)(i.xu,{children:(0,r.jsxs)(i.W2,{maxW:"container.md",pb:"90px",children:[(0,r.jsxs)(i.xu,{py:["23px","23px","35px"],color:"gray.200",children:[(0,r.jsx)(i.X6,{color:"gray.50",fontSize:["22px","22px","28px"],mb:["8px","8px","15px"],children:"Hey there! \ud83d\udc4b"}),(0,r.jsxs)(i.xv,{fontSize:["14px","14px","16px"],mb:"10px",children:[(0,r.jsx)(i.xv,{fontWeight:500,as:"span",children:"roadmap.sh"})," ","is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings."]}),(0,r.jsxs)(i.xv,{fontSize:["14px","14px","16px"],children:["We also have a"," ",(0,r.jsx)(i.rU,{textDecoration:"underline",href:b.url.youtube,onClick:function(){return(0,v.B)({category:"Subscription",action:"Clicked the YouTube link",label:"YouTube link on home"})},target:"_blank",fontWeight:600,children:"YouTube channel"})," ","which we hope you are going to love."]})]}),(0,r.jsx)(i.MI,{columns:[1,2,3],spacing:["10px","10px","15px"],children:t.map((function(e,t){return(0,r.jsx)(m,{isUpcoming:e.isUpcoming,url:"/".concat(e.id),colorIndex:t,title:e.featuredTitle,isCommunity:e.isCommunity,subtitle:e.featuredDescription},e.id)}))})]})}),(0,r.jsx)(i.xu,{bg:"white",children:(0,r.jsxs)(i.W2,{maxW:"container.md",children:[(0,r.jsx)(i.xu,{pt:"60px",mb:["10px","15px","20px"],children:(0,r.jsx)(i.X6,{color:"green.500",fontSize:["20px","20px","25px"],mb:"5px",children:"Video Explanations"})}),(0,r.jsxs)(d.G,{children:[p.map((function(e){return(0,r.jsx)(c.F,{target:"_blank",href:e.youtubeLink,badgeText:e.isPro?"PRO":"",hideSubtitleOnMobile:!0,title:e.title,subtitle:e.duration,icon:(0,r.jsx)(u,{style:{marginRight:"7px",width:"18px",height:"18px",color:"#9c9c9c"}})},e.id)})),(0,r.jsx)(x,{href:"/watch",text:"View all Videos"})]})]})}),(0,r.jsx)(i.xu,{pb:"80px",bg:"white",children:(0,r.jsxs)(i.W2,{maxW:"container.md",position:"relative",children:[(0,r.jsx)(i.xu,{pt:"40px",mb:"20px",children:(0,r.jsx)(i.X6,{color:"green.500",fontSize:"25px",mb:"5px",children:"Visual Guides"})}),(0,r.jsxs)(d.G,{children:[n.map((function(e){return(0,r.jsx)(c.F,{href:"/guides/".concat(e.id),title:e.title,badgeText:e.isPro?"PRO":"",subtitle:e.formattedUpdatedAt},e.id)})),(0,r.jsx)(x,{href:"/guides",text:"View all Guides"})]})]})}),(0,r.jsx)(a.z,{}),(0,r.jsx)(l.q,{}),(0,r.jsx)(s.$,{})]})}}},function(e){e.O(0,[680,919,515,774,888,179],(function(){return t=45301,e(e.s=t);var t}));var t=e.O();_N_E=t}]);