https://devappslearn.com/_next/static/chunks/app/%5Blang%5D/page-16a85a72f63dd59f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[911],{8663:(e,t,r)=>{Promise.resolve().then(r.bind(r,47417)),Promise.resolve().then(r.bind(r,13115)),Promise.resolve().then(r.bind(r,63876)),Promise.resolve().then(r.bind(r,89476)),Promise.resolve().then(r.bind(r,90507)),Promise.resolve().then(r.bind(r,10549)),Promise.resolve().then(r.bind(r,91394)),Promise.resolve().then(r.bind(r,68437))},10549:(e,t,r)=>{"use strict";r.d(t,{Accordion:()=>i,AccordionContent:()=>m,AccordionItem:()=>d,AccordionTrigger:()=>c});var s=r(95155),a=r(12115),l=r(37250),o=r(79556),n=r(59434);let i=l.bL,d=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)(l.q7,{ref:t,className:(0,n.cn)("border-b",r),...a})});d.displayName="AccordionItem";let c=a.forwardRef((e,t)=>{let{className:r,children:a,...i}=e;return(0,s.jsx)(l.Y9,{className:"flex",children:(0,s.jsxs)(l.l9,{ref:t,className:(0,n.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",r),...i,children:[a,(0,s.jsx)(o.A,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})})});c.displayName=l.l9.displayName;let m=a.forwardRef((e,t)=>{let{className:r,children:a,...o}=e;return(0,s.jsx)(l.UC,{ref:t,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...o,children:(0,s.jsx)("div",{className:(0,n.cn)("pb-4 pt-0",r),children:a})})});m.displayName=l.UC.displayName},63876:(e,t,r)=>{"use strict";r.d(t,{Hero:()=>x});var s=r(95155),a=r(12115),l=r(6874),o=r.n(l),n=r(19968),i=r(67554),d=r(66766),c=r(59434),m=r(30285);function x(e){let{dict:t,lang:r}=e,[l,x]=(0,a.useState)(0),[u,h]=(0,a.useState)("normal"),[f,p]=(0,a.useState)("");(0,a.useEffect)(()=>{p("?v=".concat(new Date().getTime()));let e=()=>{x(window.scrollY)};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e)}},[]);let g=.1*l,b=Math.min(.5*g,10),v=Math.min(.2*g,5);return(0,s.jsxs)("section",{className:"relative py-24 md:py-40 bg-background overflow-hidden min-h-[700px] md:min-h-0",children:[(0,s.jsx)("div",{className:"absolute inset-0 z-0 opacity-50",children:(0,s.jsxs)("svg",{className:"absolute inset-0 w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("radialGradient",{id:"gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",children:[(0,s.jsx)("stop",{offset:"0%",style:{stopColor:"hsl(var(--primary) / 0.2)"}}),(0,s.jsx)("stop",{offset:"100%",style:{stopColor:"hsl(var(--background))"}})]})}),(0,s.jsx)("rect",{width:"100%",height:"100%",fill:"url(#gradient)"})]})}),(0,s.jsxs)("div",{className:(0,c.cn)("container relative z-10 mx-auto px-4 sm:px-6 lg:px-8 grid gap-16 items-center transition-all duration-500","maximized"===u?"grid-cols-1":"md:grid-cols-2"),children:[(0,s.jsxs)("div",{className:(0,c.cn)("space-y-8 text-center md:text-left transition-all duration-500","closed"===u||"minimized"===u?"md:col-span-2":"md:col-span-1","maximized"===u?"md:col-span-1 hidden":"md:col-span-1"),children:[(0,s.jsx)("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-headline font-extrabold text-foreground tracking-tighter",children:t.hero.title}),(0,s.jsx)("p",{className:"text-lg md:text-xl text-muted-foreground max-w-lg mx-auto md:mx-0",children:t.hero.subtitle}),(0,s.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 justify-center md:justify-start",children:[(0,s.jsx)(o(),{href:"/".concat(r,"/dashboard"),className:"group",children:(0,s.jsxs)("div",{className:"bg-secondary hover:bg-accent transition-all duration-300 rounded-lg p-4 flex items-center justify-center gap-4 border",children:[(0,s.jsx)(d.default,{src:"/logos/LearnPython.webp",alt:"Python",width:48,height:48,className:"transition-transform duration-300 group-hover:scale-110",priority:!0}),(0,s.jsx)("span",{className:"text-lg font-semibold text-secondary-foreground",children:t.hero.learnPython}),(0,s.jsx)(n.A,{className:"ml-auto text-muted-foreground transition-transform duration-300 group-hover:translate-x-1"})]})}

