1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4423],{27605:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/lumi",function(){return t(35346)}])},79866:function(n,e,t){"use strict";var i=t(85893);e.Z=function(n){let{color:e="#64748B",...t}=n;return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",...t,children:(0,i.jsx)("path",{d:"M15.0371 22H9.03711V16H15.0371V22ZM11.0371 20H13.0371V18H11.0371V20ZM9.03711 16H7.03711V14H9.03711V16ZM17.0371 16H15.0371V14H17.0371V16ZM7.03711 14H5.03711V6H7.03711V14ZM19.0371 14H17.0371V6H19.0371V14ZM11.0371 10H9.03711V8H11.0371V10ZM13.0371 8H11.0371V6H13.0371V8ZM9.03711 6H7.03711V4H9.03711V6ZM17.0371 6H15.0371V4H17.0371V6ZM15.0371 4H9.03711V2H15.0371V4Z",fill:e})})}},35346:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return B},default:function(){return lumi}});var i=t(82729),r=t(85893),l=t(19521),a=t(9008),s=t.n(a),o=t(99428),d=t(81082),p=t(9473),c=t(50528),u=t(17596),g=t(73857),m=t(11163);function _templateObject(){let n=(0,i._)(["\n padding: 80px 24px;\n display: flex;\n justify-content: center;\n align-self: center;\n\n .inner-wrapper {\n width: 100%;\n max-width: 768px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 40px;\n\n .computer-message {\n flex-direction: column;\n gap: 24px;\n\n .computer-image {\n width: 142px;\n height: 142px;\n\n img {\n aspect-ratio: 1/1;\n }\n }\n\n .message-container {\n padding: 16px !important;\n min-height: 86px !important;\n }\n }\n\n .btn-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n\n button {\n width: 100%;\n max-width: 352px;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let x=l.default.div.withConfig({componentId:"sc-9b5fbbe5-0"})(_templateObject());var landingPage_LumiBanner=function(){let n=(0,m.useRouter)();return(0,r.jsx)(x,{children:(0,r.jsxs)("div",{className:"inner-wrapper",children:[(0,r.jsx)(u.Z,{text:"Hi there! I'm Lumi, your personal coding companion. Ask me a question~ \uD83D\uDC96",avatarType:"lumi",state:"idle",verticle:!0,typingSpeed:20}),(0,r.jsxs)("div",{className:"btn-wrapper",children:[(0,r.jsx)(g.Z,{onClick:()=>n.push("/signup"),children:"Sign up to get started"}),(0,r.jsx)(g.Z,{variant:"subtle",onClick:()=>n.push("/login"),children:"Or log in instead"})]})]})})},f=t(86247),h=t(46331),j=t(79866),w=t(86166),b=t(67294),y=t(92152);function MeetLumi_templateObject(){let n=(0,i._)(["\n padding: 80px 24px;\n background-color: ",';\n font-family: "Mulish", sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n '," {\n .lumi-demo-image {\n // disable single column image zoom\n pointer-events: none;\n }\n gap: 32px;\n }\n\n "," {\n .lumi-demo-image {\n pointer-events: auto;\n }\n gap: 64px;\n }\n\n .top-copy {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n\n h2 {\n color: ",';\n font-family: "PixelGridM";\n font-size: 32px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n }\n\n p {\n color: ',";\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n width: 100%;\n max-width: 1080px;\n text-align: center;\n }\n }\n\n .questions-wrapper {\n display: flex;\n display: grid;\n width: 100%;\n max-width: 1152px;\n\n "," {\n gap: 32px;\n grid-template-columns: 1fr;\n }\n\n "," {\n gap: 64px;\n grid-template-columns: 1fr 1fr;\n }\n\n .questions-list {\n flex: 1;\n }\n }\n"]);return MeetLumi_templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n padding: 24px 0px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n width: 100%;\n border-bottom: 1px solid ",";\n\n .title-wrapper {\n display: flex;
1\n align-items: center;\n\n .question-title {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 20px;\n color: ",';\n font-family: "PixelGridS";\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n user-select: none;\n\n svg {\n width: 32px;\n height: 32px;\n path {\n fill: ',";\n }\n }\n }\n\n .arrow {\n transform: rotate(-90deg);\n transition-duration: 0.2s;\n path {\n fill: ",";\n }\n }\n\n .arrow-open {\n transform: rotate(90deg);\n }\n }\n\n .answer {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n &.open {\n .question-title {\n color: ",";\n }\n\n .question-title {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n"]);return _templateObject1=function(){return n},n}let v=l.default.div.withConfig({componentId:"sc-ec784791-0"})(MeetLumi_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var landingPage_MeetLumi=function(){let[n,e]=(0,b.useState)(0);return(0,r.jsxs)(v,{children:[(0,r.jsxs)("div",{className:"top-copy",children:[(0,r.jsx)("h2",{children:"Meet Lumi \uD83E\uDDDAââï¸â¨"}),(0,r.jsx)("p",{children:"Say hello to Lumi, a magical fairy bot powered by GPT-4 who's here to help you in your coding journey. Lumi integrates with your Cod\xe9dex course progress to give you personalized help, inspiration, and recommendations."})]}),(0,r.jsxs)("div",{className:"questions-wrapper",children:[(0,r.jsx)(y.Z,{className:"lumi-demo-image",src:["/images/lumi/seo-lumi-explain.webp","/images/lumi/seo-lumi-debug.webp","/images/lumi/seo-lumi-projects.webp","/images/lumi/seo-lumi-practice.webp"][n],alt:"",zoomEnabled:!0}),(0,r.jsxs)("div",{className:"questions-list",children:[(0,r.jsx)(Question,{svg:(0,r.jsx)(f.Z,{}),title:"Learn new topics",answer:"Finished a course and itching for something more? Ask Lumi for easy-to-understand explanations of new topics based on your progress.",isOpen:0===n,onActivate:()=>e(0)}),(0,r.jsx)(Question,{svg:V,title:"Debug your code",answer:"Stuck on an error? Ask Lumi to help you understand what's wrong with your code and how to fix it.",isOpen:1===n,onActivate:()=>e(1)}),(0,r.jsx)(Question,{svg:(0,r.jsx)(j.Z,{}),title:"Get project inspiration",answer:"Finished a course and itching for something more? Ask Lumi for project ideas tailored to your skill level and recent progress.",isOpen:2===n,onActivate:()=>e(2)}),(0,r.jsx)(Question,{svg:(0,r.jsx)(w.Z,{}),title:"Practice what you've learned",answer:"Want to sharpen your skills? Ask Lumi for coding challenges and exercises based on what you've been learning.",isOpen:3===n,onActivate:()=>e(3)})]})]})]})};let H=l.default.div.withConfig({componentId:"sc-ec784791-1"})(_templateObject1(),n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary});function Question(n){let{svg:e,title:t,answer:i,isOpen:l,onActivate:a}=n;return(0,r.jsxs)(H,{onClick:function(){a()},className:"nes-pointer ".concat(l&&"open"),children:[(0,r.jsxs)("div",{className:"title-wrapper",children:[(0,r.jsxs)("p",{className:"question-title",children:[e,t]}),(0,r.jsx)(h.Z,{className:"arrow ".concat(l&&"arrow-open")})]}),l&&(0,r.jsx)("p",{className:"answer",children:i})]})}let V=(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:[(0,r.jsx)("path",{d:"M10.666 6.6665H13.3327V9.33317H10.666V6.6665Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M7.99935 9.33317H10.666V11.9998H7.99935V9.33317Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M5.33268 11.9998H7.99935V14.6665H5.33268V11.9998Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M2.66602 14.6665H5.33268V17.3332H2.66602V14.6665Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M5.33268 17.3332H7.99935V19.9998H5.33268V17.3332Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M7.99935 19.9998H10.666V22.6665H7.99935V19.9998Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M10.666 22.6665H13.3327V25.3332H10.666V22.6665Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M21.3327 6.6665H18.666V9.33317H21.3327V6.6665Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M23.9994 9.33317H21.3327V11.9998H23.9994V9.33317Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M26.666 11.9998H23.9994V14.6665H26.666V11.9998Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M29.3327 14.6665H26.666V17.3332H29.3327V14.6665Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M26.666 17.3332H23.9994V19.9998H26.666V17.3332Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M23.9994 19.9998H21.3327V22.6665H23.9994V19.9998Z",fill:"#94A3B8"}),(0,r.jsx)("path",{d:"M21.3327 22.6665H18.666V25.3332H21.3327V22.6665Z",fill:"#94A3B8"})]});var _=t(56016),Z=t(86961);
1function LumiLandingPage_templateObject(){let n=(0,i._)(["\n padding-top: 3.9rem;\n\n * {\n margin: 0px;\n }\n\n .club-tier-list {\n background: ",";\n\n .view-all {\n display: none;\n }\n }\n"]);return LumiLandingPage_templateObject=function(){return n},n}let M=l.default.div.withConfig({componentId:"sc-8212a4d6-0"})(LumiLandingPage_templateObject(),n=>{let{theme:e}=n;return"dark"===e.mode?"linear-gradient(0deg, rgba(2, 6, 23, 0) 21.44%, #020617 87.85%),\n linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #5b21b6;":"linear-gradient(0deg, rgba(255, 255, 255, 0) 21.44%, #fff 100%),\n linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #ddd6fe"});var landingPage_LumiLandingPage=function(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.Z,{}),(0,r.jsxs)(M,{children:[(0,r.jsx)(landingPage_LumiBanner,{}),(0,r.jsx)(landingPage_MeetLumi,{}),(0,r.jsx)(_.Z,{headerCopy:"Explore plans"})]}),(0,r.jsx)(Z.Z,{disableMarginTop:!0})]})},k=t(62286),L=t.n(k),A=t(15969);function lumi_templateObject(){let n=(0,i._)(['\n display: grid;\n height: 100dvh;\n font-family: "Mulish", sans-serif;\n transition: grid-template-columns 0.3s ease-in-out;\n position: relative;\n\n '," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: ",";\n }\n\n "," {\n grid-template-columns: ",";\n }\n\n "," {\n grid-template-columns: ",";\n }\n\n .left-wrapper {\n display: flex;\n flex-direction: column;\n min-height: 0;\n\n #global-header,\n #mobile-global-header {\n position: relative;\n padding: 0px 12px;\n\n .inner-header-container {\n width: 100%;\n max-width: 100%;\n }\n }\n\n #mobile-global-header {\n padding: 0px;\n }\n }\n"]);return lumi_templateObject=function(){return n},n}let O=l.default.div.withConfig({componentId:"sc-31b993e8-0"})(lumi_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{isOpen:e}=n;return e?"2fr 5fr":"0fr 1fr"},n=>{let{theme:e}=n;return e.breakpoints.lg},n=>{let{isOpen:e}=n;return e?"1.2fr 5fr":"0fr 1fr"},n=>{let{theme:e}=n;return e.breakpoints.xl},n=>{let{isOpen:e}=n;return e?"1fr 5fr":"0fr 1fr"});var B=!0,lumi=function(){let n=(0,p.v9)(c.tU),e=(0,p.v9)(c.X2),t=L().get().codedextoken||"";return t?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s(),{children:(0,r.jsxs)("title",{children:["Cod\xe9dex | ",e||"Lumi Chat"]})}),(0,r.jsxs)(O,{isOpen:n,children:[(0,r.jsx)(A.Z,{}),(0,r.jsxs)("div",{className:"left-wrapper",children:[(0,r.jsx)(o.Z,{learningEnv:"lumi"}),(0,r.jsx)(d.Z,{})]})]})]}):(0,r.jsx)(landingPage_LumiLandingPage,{})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,286,6095,1226,5024,8727,2214,9428,6961,945,9559,9774,2888,179],function(){return n(n.s=27605)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.