https://career-launchpad-futureyes.replit.app/assets/LearnAIPage-1F-AIbFr.js

1import{f as R,j as e,d as D,C as h,g as u,r as B}from"./index-CmblPHEx.js";import{H as U}from"./Header-BpeNO_Xm.js";import{F as z}from"./Footer-C0oGYG8m.js";import{B as j}from"./button-Cuds4r5M.js";import{B as m}from"./badge-BMhe7-z1.js";import{u as $}from"./seo-CWvEKupB.js";import{A as q,a as O}from"./AppCTA-CRwa8Q45.js";import{S}from"./sparkles-BXi46Nbg.js";import{A as k}from"./arrow-right-C5sIVFx9.js";import{B as x}from"./book-open-CD7m7XiS.js";import{B as i}from"./brain-BvFrPdI6.js";import{L as T}from"./lightbulb-CmgHhc9d.js";import{G as f}from"./globe-C8gGZjy3.js";import{B as L,L as A}from"./layers-D6oHjRHr.js";import{M as E}from"./message-square-DnELkb5I.js";import{S as b}from"./shield-D_mxIYdx.js";import{U as M}from"./users-DUP-Iv3z.js";import{T as W}from"./trending-up-CVcTC8lf.js";import{R as v}from"./rocket-Cwg2a_nS.js";import{G as H}from"./graduation-cap-Ceal_dkM.js";import{C as Q}from"./chevron-up-BoKbVqrn.js";import{C as K}from"./chevron-down-zXaRMH82.js";import{L as J}from"./lock-Bzd3vfzF.js";import{C as V}from"./circle-check-big-BxB8j7yw.js";import{S as Z}from"./star-DuEGxMyf.js";import{T as c}from"./target-DPqEw1cD.js";import{E as C}from"./eye-B_0VpeE3.js";import{Z as P}from"./zap-qFNdb24h.js";import{R as G}from"./refresh-cw-CHgYNIP1.js";import{S as _}from"./send-CEHbNjjT.js";import{W as F}from"./wrench-h5rpzWu4.js";import"./input-CV3W26yd.js";import"./MFJ Logo Transparent 500x500_1761174039806-GqdhoJga.js";import"./dialog-ARfEL6po.js";import"./index-BK6mZd2d.js";import"./links-DPaWIeah.js";import"./check-BBMEiR7p.js";import"./search-tKnOiw6J.js";import"./mail-BeFJU52G.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const X=R("Cpu",[["rect",{width:"16",height:"16",x:"4",y:"4",rx:"2",key:"14l7u7"}],["rect",{width:"6",height:"6",x:"9",y:"9",rx:"1",key:"5aljv4"}],["path",{d:"M15 2v2",key:"13l42r"}],["path",{d:"M15 20v2",key:"15mkzm"}],["path",{d:"M2 15h2",key:"1gxd5l"}],["path",{d:"M2 9h2",key:"1bbxkp"}],["path",{d:"M20 15h2",key:"19e6y8"}],["path",{d:"M20 9h2",key:"19tzq7"}

