https://robonito.com/_next/static/chunks/pages/learning-102bb3dff797257c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3166],{1071:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/learning",function(){return s(2510)}])},2510:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSG:()=>u,default:()=>p});var a=s(7876),o=s(8230),r=s.n(o),l=s(4587),n=s.n(l),i=s(4232),d=s(3884),c=s(8725),x=s(9435),m=s(8419),g=s(2867),u=!0;function p(e){let{courses:t}=e,[s,o]=(0,i.useState)("All"),[l,u]=(0,i.useState)(""),[p,h]=(0,i.useState)(!1);if(!t.length)return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g.FR,{title:"Learning Hub & Documentation | Robonito QA Automation",description:"Step-by-step tutorials, video walkthroughs, and docs for Robonito's AI test automation platform — from your first test to a complete CI/CD pipeline.",canonical:"https://robonito.com/learning/",defaultTitle:"Robonito Learning Hub",additionalMetaTags:[{name:"keywords",content:"QA automation documentation, no code testing docs, AI testing tutorials, test automation guides, Robonito learning hub"},{name:"robots",content:"index, follow"}],openGraph:{url:"https://robonito.com/learning/",title:"Robonito Learning Hub – Docs, Tutorials & QA Automation Guides",description:"Learn how to use Robonito with step-by-step documentation, tutorials, and expert guidance.",images:[{url:"https://robonito.com/meta.png",width:1200,height:630,alt:"Robonito Learning Hub & Documentation",type:"image/png"}],siteName:"Robonito"}}),(0,a.jsx)("section",{className:"relative overflow-hidden px-6 pt-32 pb-24",children:(0,a.jsx)("div",{className:"mx-auto max-w-7xl",children:(0,a.jsx)("div",{className:"rounded-3xl border border-white/40 bg-white/70 p-10 shadow-[0_20px_80px_rgba(15,23,42,0.08)] backdrop-blur-xl",children:(0,a.jsx)("p",{className:"text-base font-medium text-slate-600",children:"No Result found."})})})})]});let b=(0,i.useMemo)(()=>["All",...Array.from(new Set(t.map(e=>e.tag)))],[t]),f=(0,i.useMemo)(()=>t.filter(e=>{let t="All"===s||e.tag===s,a=e.title.toLowerCase().includes(l.toLowerCase())||e.description.toLowerCase().includes(l.toLowerCase());return t&&a}),[t,s,l]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g.FR,{title:"Learning Hub & Documentation | Robonito QA Automation",description:"Explore Robonito Learning Hub with detailed documentation, how-to guides, tutorials, and best practices for AI-powered, no-code QA automation.",canonical:"https://robonito.com/learning/",defaultTitle:"Robonito Learning Hub",additionalMetaTags:[{name:"keywords",content:"QA automation documentation, no code testing docs, AI testing tutorials, test automation guides, Robonito learning hub"},{name:"robots",content:"index, follow"}],openGraph:{url:"https://robonito.com/learning/",title:"Robonito Learning Hub – Docs, Tutorials & QA Automation Guides",description:"Learn how to use Robonito with step-by-step documentation, tutorials, and expert guidance.",images:[{url:"https://robonito.com/meta.png",width:1200,height:630,alt:"Robonito Learning Hub & Documentation",type:"image/png"}],siteName:"Robonito"}}),(0,a.jsxs)("section",{className:"relative overflow-hidden bg-[radial-gradient(circle_at_top_left,_rgba(34,197,94,0.10),_transparent_28%),radial-gradient(circle_at_top_right,_rgba(59,130,246,0.10),_transparent_28%),linear-gradient(to_bottom,_#f8fafc,_#ffffff)]",children:[(0,a.jsxs)("div",{className:"pointer-events-none absolute inset-0 opacity-50",children:[(0,a.jsx)("div",{className:"absolute left-0 top-0 h-72 w-72 rounded-full bg-green-200/30 blur-3xl"}),(0,a.jsx)("div",{className:"absolute right-0 top-20 h-72 w-72 rounded-full bg-blue-200/30 blur-3xl"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,rgba(15,23,42,0.03)_1px,transparent_1px),linear-gradient(to_bottom,rgba(15,23,42,0.03)_1px,transparent_1px)] bg-[size:36px_36px]"})]}),(0,a.jsxs)("div",{className:"relative 3xl:max-w-[1820px] 2xl:max-w-[1520px] xl:max-w-[1320px] max-w-7xl mx-auto px-6 pt-28 pb-20 lg:pt-32 lg:pb-28",children:[(0,a.jsxs)("div",{className:"mb-10 lg:mb-14",children:[(0,a.jsxs)("div",{className:"inline-flex items-center gap-2 rounded-full border border-green-200 bg-white/80 px-4 py-2 text-sm font-medium text-green-700 shadow-sm backdrop-blur",children:[(0,a.jsx)(d.A,{size:16}),"Learning resources & documentation"]}),(0,a.jsxs)("div",{className:"mt-6 max-w-4xl",children:[(0,a.jsxs)("h1",{className:"text-3xl font-bold tracking-tight text-slate-900 sm:text-3xl lg:text-5xl lg:leading-[1.08]",children:["Latest from"," ",(0,a.jsx)("span",{className:"bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent",children:"Learning Hubs"})]}),(0,a.jsx)("p",{className:"mt-5 max-w-4xl text-base leading-8 text-slate-600 sm:text-lg",children:"Explore insightful articles, updates, and stories on our engaging and informative blog platform."})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-8 lg:grid-cols-12 xl:gap-10",children:[(0,a.jsx)("aside",{className:"lg:col-span-3",children:(0,a.jsx)("div",{className:"lg:sticky lg:top-28",children:(0,a.jsxs)("div",{className:"overflow-hidden rounded-3xl border border-white/60 bg-white/80 p-3 shadow-[0_20px_80px_rgba(15,23,42,0.08)] backdrop-blur-xl lg:p-5",children:[(0,a.jsxs)("div",{className:"mb-3 px-2",children:[(0,a.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.22em] text-slate-400",children:"Browse by topic"}),(0,a.jsx)("h3",{className:"mt-2 text-lg font-semibold text-slate-900",children:"Learning Categories"})]}),(0,a.jsxs)("div",{className:"lg:hidden",children:[(0,a.jsxs)("button",{onClick:()=>h(!p),className:"flex w-full items-center justify-between rounded-2xl border border-slate-200 bg-white px-4 py-3 text-left text-sm font-medium text-slate-800 transition hover:border-green-300 hover:shadow-sm",children:[(0,a.jsx)("span",{className:"truncate",children:s}),(0,a.jsx)(c.A,{size:18,className:"transition-transform duration-200 ".concat(p?"rotate-180":"")})]}),p&&(0,a.jsx)("ul",{className:"mt-3 space-y-2 rounded-2xl border border-slate-200 bg-white p-2 shadow-lg",children:b.map(e=>(0,a.jsx)("li",{children:(0,a.jsx)("button",{onClick:()=>{o(e),h(!1)},className:"w-full rounded-xl px-4 py-3 text-left text-sm transition ".concat(s===e?"bg-gradient-to-r from-green-600 to-emerald-500 text-white shadow-md":"text-slate-700 hover:bg-slate-50"),children:e})},e))})]}),(0,a.jsx)("div",{className:"hidden lg:block",children:(0,a.jsx)("ul",{className:"space-y-2",children:b.map(e=>(0,a.jsx)("li",{children:(0,a.jsxs)("button",{onClick:()=>o(e),className:"group flex w-full items-center justify-between rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200 ".concat(s===e?"bg-gradient-to-r from-green-600 to-emerald-500 text-white shadow-lg shadow-green-100":"text-slate-700 hover:bg-slate-50 hover:text-slate-900"),children:[(0,a.jsx)("span",{className:"truncate",children:e}),(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full transition ".concat(s===e?"bg-white/90":"bg-slate-300 group-hover:bg-green-500")})]})},e))})})]})})}),(0,a.jsxs)("div",{className:"lg:col-span-9",children:[(0,a.jsx)("div",{className:"mb-6 rounded-3xl border border-white/60 bg-white/80 p-4 shadow-[0_20px_80px_rgba(15,23,42,0.08)] backdrop-blur-xl sm:p-5",children:(0,a.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"relative flex-1",children:[(0,a.jsx)(x.A,{className:"pointer-events-none absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-slate-400"}),(0,a.jsx)("input",{type:"text",placeholder:"Search courses, tutorials, or topics...",value:l,onCh

