https://edu.agileclassrooms.com/assets/classrooms-DbuceWLK.js

1import{j as e,f as t,L as i,E as l,U as c,d,B as m,i as h}from"./index-DkTmVz0_.js";import{T as g}from"./timer-82Baxp4a.js";import{G as p}from"./graduation-cap-DWzUrIGq.js";const x=[{icon:l,title:"Make Learning Visible",body:"Students can see the goals, work, progress, and evidence of learning."},{icon:g,title:"Facilitate Learning Sprints",body:"The class works in short cycles to refine, plan, check in, review, and improve."},{icon:c,title:"Grow Collaboration",body:"Students move from working near each other toward shared responsibility and stronger teamwork."},{icon:d,title:"Grow Choice",body:"Students gradually take on more meaningful decisions about their learning."}],u=[{icon:m,title:"Read the Framework Guide",body:"Understand the full model, routines, and implementation details.",cta:"Read the Guide",to:"/guide"},{icon:h,title:"Explore Classroom Resources",body:"Find templates, visuals, and reusable artifacts for trying Agile Classroom routines.",cta:"Explore Resources",to:"/resources"},{icon:p,title:"View Courses",body:"See learning options for educators, coaches, and school teams.",cta:"View Courses",to:"/courses"}];function j(){return e.jsxs("main",{className:"content-page classrooms-page",children:[e.jsxs("section",{"aria-labelledby":"cl-hero-title",children:[e.jsx("p",{style:{fontFamily:"Montserrat, system-ui, sans-serif",textTransform:"uppercase",letterSpacing:"0.14em",fontSize:"0.78rem",color:"var(--ac-teal, #006581)",margin:"0 0 0.6rem",fontWeight:600},children:"For Classrooms"}),e.jsx("h1",{id:"cl-hero-title",children:"Agile Classrooms Framework"}),e.jsx("p",{className:"lede",children:"Build classrooms where students make learning visible, manage more of their work, collaborate with purpose, and improve through short learning cycles."}),e.jsxs("div",{className:"cta-row",children:[e.jsxs("a",{className:"site-cta",href:"#four-elements",children:["See How It Works",e.jsx(t,{size:16,"aria-hidden":"true"})]}),e.jsx(i,{className:"site-cta site-cta-secondary",to:"/guide",children:"Read the Guide"})]})]}),e.jsxs("section",{"aria-labelledby":"cl-snapshot-title",style:{marginTop:"3rem"},children:[e.jsx("h2",{id:"cl-snapshot-title",style:{fontFamily:"Montserrat, system-ui, sans-serif",color:"var(--ac-blue)",marginTop:0,marginBottom:"0.6rem"},children:"A practical structure for student ownership"}),e.jsx("p",{children:"Agile Classrooms brings together visible learning, learning sprints, collaboration, and choice. Use this overview to see how the pieces fit together, then go deeper in the full guide when you are ready to apply it."}),e.jsx("figure",{style:{margin:"1.5rem 0 0"},children:e.jsx("img",{src:"/generated/ac-framework-reference-v11.jpg",width:1536,height:1024,loading:"lazy",decoding:"async",alt:"Agile Classrooms Framework diagram showing a learning sprint, student collaboration, classroom spectrums, and four framework elements.",style:{width:"100%",height:"auto",borderRadius:"12px",border:"1px solid rgba(39, 58, 68, 0.10)",background:"#fff"}})})]}),e.jsxs("section",{id:"four-elements","aria-labelledby":"cl-elements-title",style:{marginTop:"3rem",scrollMarginTop:"5rem"},children:[e.jsx("h2",{id:"cl-elements-title",style:{fontFamily:"Montserrat, system-ui, sans-serif",color:"var(--ac-blue)",marginTop:0,marginBottom:"1.25rem"},children:"The Four Elements Of An Agile Classroom"}),e.jsx("ul",{className:"cl-element-grid",children:x.map(({icon:s,title:r,body:a})=>e.jsxs("li",{className:"cl-element-card",children:[e.jsx("span",{className:"cl-element-icon","aria-hidden":"true",children:e.jsx(s,{size:20,strokeWidth:2})}),e.jsx("h3",{children:r}),e.jsx("p",{children:a})]},r))})]}),e.jsxs("section",{"aria-labelledby":"cl-bridge-title",style:{marginTop:"3rem",padding:"1.75rem 1.5rem",background:"rgba(191, 241, 255, 0.32)",borderRadius:"14px"},children:[e.jsx("h2",{id:"cl-bridge-title",style:{fontFamily:"Montserrat, system-ui, sans-serif",color:"var(--ac-blue)",marginTop:0,marginBottom:"0.6rem"},children:"How Students Stay on Track"}),e.jsx("p",{style:{margin:0},children:"Agile Classrooms builds in regular moments to ask: What are we working toward? What progress can we see? What is blocked? What needs feedback? What should change next?"})]}

1),e.jsxs("section",{"aria-labelledby":"cl-next-title",style:{marginTop:"3rem"},children:[e.jsx("h2",{id:"cl-next-title",style:{fontFamily:"Montserrat, system-ui, sans-serif",color:"var(--ac-blue)",marginTop:0,marginBottom:"1.25rem"},children:"Choose Your Next Step"}),e.jsx("ul",{className:"cl-next-grid",children:u.map(({icon:s,title:r,body:a,cta:o,to:n})=>e.jsxs("li",{className:"cl-next-card",children:[e.jsx("span",{className:"cl-element-icon","aria-hidden":"true",children:e.jsx(s,{size:20,strokeWidth:2})}),e.jsx("h3",{children:r}),e.jsx("p",{children:a}),e.jsxs(i,{to:n,className:"cl-next-cta",children:[o,e.jsx(t,{size:14,"aria-hidden":"true"})]})]},r))})]}),e.jsx("style",{children:`
2        .classrooms-page { max-width: 1040px; }
3        .cl-element-grid,
4        .cl-next-grid {
5          list-style: none;
6          padding: 0;
7          margin: 0;
8          display: grid;
9          gap: 1rem;
10          grid-template-columns: repeat(2, minmax(0, 1fr));
11        }
12        .cl-next-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
13        @media (max-width: 720px) {
14          .cl-element-grid,
15          .cl-next-grid { grid-template-columns: 1fr; }
16        }
17        .cl-element-card,
18        .cl-next-card {
19          background: #fff;
20          border: 1px solid rgba(39, 58, 68, 0.12);
21          border-radius: 12px;
22          padding: 1.15rem 1.1rem 1.2rem;
23          display: flex;
24          flex-direction: column;
25          gap: 0.5rem;
26          transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
27        }
28        .cl-element-card:hover,
29        .cl-next-card:hover {
30          border-color: rgba(0, 113, 184, 0.35);
31          box-shadow: 0 10px 22px -14px rgba(0, 113, 184, 0.35);
32          transform: translateY(-1px);
33        }
34        .cl-element-icon {
35          display: inline-flex;
36          align-items: center;
37          justify-content: center;
38          width: 36px;
39          height: 36px;
40          border-radius: 9px;
41          background: rgba(0, 113, 184, 0.10);
42          color: var(--ac-blue);
43        }
44        .cl-element-card h3,
45        .cl-next-card h3 {
46          font-family: "Montserrat", system-ui, sans-serif;
47          font-size: 1.02rem;
48          font-weight: 700;
49          color: var(--ac-slate);
50          margin: 0.15rem 0 0;
51        }
52        .cl-element-card p,
53        .cl-next-card p {
54          font-size: 0.95rem;
55          line-height: 1.5;
56          color: rgba(39, 58, 68, 0.82);
57          margin: 0;
58        }
59        .cl-next-card { justify-content: space-between; }
60        .cl-next-cta {
61          display: inline-flex;
62          align-items: center;
63          gap: 0.35rem;
64          margin-top: 0.6rem;
65          color: var(--ac-blue);
66          font-weight: 600;
67          font-size: 0.92rem;
68          text-decoration: none;
69          align-self: flex-start;
70        }
71        .cl-next-cta:hover,
72        .cl-next-cta:focus-visible { color: var(--ac-blue-dark); text-decoration: underline; }
73      `})]})}export{j as component};