6],["path",{d:"M9 2v2",key:"165o2o"}],["path",{d:"M9 20v2",key:"i2bqo8"}]]);function r({icon:o,color:s,title:t,children:a}){return e.jsxs("div",{className:"rounded-xl p-4 border",style:{backgroundColor:`${s}08`,borderColor:`${s}25`},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(o,{className:"h-4 w-4 flex-shrink-0",style:{color:s}}),e.jsx("span",{className:"font-semibold text-sm text-foreground",children:t})]}),e.jsx("div",{className:"text-sm text-muted-foreground leading-relaxed",children:a})]})}function y({leftLabel:o,leftContent:s,rightLabel:t,rightContent:a,leftColor:n,rightColor:d}){return e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[e.jsxs("div",{className:"rounded-xl p-4 border-2",style:{backgroundColor:`${n}08`,borderColor:`${n}30`},children:[e.jsx("div",{className:"text-xs font-bold uppercase tracking-wider mb-2",style:{color:n},children:o}),e.jsx("p",{className:"text-sm text-foreground",children:s})]}),e.jsxs("div",{className:"rounded-xl p-4 border-2",style:{backgroundColor:`${d}08`,borderColor:`${d}30`},children:[e.jsx("div",{className:"text-xs font-bold uppercase tracking-wider mb-2",style:{color:d},children:t}),e.jsx("p",{className:"text-sm text-foreground",children:a})]})]})}function I({children:o}){return e.jsxs("div",{className:"rounded-xl p-5 bg-gradient-to-br from-[#27AE60]/10 to-[#27AE60]/5 border-2 border-[#27AE60]/20 border-dashed",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-[#27AE60] flex items-center justify-center flex-shrink-0",children:e.jsx(v,{className:"h-4 w-4 text-white"})}),e.jsx("span",{className:"font-bold text-[#27AE60] uppercase tracking-wider text-xs",children:"Try It Yourself"})]}),e.jsx("div",{className:"text-sm text-foreground leading-relaxed",children:o})]})}function l({color:o,children:s}){return e.jsxs("div",{className:"rounded-xl p-4 border-l-4",style:{backgroundColor:`${o}10`,borderLeftColor:o},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(T,{className:"h-4 w-4 flex-shrink-0",style:{color:o}}),e.jsx("span",{className:"font-bold text-xs uppercase tracking-wider",style:{color:o},children:"Key Takeaway"})]}),e.jsx("p",{className:"text-sm text-foreground font-medium leading-relaxed",children:s})]})}function w({question:o,answer:s}){const[t,a]=B.useState(!1);return e.jsxs("div",{className:"rounded-xl border-2 border-dashed border-[#7EC8D2]/30 p-4 bg-[#7EC8D2]/5",children:[e.jsx("p",{className:"text-sm font-medium text-foreground mb-3",children:o}),t?e.jsx("div",{className:"bg-background/60 rounded-lg p-3 border",children:e.jsx("p",{className:"text-sm text-muted-foreground",children:s})}):e.jsxs(j,{size:"sm",variant:"outline",onClick:()=>a(!0),className:"border-[#7EC8D2]/30 text-[#7EC8D2]","data-testid":"button-reveal-answer",children:[e.jsx(C,{className:"h-3.5 w-3.5 mr-2"}),"Reveal Answer"]})]})}function N({steps:o,color:s}){return e.jsx("div",{className:"flex flex-wrap items-center justify-center gap-2 py-4",children:o.map((t,a)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center border-2",style:{borderColor:`${s}40`,backgroundColor:`${s}10`},children:e.jsx(t.icon,{className:"h-5 w-5",style:{color:s}})}),e.jsx("span",{className:"text-[10px] font-bold mt-1 text-center max-w-[70px] leading-tight",style:{color:s},children:t.label})]}),a<o.length-1&&e.jsx(k,{className:"h-4 w-4 text-muted-foreground/40 flex-shrink-0 mt-[-14px]"})]},a))})}function ee({title:o,icon:s,color:t,children:a,lessonNumber:n,testId:d,readTime:p}){const[g,Y]=B.useState(!1);return e.jsxs(h,{className:"overflow-visible","data-testid":d,children:[e.jsxs("button",{onClick:()=>Y(!g),className:"w-full text-left p-5 md:p-6 flex items-center gap-4 hover-elevate transition-all","aria-expanded":g,"aria-controls":`lesson-content-${n}`,"data-testid":`button-toggle-lesson-${n}

6`,children:[e.jsx("div",{className:"w-14 h-14 rounded-2xl flex items-center justify-center flex-shrink-0 border-2 shadow-sm",style:{backgroundColor:`${t}15`,borderColor:`${t}30`},children:e.jsx(s,{className:"h-7 w-7",style:{color:t}})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsxs("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest",children:["Lesson ",n]}),e.jsx(m,{variant:"secondary",className:"text-[10px] px-2 py-0",children:p})]}),e.jsx("h3",{className:"font-bold text-base md:text-lg text-foreground mt-0.5",children:o})]}),e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 transition-colors",style:{backgroundColor:g?`${t}15`:"transparent"},children:g?e.jsx(Q,{className:"h-5 w-5",style:{color:t}}):e.jsx(K,{className:"h-5 w-5 text-muted-foreground"})})]}),g&&e.jsx(u,{id:`lesson-content-${n}`,className:"px-5 md:px-6 pb-6 pt-0 border-t",children:e.jsx("div",{className:"space-y-5 pt-5",children:a})})]})}function Ue(){$({title:"Learn AI Free — AI Education for Teens 2026 | MyFirstJob",description:"Learn artificial intelligence for free. Understand AI agents, chatbots, machine learning, and how to build AI tools — explained for teens ages 14-22. No coding experience needed.",keywords:["learn AI free","AI for teens","artificial intelligence education","AI agents explained","build AI agents","teen AI course 2026","AI basics","machine learning for beginners"],canonical:"https://myfirstjob.com/learn-ai",breadcrumbs:[{name:"Home",url:"/"},{name:"Learn AI",url:"/learn-ai"}],structuredData:[{"@context":"https://schema.org","@type":"Course",name:"AI for Teens — Free AI Education by MyFirstJob",description:"A free, comprehensive AI education program designed for young people ages 14-22. Learn about AI agents, chatbots, machine learning, and how to build AI tools — no coding required.",provider:{"@type":"Organization",name:"MyFirstJob",url:"https://myfirstjob.com"},isAccessibleForFree:!0,educationalLevel:"Beginner",audience:{"@type":"EducationalAudience",educationalRole:"student",suggestedMinAge:"14",suggestedMaxAge:"22"},hasCourseInstance:{"@type":"CourseInstance",courseMode:"online",isAccessibleForFree:!0}},{"@context":"https://schema.org","@type":"FAQPage",mainEntity:[{"@type":"Question",name:"Can teens learn AI without coding experience?",acceptedAnswer:{"@type":"Answer",text:"Yes. MyFirstJob's AI education program starts with zero assumptions. You don't need to know how to code. We teach concepts through everyday examples, interactive exercises, and plain language explanations that make AI accessible to everyone ages 14-22."}},{"@type":"Question",name:"What are AI agents and why should teens learn about them?",acceptedAnswer:{"@type":"Answer",text:"AI agents are programs that can make decisions and take actions on their own. Think of them like digital assistants that can research, write, organize, and solve problems. Learning about AI agents gives teens a massive advantage because these tools are transforming every industry."}},{"@type":"Question",name:"Is this AI course really free?",acceptedAnswer:{"@type":"Answer",text:"100% free, forever. MyFirstJob believes every young person should have access to AI education. All lessons, exercises, and resources on this page are completely free with no hidden costs."}}]},{"@context":"https://schema.org","@type":"ItemList",name:"10 Things Every Teen Should Know About AI",numberOfItems:10,itemListElement:[{"@type":"ListItem",position:1,name:"AI doesn't think — it predicts based on patterns in massive data"},{"@type":"ListItem",position:2,name:"ChatGPT was trained on more text than you could read in 10,000 lifetimes"},{"@type":"ListItem",position:3,name:"AI agents can plan, use tools, and complete multi-step tasks autonomously"},{"@type":"ListItem",position:4,name:"You use AI daily — Spotify, Instagram, autocorrect all use AI"},{"@type":"ListItem",position:5,name:"AI hallucinates — it confidently says things that aren't true"},{"@type":"ListItem",position:6,name:"The best AI skill is clear communication, not coding"},{"@type":"ListItem",position:7,name:"Soft skills become MORE valuable as AI grows"},{"@type":"ListItem",position:8,name:"AI coordinator is a new job that barely existed 2 years ago"},{"@type":"ListItem",position:9,name:"You can build an AI agent with no code using free tools"},{"@type":"ListItem",position:10,name:"Learning AI at 16 puts you 10 years ahead of most adults"}]}]});const o=[{module:"Foundation",color:"#7EC8D2",lessons:[{title:"What Is AI, Really?",icon:i,time:"5 min"},{title:"How AI Learns (Without a Brain)",icon:T,time:"6 min"},{title:"AI You Already Use Every Day",icon:f,time:"4 min"}]},{module:"AI Agents",color:"#ED8A58",lessons:[{title:"What Are AI Agents?",icon:L,time:"5 min"},{title:"How Agents Think and Act",icon:X,time:"7 min"},{title:"Build Your First Agent (No Code)",icon:A,time:"10 min"}]},{module:"Real Skills",color:"#27AE60",lessons:[{title:"Using AI to Write Better",icon:E,time:"6 min"},{title:"AI for Research and Learning",icon:x,time:"5 min"},{title:"AI Ethics — Using It Responsibly",icon:b,time:"6 min"}]}],s=[{stat:"97%",label:"of employers say AI skills will be important within 5 years",source:"LinkedIn 2026"},{stat:"40%",label:"of jobs will be impacted by AI by 2030",source:"McKinsey"},{stat:"#1",label:"most in-demand skill for entry-level workers in 2026",source:"Indeed"},{stat:"2x",label:"higher starting salaries for AI-literate workers",source:"Glassdoor"}];return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(U,{}),e.jsxs("section",{className:"relative py-20 md:py-28 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#E2FCFF]/40 via-background to-[#FFF5F0]/30"}),e.jsx("div",{className:"absolute top-20 right-[15%] w-64 h-64 roun

6ded-full blur-3xl opacity-20",style:{background:"radial-gradient(circle, #7EC8D2 0%, transparent 70%)"}}),e.jsx("div",{className:"absolute bottom-20 left-[10%] w-72 h-72 rounded-full blur-3xl opacity-15",style:{background:"radial-gradient(circle, #ED8A58 0%, transparent 70%)"}}),e.jsxs("div",{className:"relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[e.jsxs(m,{className:"mb-6 bg-gradient-to-r from-[#7EC8D2] to-[#27AE60] text-white border-0 text-sm px-4 py-2",children:[e.jsx(S,{className:"h-4 w-4 mr-2"}),"100% Free — No Account Required"]}),e.jsxs("h1",{className:"font-display text-4xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight","data-testid":"text-page-title",children:[e.jsx("span",{className:"text-foreground",children:"Learn AI."})," ",e.jsx("span",{className:"bg-gradient-to-r from-[#7EC8D2] via-[#ED8A58] to-[#27AE60] bg-clip-text text-transparent",children:"Understand the Future."})]}),e.jsx("p",{className:"text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto mb-8 leading-relaxed",children:"AI is changing everything — jobs, school, creativity, and how the world works. This free course teaches you what AI actually is, how AI agents work, and how to use these tools to get ahead. No coding needed. Built for ages 14-22."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsxs(j,{size:"lg",className:"rounded-full px-8 bg-gradient-to-r from-[#7EC8D2] to-[#5CB8C4] text-white border-0",onClick:()=>{var t;return(t=document.getElementById("curriculum"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},"data-testid":"button-start-learning-ai",children:["Start Learning",e.jsx(k,{className:"ml-2 h-5 w-5"})]}),e.jsx(D,{href:"/soft-skills",children:e.jsx(j,{size:"lg",variant:"outline",className:"rounded-full px-8","data-testid":"button-explore-soft-skills",children:"Explore Soft Skills Too"})})]})]})]}),e.jsx("section",{className:"py-16 bg-gradient-to-r from-[#7EC8D2]/5 via-[#ED8A58]/5 to-[#27AE60]/5",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-4",children:"Why Learn AI Right Now?"}),e.jsx("p",{className:"text-center text-muted-foreground mb-10 max-w-2xl mx-auto",children:"AI isn't coming — it's already here. The teens who understand it today will have a massive head start tomorrow."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6",children:s.map((t,a)=>e.jsx(h,{className:"text-center hover-elevate","data-testid":`card-stat-${a}`,children:e.jsxs(u,{className:"p-5 md:p-6",children:[e.jsx("p",{className:"text-3xl md:text-4xl font-bold bg-gradient-to-r from-[#7EC8D2] to-[#27AE60] bg-clip-text text-transparent mb-2",children:t.stat}),e.jsx("p",{className:"text-xs md:text-sm text-muted-foreground mb-2",children:t.label}),e.jsx("p",{className:"text-[10px] text-muted-foreground/60",children:t.source})]})},a))})]})}),e.jsx("section",{id:"curriculum",className:"py-20",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsxs(m,{className:"mb-4 bg-[#ED8A58]/10 text-[#ED8A58] border-[#ED8A58]/20 text-xs uppercase tracking-wider px-4 py-1.5",children:[e.jsx(x,{className:"h-3.5 w-3.5 mr-2"}),"Interactive Curriculum"]}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-4",children:"9 Lessons. Interactive. All Free."}),e.jsx("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto",children:"Each lesson has visual diagrams, thought experiments, quizzes, and hands-on challenges. Not just text — real learning."})]}),o.map((t,a)=>e.jsxs("div",{className:"mb-12",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center border-2",style:{backgroundColor:`${t.color}10`,borderColor:`${t.color}30`},children:e.jsx("span",{className:"text-sm font-bold",style:{color:t.color},children:a+1})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold",children:t.module}),e.jsxs("p",{className:"text-xs text-muted-foreground",children:[t.lessons.length," lessons"]})]})]}),e.jsx("div",{className:"space-y-3",children:t.lessons.map((n,d)=>{const p=a*3+d+1;return e.jsx(ee,{title:n.title,icon:n.icon,color:t.color,lessonNumber:p,testId:`card-lesson-${p}`,readTime:n.time,children:te(p)},n.title)})})]},t.module))]})}),e.jsx("section",{className:"py-16 bg-gradient-to-br from-[#7EC8D2]/10 via-background to-[#ED8A58]/10",children:e.jsxs("div",{className:"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-4",children:"10 Things Every Teen Should Know About AI"}),e.jsx("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto",children:"Qu

6ick facts that will make you the most AI-literate person in your friend group."})]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:[{num:1,text:"AI doesn't 'think' — it predicts. It looks at massive amounts of data and guesses the best next word, image, or action.",icon:i,color:"#7EC8D2"},{num:2,text:"ChatGPT was trained on more text than you could read in 10,000 lifetimes. That's how it 'knows' so much.",icon:x,color:"#ED8A58"},{num:3,text:"AI agents are different from chatbots. Agents can plan, use tools, and complete multi-step tasks on their own.",icon:L,color:"#27AE60"},{num:4,text:"You've used AI today without knowing it — Spotify recommendations, Instagram feeds, autocorrect, and Google search all use AI.",icon:f,color:"#7EC8D2"},{num:5,text:"AI can be wrong. It 'hallucinates' — meaning it confidently says things that aren't true. Always verify important information.",icon:b,color:"#ED8A58"},{num:6,text:"The best AI users aren't coders — they're great communicators. Writing clear instructions (prompts) is the #1 AI skill.",icon:E,color:"#27AE60"},{num:7,text:"AI can't replace creativity, empathy, leadership, or real human connection. These soft skills become MORE valuable as AI grows.",icon:M,color:"#E2B93B"},{num:8,text:"Companies are hiring 'AI coordinators' — people who manage AI tools. This job barely existed 2 years ago.",icon:W,color:"#7EC8D2"},{num:9,text:"You can build an AI agent right now with no code using tools like ChatGPT Custom GPTs, Zapier, or Make.com.",icon:A,color:"#ED8A58"},{num:10,text:"Learning AI at 16 puts you 10 years ahead of most adults. Seriously. Most people over 30 are just starting to figure this out.",icon:v,color:"#27AE60"}].map(t=>e.jsx(h,{className:"hover-elevate","data-testid":`card-ai-fact-${t.num}`,children:e.jsxs(u,{className:"p-5 flex gap-4",children:[e.jsx("div",{className:"w-11 h-11 rounded-xl flex items-center justify-center flex-shrink-0 border",style:{backgroundColor:`${t.color}10`,borderColor:`${t.color}20`},children:e.jsx(t.icon,{className:"h-5 w-5",style:{color:t.color}})}),e.jsxs("div",{children:[e.jsxs("span",{className:"text-xs font-bold uppercase tracking-wider",style:{color:t.color},children:["#",t.num]}),e.jsx("p",{className:"text-sm text-foreground leading-relaxed",children:t.text})]})]})},t.num))})]})}),e.jsx("section",{className:"py-16",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-center mb-4",children:"How to Build Your First AI Agent (No Code)"}),e.jsx("p",{className:"text-center text-muted-foreground mb-10 max-w-2xl mx-auto",children:"Follow these 5 steps and you'll have a working AI agent in under 30 minutes. For real."}),e.jsx("div",{className:"space-y-6",children:[{step:1,title:"Pick a Problem to Solve",description:"Start simple. What's something repetitive you do? Summarizing articles? Organizing notes? Answering common questions? That's your agent's job.",tip:"Good starter ideas: a study helper that quizzes you, a writing coach that improves your essays, or a job search assistant that finds listings."},{step:2,title:"Write Clear Instructions",description:"AI agents need a 'system prompt' — a set of instructions that tell them who they are, what they do, and how they should behave. Think of it like writing a job description.",tip:"Example: 'You are a friendly study tutor for a 16-year-old. You explain concepts simply using everyday examples. You ask follow-up questions to check understanding. You never give answers directly — you guide the student to figure it out.'"},{step:3,title:"Choose Your Platform",description:"You don't need to code. Use ChatGPT's Custom GPT builder, Google's NotebookLM, or Microsoft Copilot Studio. All free or have free tiers.",tip:"ChatGPT Custom GPTs are the easiest starting point — you literally just describe what you want in plain English."},{step:4,title:"Test and Improve",description:"Talk to your agent. Ask it hard questions. Find where it breaks. Then update your instructions to fix those gaps. This is called 'prompt engineering' — and it's a real career skill.",tip:"Try to break it on purpose. If your study tutor gives wrong math answers, add: 'Always double-check calculations step by step before answering.'"},{step:5,title:"Share It and Get Feedback",description:"Show your agent to friends, family, or classmates. Real users will find problems you didn't think of. Iterate and improve. That's how real products are built.",tip:"Put 'Built an AI agent' on your resume. Seriously. Employers will be impressed that a teenager built a working AI tool."}].map(t=>e.jsx(h,{className:"overflow-visible","data-testid":`card-agent-step-${t.step}`,children:e.jsx(u,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-gradient-to-br from-[#7EC8D2] to-[#5CB8C4] flex items-center justify-center flex-shrink-0 text-white font-bold text-lg shadow-lg",children:t.step}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-bold text-lg mb-2",children:t.title}),e.jsx("p",{className:"text-muted-foreground mb-3",children:t.description}),e.jsx("div",{className:"bg-[#27AE60]/5 border border-[#27AE60]/20 rounded-xl p-3",children:e.jsxs("p",{className:"text-sm text-foreground",children:[e.jsx("span",{className:"font-bold text-[#27AE60]",children:"Pro tip:"})," ",t.tip]})})]})]})})},t.step))})]})}),e.jsx("section",{className:"py-16 bg-gradient-to-br from-[#7EC8D2]/5 via-background to-[#27AE60]/5",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-center mb-4",children:"7 Free AI Tools Every Teen Should Try"}),e.jsx("p",{className:"text-center text-muted-foreground mb-10 max-w-2xl mx-auto",children:"All free (or free tiers). Real AI experience you can put on your resume."}),e.jsx("div",{className:"space-y-3",children:[{name:"ChatGPT",what:"Conversational AI for writing, brainstorming, and learning",why:"The most popular AI tool in the world. Learning to use it well is like learning to use Google in 2005.",free:!0},{name:"Google NotebookLM",what:"AI-powered research and note-taking tool",why:"Upload your textbooks and notes — it creates study guides, summaries, and even podcasts from your content.",free:!0},{name:"Canva AI",what:"AI-assisted graphic design and presentation creation",why:"Create professional social media posts, presentations, and resumes with AI layout and content suggestions.",free:!0},{name:"Grammarly",what:"AI writing assistant for grammar, tone, and clarity",why:"Makes every email, essay, and message more professional. Essential for workplace communication.",free:!0},{name:"Perplexity AI",what:"AI search engine that cites its sources",why:"Unlike ChatGPT, it shows you exactly where its information comes from. Great for research papers.",free:!0},{name:"Otter.ai",what:"AI meeting and lecture transcription",why:"Records and transcribes conversations. Perfect for turning class lectures into searchable study notes.",free:!0},{name:"Notion AI",what:"AI-powered workspace for organizing everything",why:"Plan projects, write documents, and manage tasks with AI assistance. Used by real companies everywhere.",free:!0}].map((t,a)=>e.jsx(h,{className:"hover-elevate","data-testid":`card-ai-tool-${a}`,children:e.jsx(u,{className:"p-5",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 border-2",style:{backgroundColor:a%3===0?"#7EC8D210":a%3===1?"#ED8A5810":"#27AE6010",borderColor:a%3===0?"#7EC8D230":a%3===1?"#ED8A5830":"#27AE6030"},children:e.jsx("span",{className:"text-sm font-bold",style:{color:a%3===0?"#7EC8D2":a%3===1?"#ED8A58":"#27AE60"},children:a+1})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap mb-1",children:[e.jsx("h3",{className:"font-bold",children:t.name}),t.free&&e.jsx(m,{variant:"secondary",className:"text-[10px] px-2 py-0",children:"Free"})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-1",children:t.what}),e.jsxs("p",{className:"text-sm text-foreground",children:[e.jsx("span",{className:"font-medium",children:"Why it matters:"})," ",t.why]})]})]})})},t.name))})]})}),e.jsx("section",{className:"py-16",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-center mb-4",children:"Frequently Asked Questions"}

6),e.jsx("div",{className:"space-y-4 mt-8",children:[{q:"Do I need to know how to code to learn AI?",a:"Not at all. This entire course is designed for people with zero coding experience. AI is a tool — and just like you don't need to be a mechanic to drive a car, you don't need to code to understand and use AI. The most valuable AI skill is clear communication (prompt writing), not programming."},{q:"Is this really 100% free?",a:"Yes. Every lesson, listicle, and guide on this page is completely free. No account needed, no credit card, no hidden charges. We believe AI education should be accessible to every young person, period."},{q:"What age is this for?",a:"We designed this for teens and young adults ages 14-22, but honestly anyone can benefit. The language is clear and jargon-free, so whether you're 15 or 25, you'll learn something new."},{q:"Can I put 'AI skills' on my resume?",a:"Absolutely. If you complete this course and build an AI agent, you can add 'AI Literacy,' 'Prompt Engineering,' and 'AI Agent Development' to your resume. These are real, in-demand skills that employers are actively looking for."},{q:"What's the difference between AI and AI agents?",a:"Regular AI (like ChatGPT) waits for you to ask it something. AI agents can plan ahead, use tools, and complete multi-step tasks on their own. Think of it this way: AI is like a smart assistant who answers questions. An AI agent is like an employee who can handle an entire project."},{q:"Will AI take my job?",a:"AI will change jobs, not eliminate all of them. The people most at risk are those who ignore AI. The people who thrive will be the ones who learn to work WITH AI. That's exactly what this course teaches you to do."}].map((t,a)=>e.jsx(h,{"data-testid":`card-faq-${a}`,children:e.jsxs(u,{className:"p-5",children:[e.jsx("h3",{className:"font-semibold mb-2",children:t.q}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:t.a})]})},a))})]})}),e.jsx("section",{className:"py-20 bg-gradient-to-r from-[#7EC8D2] via-[#5CB8C4] to-[#27AE60] text-white",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-4",children:"Ready to Build More Skills?"}),e.jsx("p",{className:"text-lg opacity-90 mb-8 max-w-2xl mx-auto",children:"AI is just one piece of the puzzle. Combine it with communication, teamwork, and professionalism to become truly unstoppable in the job market."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsxs(q,{size:"lg",className:"rounded-full px-8 bg-white text-[#7EC8D2] border-0 font-semibold",href:O.hero("learn_ai_cta"),"data-testid":"button-explore-all-skills",children:[e.jsx(H,{className:"mr-2 h-5 w-5"}),"Explore All Skills"]}),e.jsx(D,{href:"/tools",children:e.jsxs(j,{size:"lg",variant:"outline",className:"rounded-full px-8 border-white/30 text-white bg-white/10 backdrop-blur-sm","data-testid":"button-try-ai-tools",children:["Try Our AI Career Tools",e.jsx(k,{className:"ml-2 h-5 w-5"})]})})]})]})}),e.jsx(z,{})]})}function te(o){switch(o){case 1:return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-base text-foreground font-medium",children:["Here's the truth most people get wrong: ",e.jsx("strong",{children:"AI is not a robot."})," It's not a thinking machine. It's a tool — a really powerful pattern-matching tool."]}),e.jsx(y,{leftLabel:"What people think AI does",leftContent:"Thinks like a human brain, understands meaning, has feelings and opinions, is 'alive' in some way",rightLabel:"What AI actually does",rightContent:"Finds patterns in data, predicts the most likely next word/image, follows mathematical rules, has zero understanding",leftColor:"#ED8A58",rightColor:"#27AE60"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Imagine you showed someone a million photos of cats and dogs. After seeing enough examples, they could probably guess whether a new photo is a cat or a dog, right? That's essentially what AI does — but with billions of examples and at incredible speed."}),e.jsxs("div",{className:"bg-gradient-to-r from-[#7EC8D2]/10 to-[#7EC8D2]/5 rounded-xl p-5 border border-[#7EC8D2]/20",children:[e.jsx("p",{className:"text-center font-bold text-lg text-foreground mb-1",children:"AI = software that learns from examples and makes predictions"}),e.jsx("p",{className:"text-center text-sm text-muted-foreground",children:"When you ask ChatGPT a question, it's predicting the most likely next word — like the world's most advanced autocomplete."})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:[e.jsx(r,{icon:c,

6color:"#7EC8D2",title:"Narrow AI",children:"Does one thing well (Spotify recommendations, autocorrect). This is what exists today."}),e.jsx(r,{icon:i,color:"#ED8A58",title:"General AI",children:"Would do anything a human can. This doesn't exist yet — and may not for decades."}),e.jsx(r,{icon:S,color:"#27AE60",title:"Generative AI",children:"Creates new content — text, images, code, music. ChatGPT, DALL-E, Midjourney."})]}),e.jsx(w,{question:"Quick check: When ChatGPT writes a poem, is it being creative or running math?",answer:"Running math! It's predicting the most statistically likely next word based on patterns from millions of poems it was trained on. It has no concept of beauty, emotion, or meaning — it just knows which words tend to follow other words in poetry."}),e.jsx(l,{color:"#7EC8D2",children:"AI is a tool, not magic. Understanding what it actually does (pattern matching and prediction) makes you smarter than 90% of adults talking about AI right now."})]});case 2:return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-base text-foreground font-medium",children:["AI learns through a process called ",e.jsx("strong",{children:"machine learning"}),". Here's how it works, explained with something you already understand:"]}),e.jsx(y,{leftLabel:"Teaching a toddler",leftContent:"You point at chairs — kitchen chairs, office chairs, bean bags. Eventually the kid just 'gets it' and can spot chairs they've never seen.",rightLabel:"Teaching an AI",rightContent:"You show it thousands of labeled examples. It finds what makes each category different. Then it can classify new things it's never seen.",leftColor:"#ED8A58",rightColor:"#7EC8D2"}),e.jsx(N,{color:"#7EC8D2",steps:[{label:"Feed Examples",icon:x},{label:"Find Patterns",icon:i},{label:"Test It",icon:c},{label:"Improve",icon:G},{label:"Deploy",icon:v}]}),e.jsx(r,{icon:f,color:"#ED8A58",title:"Scale is Everything",children:"ChatGPT was trained on a massive chunk of the internet — books, websites, articles, conversations. It learned patterns of language so well that it generates text that sounds convincingly human."}),e.jsx(w,{question:"Why does ChatGPT sometimes get things wrong if it was trained on so much data?",answer:"Because it learned patterns, not facts. If many sources say something incorrect, the AI learns that incorrect pattern. It also can't tell the difference between a factual article and a fictional story — it just knows which words tend to go together."}),e.jsx(l,{color:"#ED8A58",children:`AI doesn't "understand" like humans do. It recognizes patterns in data. The better the data and the more examples, the better the AI performs.`})]});case 3:return e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-base text-foreground font-medium",children:"You probably used AI at least 10 times today without realizing it:"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[{name:"Social Media",detail:"TikTok, Instagram, YouTube — AI picks what you see",color:"#7EC8D2"},{name:"Your Keyboard",detail:"Autocorrect and predictive text — that's AI",color:"#ED8A58"},{name:"Music Apps",detail:"Spotify/Apple Music playlists — AI curates them",color:"#27AE60"},{name:"Google Search",detail:"AI ranks results by relevance to YOU",color:"#E2B93B"},{name:"Face ID",detail:"Your phone recognizes your face using AI",color:"#7EC8D2"},{name:"Video Games",detail:"NPCs react to your gameplay using AI",color:"#ED8A58"},{name:"Snap Filters",detail:"AI detects your face in real-time",color:"#27AE60"},{name:"Netflix",detail:"'Because you watched...' = AI algorithm",color:"#E2B93B"}].map((s,t)=>e.jsxs("div",{className:"rounded-xl p-3 border text-center",style:{backgroundColor:`${s.color}08`,borderColor:`${s.color}20`},children:[e.jsx("p",{className:"font-bold text-xs",style:{color:s.color},children:s.name}),e.jsx("p",{className:"text-[11px] text-muted-foreground mt-1",children:s.detail})]},t))}),e.jsxs(I,{children:[e.jsx("p",{className:"font-medium mb-2",children:"Count your AI interactions today:"}),e.jsx("p",{children:"For the next hour, try to notice every time AI is involved in something you do. You'll be shocked — it's probably 20+ times. Social media scroll? AI. Google something? AI. Unlock phone? AI. Get a notification? Probably AI decided to send it."})]}),e.jsx(l,{color:"#27AE60",children:"AI is already woven into your daily life. Understanding how it works doesn't just make you smarter — it helps you make better decisions about the tech you use every day."})]});case 4:return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-base text-foreground font-medium",children:["This is where things get exciting. An ",e.jsx("strong",{children:"AI agent"})," is fundamentally different from a chatbot:"]}),e.jsx(y,{leftLabel:"Regular Chatbot",leftContent:`"What's the weather in New York?" — "It's 72 and sunny." Waits for your next question. Can only respond.`,rightLabel:"AI Agent",rightContent:'"Plan me a weekend trip to New York" — Checks weather, finds hotels, books restaurants, creates itinerary, emails it to you. Autonomous.',leftColor:"#ED8A58",rightColor:"#27AE60"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsx(r,{icon:c,

6color:"#7EC8D2",title:"Plans Ahead",children:"Breaks big tasks into smaller steps and executes them in order"}),e.jsx(r,{icon:F,color:"#ED8A58",title:"Uses Tools",children:"Searches the web, reads files, sends emails, writes code"}),e.jsx(r,{icon:i,color:"#27AE60",title:"Makes Decisions",children:"Chooses the best action based on the current situation"}),e.jsx(r,{icon:v,color:"#E2B93B",title:"Works Autonomously",children:"Completes multi-step projects without constant input"})]}),e.jsx(r,{icon:W,color:"#7EC8D2",title:"Real Agents Working Right Now",children:"Customer service bots resolving issues without humans. Coding assistants that write and test software. Research agents that read hundreds of papers. Personal assistants managing calendars and emails."}),e.jsx(w,{question:"Will your future boss be an AI agent?",answer:"Probably not your boss — but your AI coworker is almost guaranteed. AI agents will handle routine tasks, research, scheduling, and data analysis. Humans will focus on creativity, relationships, strategy, and judgment. The people who know how to work WITH agents will be the most valuable employees."}),e.jsx(l,{color:"#ED8A58",children:"AI agents are the next evolution of AI. Understanding them now puts you years ahead — agents will be everywhere in the next 3-5 years."})]});case 5:return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-base text-foreground font-medium",children:["Every AI agent follows a cycle called the ",e.jsx("strong",{children:"Agent Loop"}),":"]}),e.jsx(N,{color:"#ED8A58",steps:[{label:"Perceive",icon:C},{label:"Think",icon:i},{label:"Act",icon:P},{label:"Observe",icon:c},{label:"Repeat",icon:G}]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[e.jsx(r,{icon:C,color:"#7EC8D2",title:"1. Perceive",children:"Receives input — your instructions, data from tools, information from the environment"}),e.jsx(r,{icon:i,color:"#ED8A58",title:"2. Think",children:"Processes information and decides what to do next (the AI model does its work here)"}),e.jsx(r,{icon:P,color:"#27AE60",title:"3. Act",children:"Takes an action — searches the web, writes something, sends a message"}),e.jsx(r,{icon:c,color:"#E2B93B",title:"4. Observe & Repeat",children:"Checks results, decides whether to continue, try differently, or declare done"})]}),e.jsxs("div",{className:"rounded-xl border-2 border-[#ED8A58]/20 p-5 bg-[#ED8A58]/5",children:[e.jsx("h4",{className:"font-bold text-foreground mb-3",children:"The 4 Key Components of Every Agent:"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(_,{className:"h-4 w-4 text-[#7EC8D2] flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("span",{className:"font-bold text-sm",children:"System Prompt"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:'The "personality" and rules'})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(F,{className:"h-4 w-4 text-[#ED8A58] flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("span",{className:"font-bold text-sm",children:"Tools"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Web search, file reading, etc."})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(i,{className:"h-4 w-4 text-[#27AE60] flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("span",{className:"font-bold text-sm",children:"Memory"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Remembers context"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(b,{className:"h-4 w-4 text-[#E2B93B] flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("span",{className:"font-bold text-sm",children:"Guardrails"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Prevents harmful actions"})]})]})]})]}),e.jsx(l,{color:"#7EC8D2",children:"Agents work in a loop: perceive, think, act, observe, repeat. Understanding this cycle means you can design better agents and troubleshoot when they go wrong."})]});case 6:return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-base text-foreground font-medium",children:["You can build a working AI agent today with ",e.jsx("strong",{children:"zero coding."})," Here are three paths:"]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"rounded-xl border-2 border-[#27AE60]/30 p-5 bg-[#27AE60]/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(m,{className:"bg-[#27AE60] text-white border-0 text-[10px]",children:"Easiest"}),e.jsx("h4",{className:"font-bold text-foreground",children:"Option 1: ChatGPT Custom GPTs"})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-2",children:'Go to chat.openai.com → "Explore GPTs" → "Create." Describe your agent in plain English. Give it a name, instructions, and optionally upload files. Done — you have an agent.'}),e.jsx("p",{className:"text-xs font-medium text-[#27AE60]",children:"Time: 10-1