1ange:e=>u(e.target.value),className:"h-14 w-full rounded-2xl border border-slate-200 bg-white pl-12 pr-4 text-sm text-slate-900 outline-none transition placeholder:text-slate-400 focus:border-green-400 focus:ring-4 focus:ring-green-100"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600 lg:min-w-[220px]",children:[(0,a.jsx)("span",{children:"Showing results"}),(0,a.jsx)("span",{className:"rounded-full bg-white px-3 py-1 font-semibold text-slate-900 shadow-sm",children:f.length})]})]})}),0===f.length?(0,a.jsxs)("div",{className:"rounded-3xl border border-dashed border-slate-300 bg-white/80 p-10 text-center shadow-sm",children:[(0,a.jsx)("h3",{className:"text-xl font-semibold text-slate-900",children:"No matching courses found"}),(0,a.jsx)("p",{className:"mt-3 text-sm leading-7 text-slate-600",children:"Try another keyword or switch topic filters to explore more learning resources."})]}):(0,a.jsx)("div",{className:"grid grid-cols-1 gap-6 xl:grid-cols-2",children:f.map(e=>(0,a.jsxs)(r(),{href:"/learning/".concat(e.slug),className:"group relative overflow-hidden rounded-[28px] border border-white/60 bg-white/85 p-4 shadow-[0_18px_60px_rgba(15,23,42,0.08)] backdrop-blur-xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-[0_24px_80px_rgba(15,23,42,0.12)] sm:p-5",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(34,197,94,0.08),transparent_30%),radial-gradient(circle_at_bottom_left,rgba(59,130,246,0.08),transparent_30%)] opacity-0 transition-opacity duration-300 group-hover:opacity-100"}),(0,a.jsxs)("div",{className:"relative flex flex-col gap-5 sm:flex-row",children:[(0,a.jsxs)("div",{className:"relative h-56 w-full overflow-hidden rounded-2xl bg-slate-100 sm:h-40 sm:w-44 sm:min-w-44",children:[(0,a.jsx)(n(),{src:e.image.startsWith("http")?e.image:"https://cms.robonito.com".concat(e.image),alt:e.title,fill:!0,className:"object-cover transition duration-500 group-hover:scale-[1.04]"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-900/15 via-transparent to-transparent"})]}),(0,a.jsxs)("div",{className:"relative flex min-w-0 flex-1 flex-col",children:[(0,a.jsx)("div",{className:"mb-3 flex items-center justify-between gap-3",children:(0,a.jsx)("span",{className:"inline-flex w-fit items-center rounded-full border border-green-100 bg-green-50 px-3 py-1 text-xs font-semibold text-green-700",children:e.tag})}),(0,a.jsx)("h3",{className:"text-lg font-semibold leading-snug text-slate-900 transition-colors duration-200 group-hover:text-green-700 line-clamp-2",children:e.title}),(0,a.jsx)("p",{className:"mt-3 text-sm leading-5 text-slate-600 line-clamp-3",children:e.description}),(0,a.jsxs)("div",{className:"mt-5 flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-sm font-medium text-slate-700 transition-colors group-hover:text-slate-900",children:"Explore resource"}),(0,a.jsx)("div",{className:"flex h-11 w-11 items-center justify-center rounded-full bg-gradient-to-r from-green-600 to-emerald-500 text-white shadow-lg shadow-green-100 transition-all duration-300 group-hover:translate-x-1",children:(0,a.jsx)(m.A,{size:18})})]})]})]})]},e.id))})]})]})]})]})]})}},3884:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(7963).A)("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]])},8419:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(7963).A)("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},8725:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(7963).A)("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},9435:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(7963).A)("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])}},e=>{e.O(0,[2867,636,6593,8792],()=>e(e.s=1071)),_N_E=e.O()}]);