1),(0,s.jsx)(o(),{href:"/".concat(r,"/dashboard"),className:"group",children:(0,s.jsxs)("div",{className:"bg-secondary hover:bg-accent transition-all duration-300 rounded-lg p-4 flex items-center justify-center gap-4 border",children:[(0,s.jsx)(d.default,{src:"/logos/LearnJavaScript.webp",alt:"JavaScript",width:48,height:48,className:"transition-transform duration-300 group-hover:scale-110"}),(0,s.jsx)("span",{className:"text-lg font-semibold text-secondary-foreground",children:t.hero.learnJavaScript}),(0,s.jsx)(n.A,{className:"ml-auto text-muted-foreground transition-transform duration-300 group-hover:translate-x-1"})]})})]}),("closed"===u||"minimized"===u)&&(0,s.jsx)("div",{className:"flex justify-center md:justify-start pt-4",children:(0,s.jsxs)(m.$,{onClick:()=>{h("normal")},children:[(0,s.jsx)(i.A,{className:"mr-2 h-4 w-4"})," ",t.hero.resetView]})})]}),(0,s.jsx)("div",{className:(0,c.cn)("hidden md:block relative h-[450px]","closed"===u?"md:hidden":"md:block","maximized"===u?"absolute inset-0 w-full h-full p-4":"relative h-[450px]"),style:{perspective:"1000px"},children:(0,s.jsxs)("div",{className:(0,c.cn)("absolute inset-0 bg-card/60 border border-border/50 rounded-2xl shadow-2xl backdrop-blur-sm origin-bottom","transition-all duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)]","normal"===u&&"opacity-100","minimized"===u&&"transform scale-[0.2] translate-y-[300%] opacity-0","closed"===u&&"transform scale-0 opacity-0","maximized"===u&&"w-full h-full !rounded-2xl !shadow-2xl"),style:{transform:"normal"===u?"translateY(".concat(g,"px) rotateX(").concat(b,"deg) rotateY(").concat(v,"deg)"):void 0},children:[(0,s.jsxs)("div",{className:"p-3 backdrop-blur-md flex items-center gap-2 rounded-t-2xl bg-white/10",children:[(0,s.jsx)("button",{onClick:()=>{h("closed")},className:"w-3.5 h-3.5 rounded-full bg-red-500/80 hover:bg-red-500 transition-colors cursor-pointer","aria-label":"Close window"}),(0,s.jsx)("button",{onClick:()=>{h("minimized")},className:"w-3.5 h-3.5 rounded-full bg-yellow-500/80 hover:bg-yellow-500 transition-colors cursor-pointer","aria-label":"Minimize window"}),(0,s.jsx)("button",{onClick:()=>{h(e=>"maximized"===e?"normal":"maximized")},className:"w-3.5 h-3.5 rounded-full bg-green-500/80 hover:bg-green-500 transition-colors cursor-pointer","aria-label":"Maximize window"})]}),(0,s.jsx)("div",{className:"relative w-full h-[calc(100%-37px)] rounded-b-2xl overflow-hidden",children:f&&(0,s.jsx)(d.default,{src:"/hero.webp".concat(f),alt:"Abstract hero image showing code",fill:!0,style:{objectFit:"cover"},priority:!0})})]})})]})]})}},66695:(e,t,r)=>{"use strict";r.d(t,{BT:()=>d,Wu:()=>c,ZB:()=>i,Zp:()=>o,aR:()=>n,wL:()=>m});var s=r(95155),a=r(12115),l=r(59434);let o=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,l.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",r),...a})});o.displayName="Card";let n=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,l.cn)("flex flex-col space-y-1.5 p-6",r),...a})});n.displayName="CardHeader";let i=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("h3",{ref:t,className:(0,l.cn)("text-2xl font-semibold leading-none tracking-tight",r),...a})});i.displayName="CardTitle";let d=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("p",{ref:t,className:(0,l.cn)("text-sm text-muted-foreground",r),...a})});d.displayName="CardDescription";let c=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,l.cn)("p-6 pt-0",r),...a})});c.displayName="CardContent";let m=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)("div",{ref:t,className:(0,l.cn)("flex items-center p-6 pt-0",r),...a})});m.displayName="CardFooter"},89476:(e,t,r)=>{"use strict";r.d(t,{MobileShowcase:()=>f});var s=r(95155),a=r(71780),l=r(86591),o=r(64195),n=r(12115),i=r(66695),d=r(73503),c=r(91721),m=r(7364),x=r.n(m),u=r(63241);r(24495);let h=[{type:"code",title:"codeTitle",content:"\[email protected]('/ask', methods=['POST'])\ndef ask_ai_tutor():\n    user_question = request.json.get('question')\n    \n    # Generate a helpful response using an AI model\n    response = ai.generate(\n        f\"Question: {user_question}\\nAnswer:\"\n    )\n    \n    return jsonify({\"answer\": response.text})\n"},{type:"tutor",title:"tutorTitle",content:[{role:"user",text:"userQuestion"},{role:"bot",text:"botResponse"}]}];function f(e){let{dict:t}=e,r=(0,n.useRef)(null),{scrollYProgress:m}=(0,a.L)({target:r,offset:["start start","end start"]});return(0,s.jsxs)("section",{ref:r,id:"mobile-showcase",className:"relative min-h-[150vh] py-20 md:hidden",children:[(0,s.jsxs)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8 text-center sticky top-20",children:[(0,s.jsx)("h2",{className:"text-3xl font-headline font-bold text-foreground",children:t.title}),(0,s.jsx)("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto mt-4",children:t.subtitle})]}),(0,s.jsx)("div",{className:"relative container mx-auto px-4 sm:px-6 lg:px-8 sticky top-40 flex flex-col items-center gap-8",children:h.map((e,r)=>{let a=r/h.length,n=a+1/h.length,f=(0,l.G)(m,[a,n],[1,1]);return(0,s.jsx)(o.P.div,{style:{scale:f,top:"".concat(1.5*r,"rem")},className:"sticky w-full max-w-md",children:(0,s.jsxs)(i.Zp,{className:"p-6 bg-background/80 backdrop-blur-lg shadow-2xl border border-white/20",children:[(0,s.jsx)("h3",{className:"font-headline text-lg font-bold mb-4",children:t[e.title]}),"code"===e.type&&(0,s.jsx)("div",{className:"text-left text-sm bg-muted/50 rounded-lg p-4 font-code overflow-hidden",children:(0,s.jsx)(x(),{value:e.content,onValueChange:()=>{},highlight:e=>(0,u.highlight)(e,u.languages.python,"python"),padding:0,className:"!text-xs",style:{fontFamily:'"Source Code Pro", monospace',fontSize:12},readOnly:!0})}),"tutor"===e.type&&(0,s.jsx)("div",{className:"space-y-4",children:e.content.map((e,r)=>(0,s.jsxs)("div",{className:"flex items-start gap-2 ".concat("user"===e.role?"justify-end":""),children:["bot"===e.role&&(0,s.jsx)(d.A,{className:"h-6 w-6 text-primary flex-shrink-0"}),(0,s.jsx)("div",{className:"rounded-lg px-3 py-2 text-sm max-w-[80%] ".concat("user"===e.role?"bg-primary text-primary-foreground":"bg-muted"),children:t[e.text]}),"user"===e.role&&(0,s.jsx)(c.A,{className:"h-6 w-6 text-primary flex-shrink-0"})]},r))})]})}

1,e.title)})})]})}},90507:(e,t,r)=>{"use strict";r.d(t,{Showcase:()=>i});var s=r(95155),a=r(66766),l=r(12115),o=r(59434),n=r(25871);function i(e){let{dict:t}=e,[r,i]=(0,l.useState)("desktop"),[d,c]=(0,l.useState)("maximized"),m=e=>{i(e),c("maximized")},x=()=>{i("desktop")},u=()=>{i("desktop")},h=()=>{c(e=>"maximized"===e?"normal":"maximized")};return(0,s.jsx)("section",{id:"showcase",className:"py-20 md:py-28 bg-secondary/30",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:[(0,s.jsxs)("div",{className:"text-center space-y-4 mb-16",children:[(0,s.jsx)("h2",{className:"text-3xl md:text-4xl font-headline font-bold text-foreground",children:t.title}),(0,s.jsx)("p",{className:"text-lg text-muted-foreground max-w-3xl mx-auto",children:t.subtitle})]}),(0,s.jsxs)("div",{className:"relative w-full mx-auto max-w-5xl",children:[(0,s.jsx)("div",{className:"relative z-10 w-full aspect-[16/10] bg-gray-900 rounded-2xl shadow-2xl overflow-hidden border-4 border-gray-800/80",children:(()=>{switch(r){case"python":case"javascript":return(0,s.jsx)("div",{className:(0,o.cn)("w-full h-full bg-cover bg-center flex flex-col transition-all duration-300","maximized"===d?"bg-background":"p-8 pt-12"),style:{backgroundImage:"normal"===d?"url(/wallpaper.webp)":"none"},children:(0,s.jsxs)("div",{className:(0,o.cn)("w-full h-full bg-background/80 backdrop-blur-sm flex flex-col shadow-2xl transition-all duration-300 border","normal"===d?"rounded-lg":"rounded-none"),children:[(0,s.jsxs)("div",{className:"bg-muted/50 p-2 border-b border-border/50 flex items-center gap-2 flex-shrink-0",children:[(0,s.jsx)("button",{onClick:x,className:"w-3.5 h-3.5 rounded-full bg-red-500/90 hover:bg-red-500 transition-colors cursor-pointer","aria-label":"Close"}),(0,s.jsx)("button",{onClick:u,className:"w-3.5 h-3.5 rounded-full bg-yellow-500/90 hover:bg-yellow-500 transition-colors cursor-pointer","aria-label":"Minimize"}),(0,s.jsx)("button",{onClick:h,className:"w-3.5 h-3.5 rounded-full bg-green-500/90 hover:bg-green-500 transition-colors cursor-pointer","aria-label":"Maximize"}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground mx-auto pr-16",children:"python"===r?"LearnPython.AI Live":"LearnJavaScript.AI Live"})]}),(0,s.jsx)("div",{className:"w-full h-full border-0 overflow-hidden flex items-center justify-center",children:(0,s.jsxs)("div",{className:"text-center text-muted-foreground",children:[(0,s.jsx)(n.A,{className:"h-16 w-16 mx-auto mb-4"}),(0,s.jsx)("h3",{className:"text-xl font-bold font-headline",children:"Coming Soon"}),(0,s.jsx)("p",{className:"text-sm",children:"This interactive platform is under construction."})]})})]})});default:return(0,s.jsx)("div",{className:"w-full h-full p-8 flex flex-col items-center justify-end bg-cover bg-center",style:{backgroundImage:"url(/wallpaper.webp)"},children:(0,s.jsxs)("div",{className:"bg-white/20 backdrop-blur-lg border border-white/30 rounded-2xl p-2 flex items-center gap-2 shadow-2xl",children:[(0,s.jsx)("button",{onClick:()=>m("python"),className:"flex flex-col items-center gap-2 text-white font-medium group",children:(0,s.jsx)(a.default,{src:"/logos/LearnPython.webp",alt:"Python",width:64,height:64,className:"rounded-xl shadow-lg transition-transform duration-300 group-hover:scale-110"})}),(0,s.jsx)("button",{onClick:()=>m("javascript"),className:"flex flex-col items-center gap-2 text-white font-medium group",children:(0,s.jsx)(a.default,{src:"/logos/LearnJavaScript.webp",alt:"JavaScript",width:64,height:64,className:"rounded-xl shadow-lg transition-transform duration-300 group-hover:scale-110"})})]})})}})()}),(0,s.jsxs)("div",{className:"relative flex justify-center",children:[(0,s.jsx)("div",{className:"absolute bottom-0 w-[40%] h-24 bg-gray-300/50 dark:bg-gray-700/50 blur-2xl"}),(0,s.jsx)("div",{className:"absolute bottom-[-60px] w-56 h-16 bg-gradient-to-b from-gray-300 to-gray-400 dark:from-gray-600 dark:to-gray-700 rounded-b-lg perspective-[200px]",children:(0,s.jsx)("div",{className:"w-full h-full bg-gray-300/40 dark:bg-gray-600/40 transform-style-3d rotate-x-[15deg]"})})]})]})]})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[2992,3644,9881,6874,364,4077,3063,5821,2463,5097,971,9899,7383,7875,4462,2307,8441,2721,7358],()=>t(8663)),_N_E=e.O()}]);