65 minutes"})]}),e.jsxs("div",{className:"rounded-xl border-2 border-[#7EC8D2]/30 p-5 bg-[#7EC8D2]/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(m,{className:"bg-[#7EC8D2] text-white border-0 text-[10px]",children:"Best for Learning"}),e.jsx("h4",{className:"font-bold text-foreground",children:"Option 2: Google NotebookLM"})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-2",children:"Upload study materials — textbooks, notes, articles. NotebookLM creates an AI that ONLY references YOUR materials. Generates study guides, flashcards, even audio overviews. Won't hallucinate because it only uses sources you provide."}),e.jsx("p",{className:"text-xs font-medium text-[#7EC8D2]",children:"Time: 5-10 minutes"})]}),e.jsxs("div",{className:"rounded-xl border-2 border-[#ED8A58]/30 p-5 bg-[#ED8A58]/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(m,{className:"bg-[#ED8A58] text-white border-0 text-[10px]",children:"Most Powerful"}),e.jsx("h4",{className:"font-bold text-foreground",children:"Option 3: Microsoft Copilot Studio"})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-2",children:"Build agents that connect to websites, databases, and services. More advanced, but still no-code. Great for building something that actually DOES things beyond chatting."}),e.jsx("p",{className:"text-xs font-medium text-[#ED8A58]",children:"Time: 20-30 minutes"})]})]}),e.jsxs(I,{children:[e.jsx("p",{className:"font-medium mb-2",children:"Your challenge right now:"}),e.jsx("p",{children:"Pick Option 1. Go to ChatGPT, create a Custom GPT that acts as a study buddy for your hardest class. Give it specific instructions about how to quiz you, explain concepts, and check your understanding. Test it with real homework questions. This should take less than 15 minutes — and you'll have a working AI agent."})]}),e.jsx(l,{color:"#27AE60",children:"You don't need to be a programmer to build AI tools. The most important skill is being able to write clear, specific instructions. That's a communication skill — not a technical one."})]});case 7:return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-base text-foreground font-medium",children:["AI can make you a dramatically better writer — if you use it ",e.jsx("strong",{children:"the right way:"})]}),e.jsx(y,{leftLabel:"Wrong Way (Don't Do This)",leftContent:"'Write my essay about climate change.' You submit AI-generated text as your own work. Teachers and employers can detect this.",rightLabel:"Right Way (Do This)",rightContent:"Use AI as a writing coach — brainstorm angles, get feedback on YOUR draft, improve tone and clarity. Your ideas, AI polish.",leftColor:"#ED8A58",rightColor:"#27AE60"}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[e.jsx(r,{icon:T,color:"#7EC8D2",title:"Brainstorming",children:'"Give me 10 angles for an essay about climate change"'}),e.jsx(r,{icon:A,color:"#ED8A58",title:"Outlining",children:'"Help me organize these ideas into a logical structure"'}),e.jsx(r,{icon:c,color:"#27AE60",title:"Feedback",children:'"What are the 3 weakest parts of this essay?"'}),e.jsx(r,{icon:E,color:"#E2B93B",title:"Tone & Grammar",children:'"Make this sound more professional" or "Check for errors"'})]}),e.jsxs("div",{className:"bg-gradient-to-r from-[#ED8A58]/10 to-[#ED8A58]/5 rounded-xl p-5 border border-[#ED8A58]/20 text-center",children:[e.jsx("p",{className:"font-bold text-foreground text-lg",children:"Your Ideas + AI Polish = Unstoppable"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Employers can't detect AI-improved content — because the ideas are still authentically yours."})]}),e.jsxs(I,{children:[e.jsx("p",{className:"font-medium mb-2",children:"Practice right now:"}),e.jsx("p",{children:`Take something you've already written — an essay, an email, a social media post. Paste it into ChatGPT and ask: "What are the 3 weakest parts of this writing and how can I improve them?" Then rewrite it yourself using the suggestions. Compare the before and after.`})]}),e.jsx(l,{color:"#ED8A58",children:"The best AI writers use AI as a coach, not a ghostwriter. Your ideas + AI polish = writing that's authentically yours AND professionally excellent."})]});case 8:return e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-base text-foreground font-medium",children:"AI is the most powerful research tool ever created — but only if you use it properly:"}),e.jsx(N,{color:"#27AE60",steps:[{label:"Research (Perplexity)",icon:f},{label:"Understand (ChatGPT)",icon:i},{label:"Organize (NotebookLM)",icon:x},{label:"Study (Flashcards)",icon:A},{label:"Test (AI Quiz)",icon:c}]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[e.jsx(r,{icon:f,color:"#7EC8D2",title:"Step 1: Research",children:"Start with Perplexity AI — it gives sourced answers you can verify. Unlike ChatGPT, it shows where info comes from."}),e.jsx(r,{icon:i,color:"#ED8A58",title:"Step 2: Understand",children:`Use ChatGPT to explain confusing concepts: "Explain quantum computing like I'm 15"`}),e.jsx(r,{icon:x,color:"#27AE60",title:"Step 3: Organize",children:"Use NotebookLM to organize notes and generate study materials from your sources"}

6),e.jsx(r,{icon:c,color:"#E2B93B",title:"Step 4: Test",children:"Have AI quiz you and explain what you got wrong. Active recall beats re-reading every time."})]}),e.jsxs("div",{className:"rounded-xl border-2 border-[#ED8A58]/30 p-4 bg-[#ED8A58]/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(b,{className:"h-5 w-5 text-[#ED8A58]"}),e.jsx("h4",{className:"font-bold text-foreground",children:"Critical Rule: ALWAYS Verify"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:`AI can be confidently wrong. Ask: "What sources support this claim?" If it can't cite real sources, verify the information yourself. Never trust AI for medical, legal, or safety information without checking.`})]}),e.jsx(l,{color:"#7EC8D2",children:"AI is a research accelerator, not a replacement for critical thinking. Use it to learn faster, understand deeper, and study smarter — but always think for yourself."})]});case 9:return e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-base text-foreground font-medium",children:"With great power comes real responsibility. AI ethics isn't academic — it affects real people every day."}),e.jsx("div",{className:"space-y-3",children:[{num:1,title:"Don't claim AI work as your own",detail:"If AI wrote most of your essay, that's dishonest. Use AI to improve YOUR work, not replace your effort.",icon:J,color:"#7EC8D2"},{num:2,title:"Never share personal info with AI",detail:"AI chatbots store conversations. Never share passwords, financial info, or addresses. Treat it like a public conversation.",icon:b,color:"#ED8A58"},{num:3,title:"Be aware of AI bias",detail:"AI learns from human data, which contains human biases. Question outputs that seem unfair or one-sided.",icon:M,color:"#27AE60"},{num:4,title:"Verify before you share",detail:"AI creates convincing false content. Check facts before sharing AI-generated information. Misinformation spreads fast.",icon:V,color:"#E2B93B"},{num:5,title:"Use AI to lift people up",detail:"AI can be used to cheat and deceive — or to learn, create, and help others. Choose the second path.",icon:Z,color:"#7EC8D2"}].map(s=>e.jsxs("div",{className:"rounded-xl p-4 border flex items-start gap-4",style:{backgroundColor:`${s.color}05`,borderColor:`${s.color}20`},children:[e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 border",style:{backgroundColor:`${s.color}15`,borderColor:`${s.color}30`},children:e.jsx(s.icon,{className:"h-5 w-5",style:{color:s.color}})}),e.jsxs("div",{children:[e.jsxs("h4",{className:"font-bold text-sm text-foreground",children:[s.num,". ",s.title]}),e.jsx("p",{className:"text-sm text-muted-foreground mt-0.5",children:s.detail})]})]},s.num))}),e.jsx(w,{question:"Is it okay to use AI to help you with a school assignment?",answer:"Yes — IF you use it as a learning tool, not a shortcut. Using AI to explain concepts you don't understand, check your work for errors, or brainstorm ideas is perfectly fine. Having AI write your assignment for you is cheating. The line is: are you learning, or are you skipping the learning?"}),e.jsx(l,{color:"#27AE60",children:"Being AI-literate means being AI-responsible. The teens who use AI ethically will build the trust and reputation that opens real career doors."})]});default:return e.jsx("p",{children:"Content coming soon."})}}export{Ue as default};