@jxsuite/starters 0.34.0 → 0.35.1

package/sites/course/components/co-pricing.json

@@ -15,45 +15,65 @@
     "maxWidth": "460px",
     "margin": "0 auto",
     "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
+    "border": "1px solid var(--color-border-strong)",
     "borderRadius": "1rem",
     "overflow": "hidden",
-    "boxShadow": "0 20px 60px rgba(15,23,42,0.1)"
+    "boxShadow": "0 30px 70px -34px rgba(15,20,36,0.5)"
   },
   "children": [
     {
       "tagName": "div",
       "style": {
-        "display": "${state.badge ? 'block' : 'none'}",
+        "display": "${state.badge ? 'flex' : 'none'}",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "gap": "0.5rem",
         "backgroundColor": "var(--color-primary)",
         "color": "var(--color-text-white)",
-        "textAlign": "center",
-        "padding": "0.6rem 1rem",
-        "fontSize": "0.8rem",
-        "fontWeight": "700",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.08em"
+        "padding": "0.65rem 1rem",
+        "fontFamily": "var(--font-mono)",
+        "fontSize": "0.78rem",
+        "fontWeight": "600",
+        "letterSpacing": "0.02em"
       },
-      "textContent": "${state.badge}"
+      "children": [
+        {
+          "tagName": "span",
+          "style": {
+            "width": "0.45rem",
+            "height": "0.45rem",
+            "borderRadius": "999px",
+            "backgroundColor": "var(--color-accent)"
+          }
+        },
+        { "tagName": "span", "textContent": "${state.badge}" }
+      ]
     },
     {
       "tagName": "div",
-      "style": { "padding": "clamp(1.75rem, 4vw, 2.5rem)" },
+      "style": { "padding": "clamp(1.85rem, 4vw, 2.5rem)" },
       "children": [
         {
           "tagName": "div",
           "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "700",
+            "fontFamily": "var(--font-mono)",
+            "fontSize": "0.8rem",
+            "fontWeight": "600",
+            "textTransform": "uppercase",
+            "letterSpacing": "0.08em",
             "color": "var(--color-text-muted)",
-            "marginBottom": "0.5rem"
+            "marginBottom": "0.75rem"
           },
           "textContent": "${state.plan}"
         },
         {
           "tagName": "div",
-          "style": { "display": "flex", "alignItems": "baseline", "gap": "0.4rem" },
+          "style": {
+            "display": "flex",
+            "alignItems": "baseline",
+            "gap": "0.5rem",
+            "flexWrap": "wrap"
+          },
           "children": [
             {
               "tagName": "span",
@@ -62,7 +82,8 @@
                 "fontSize": "clamp(2.5rem, 6vw, 3.25rem)",
                 "fontWeight": "800",
                 "letterSpacing": "-0.03em",
-                "lineHeight": "1"
+                "lineHeight": "1",
+                "color": "var(--color-text-primary)"
               },
               "textContent": "${state.price}"
             },
@@ -70,8 +91,9 @@
               "tagName": "span",
               "style": {
                 "display": "${state.period ? 'inline' : 'none'}",
+                "fontFamily": "var(--font-mono)",
                 "color": "var(--color-text-muted)",
-                "fontSize": "1rem",
+                "fontSize": "0.9rem",
                 "fontWeight": "500"
               },
               "textContent": "${state.period}"
@@ -93,8 +115,26 @@
           "tagName": "div",
           "style": {
             "margin": "0 0 1.75rem",
+            "paddingTop": "1.5rem",
+            "borderTop": "1px solid var(--color-border)",
             "fontSize": "0.98rem",
-            "lineHeight": "1.6"
+            "lineHeight": "1.6",
+            "& ul": { "listStyle": "none", "margin": "0", "padding": "0" },
+            "& li": {
+              "position": "relative",
+              "paddingLeft": "1.7rem",
+              "marginBottom": "0.65rem",
+              "color": "var(--color-text-primary)"
+            },
+            "& li::before": {
+              "content": "'✔'",
+              "position": "absolute",
+              "left": "0",
+              "top": "0",
+              "color": "#65a30d",
+              "fontWeight": "700",
+              "fontFamily": "var(--font-mono)"
+            }
           },
           "children": [{ "tagName": "slot" }]
         },
@@ -106,13 +146,17 @@
             "textAlign": "center",
             "backgroundColor": "var(--color-primary)",
             "color": "var(--color-text-white)",
-            "padding": "0.9rem 1.5rem",
-            "borderRadius": "var(--radius)",
+            "padding": "0.95rem 1.5rem",
+            "borderRadius": "999px",
             "fontSize": "1.05rem",
-            "fontWeight": "700",
+            "fontWeight": "600",
             "textDecoration": "none",
-            "transition": "background-color 0.15s",
-            ":hover": { "backgroundColor": "var(--color-primary-hover)" }
+            "boxShadow": "0 14px 30px -14px rgba(79,70,229,0.9)",
+            "transition": "background-color 0.15s, transform 0.15s",
+            ":hover": {
+              "backgroundColor": "var(--color-primary-hover)",
+              "transform": "translateY(-1px)"
+            }
           },
           "textContent": "${state.cta}"
         },
@@ -122,7 +166,8 @@
             "display": "${state.note ? 'block' : 'none'}",
             "margin": "1rem 0 0",
             "textAlign": "center",
-            "fontSize": "0.85rem",
+            "fontFamily": "var(--font-mono)",
+            "fontSize": "0.78rem",
             "color": "var(--color-text-muted)"
           },
           "textContent": "${state.note}"

package/sites/course/components/co-section-header.json

@@ -2,6 +2,7 @@
   "tagName": "co-section-header",
   "state": {
     "eyebrow": "",
+    "index": "",
     "heading": "",
     "subheading": "",
     "align": "center"
@@ -9,32 +10,49 @@
   "style": {
     "display": "block",
     "maxWidth": "var(--max-width-narrow)",
-    "margin": "0 auto 2.5rem",
+    "margin": "0 auto 2.75rem",
     "textAlign": "${state.align}"
   },
   "children": [
     {
-      "tagName": "p",
+      "tagName": "div",
       "style": {
-        "display": "${state.eyebrow ? 'block' : 'none'}",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.16em",
+        "display": "${state.eyebrow ? 'flex' : 'none'}",
+        "alignItems": "center",
+        "gap": "0.6rem",
+        "justifyContent": "${state.align === 'center' ? 'center' : 'flex-start'}",
+        "fontFamily": "var(--font-mono)",
         "fontSize": "0.8rem",
-        "fontWeight": "700",
-        "color": "var(--color-primary)",
-        "margin": "0 0 0.75rem"
+        "fontWeight": "600",
+        "margin": "0 0 0.9rem"
       },
-      "textContent": "${state.eyebrow}"
+      "children": [
+        { "tagName": "span", "style": { "color": "var(--color-text-faint)" }, "textContent": "//" },
+        {
+          "tagName": "span",
+          "style": { "color": "var(--color-primary)", "letterSpacing": "0.02em" },
+          "textContent": "${state.eyebrow}"
+        },
+        {
+          "tagName": "span",
+          "style": {
+            "display": "${state.index ? 'inline' : 'none'}",
+            "color": "var(--color-text-faint)"
+          },
+          "textContent": "· ${state.index}"
+        }
+      ]
     },
     {
       "tagName": "h2",
       "style": {
         "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
+        "fontSize": "clamp(1.9rem, 3.8vw, 2.65rem)",
         "fontWeight": "800",
-        "lineHeight": "1.15",
-        "letterSpacing": "-0.02em",
-        "margin": "0"
+        "lineHeight": "1.12",
+        "letterSpacing": "-0.03em",
+        "margin": "0",
+        "color": "var(--color-text-primary)"
       },
       "textContent": "${state.heading}"
     },
@@ -43,9 +61,12 @@
       "style": {
         "display": "${state.subheading ? 'block' : 'none'}",
         "fontSize": "1.1rem",
-        "lineHeight": "1.7",
+        "lineHeight": "1.65",
         "color": "var(--color-text-muted)",
-        "margin": "1rem 0 0"
+        "margin": "1rem 0 0",
+        "maxWidth": "${state.align === 'center' ? '60ch' : 'none'}",
+        "marginLeft": "${state.align === 'center' ? 'auto' : '0'}",
+        "marginRight": "${state.align === 'center' ? 'auto' : '0'}"
       },
       "textContent": "${state.subheading}"
     }

package/sites/course/components/co-testimonial-card.json

@@ -6,47 +6,102 @@
     "role": ""
   },
   "style": {
-    "display": "block",
-    "padding": "1.75rem",
+    "display": "flex",
+    "flexDirection": "column",
+    "padding": "1.85rem",
     "backgroundColor": "var(--color-bg-white)",
     "border": "1px solid var(--color-border)",
     "borderRadius": "var(--radius)",
-    "boxShadow": "0 4px 20px rgba(15,23,42,0.05)"
+    "boxShadow": "0 8px 26px -18px rgba(15,20,36,0.4)"
   },
   "children": [
     {
       "tagName": "div",
       "style": {
-        "color": "#f59e0b",
-        "fontSize": "1.1rem",
-        "marginBottom": "0.75rem",
-        "letterSpacing": "0.1em"
+        "display": "flex",
+        "alignItems": "center",
+        "gap": "0.6rem",
+        "marginBottom": "1rem"
       },
-      "textContent": "★★★★★"
+      "children": [
+        {
+          "tagName": "span",
+          "style": { "color": "#eab308", "fontSize": "0.95rem", "letterSpacing": "0.1em" },
+          "textContent": "★★★★★"
+        },
+        {
+          "tagName": "span",
+          "style": {
+            "fontFamily": "var(--font-mono)",
+            "fontSize": "0.7rem",
+            "color": "#65a30d",
+            "fontWeight": "600"
+          },
+          "textContent": "hired ✔"
+        }
+      ]
     },
     {
       "tagName": "p",
       "style": {
         "fontFamily": "var(--font-heading)",
-        "fontSize": "1.1rem",
-        "lineHeight": "1.6",
+        "fontSize": "1.08rem",
+        "lineHeight": "1.55",
         "fontWeight": "500",
-        "margin": "0 0 1.25rem"
+        "letterSpacing": "-0.01em",
+        "margin": "0 0 1.35rem",
+        "color": "var(--color-text-primary)",
+        "flex": "1"
       },
       "textContent": "“${state.quote}”"
     },
     {
       "tagName": "div",
+      "style": {
+        "display": "flex",
+        "alignItems": "center",
+        "gap": "0.75rem",
+        "paddingTop": "1rem",
+        "borderTop": "1px solid var(--color-border)"
+      },
       "children": [
         {
           "tagName": "div",
-          "style": { "fontWeight": "700" },
-          "textContent": "${state.author}"
+          "style": {
+            "flex": "none",
+            "display": "flex",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "width": "2.4rem",
+            "height": "2.4rem",
+            "borderRadius": "999px",
+            "backgroundColor": "var(--color-indigo-050)",
+            "border": "1px solid var(--color-indigo-line)",
+            "color": "var(--color-primary)",
+            "fontFamily": "var(--font-mono)",
+            "fontWeight": "700",
+            "fontSize": "1rem"
+          },
+          "textContent": "❯"
         },
         {
           "tagName": "div",
-          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
-          "textContent": "${state.role}"
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "fontWeight": "700",
+                "fontSize": "0.95rem",
+                "color": "var(--color-text-primary)"
+              },
+              "textContent": "${state.author}"
+            },
+            {
+              "tagName": "div",
+              "style": { "fontSize": "0.85rem", "color": "var(--color-text-muted)" },
+              "textContent": "${state.role}"
+            }
+          ]
         }
       ]
     }

package/sites/course/pages/about.md

@@ -3,18 +3,17 @@ title: "About — Craft & Code Academy"
 ---
 
 :::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="Our approach" props.heading="We teach the way people actually learn" props.subheading="By building real things, with real support, in a real community."}
+::co-section-header{props.eyebrow="our approach" props.heading="We teach the way people actually learn" props.subheading="By building real things, with real support, in a real community."}
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
 ::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="clamp(2rem, 5vw, 4rem)" style.alignItems="center" style.--md.gridTemplateColumns="1fr"}
 :::div
-::img{src="/images/about.jpg" alt="Students studying code together" loading="lazy" style.width="100%" style.height="auto" style.borderRadius="var(--radius)" style.display="block" style.boxShadow="0 12px 40px rgba(15,23,42,0.12)"}
+::img{src="/images/about.jpg" alt="Students studying code together" loading="lazy" style.width="100%" style.height="auto" style.borderRadius="var(--radius)" style.display="block" style.border="1px solid var(--color-border)" style.boxShadow="0 24px 60px -30px rgba(15,20,36,0.5)"}
 :::
 
-:::div{style.fontSize="1.08rem" style.lineHeight="1.8"}
-
-### Built by engineers who wanted a better way in
+:::div{style.fontSize="1.06rem" style.lineHeight="1.8"}
+::co-section-header{props.eyebrow="the origin" props.heading="Built by engineers who wanted a better way in" props.align="left"}
 
 Craft & Code Academy started with a frustration: most people who want to code get stuck in a maze of half-finished tutorials. So we built the program we wish we'd had — project-based from day one, with mentors who've shipped real software and a cohort that learns together.
 
@@ -24,21 +23,21 @@ We keep classes small on purpose. When you get stuck, someone is there. When you
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="What we stand for" props.heading="Three things we won't compromise on"}
+::co-section-header{props.eyebrow="what we stand for" props.index="3 principles" props.heading="Three things we won't compromise on"}
 
 ::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
-::co-outcome-card{props.icon="🛠️" props.title="Learn by building" props.text="Every concept is anchored to a project. You leave each module with something real to show."}
+::co-outcome-card{props.number="01" props.icon="🛠️" props.title="Learn by building" props.text="Every concept is anchored to a project. You leave each module with something real to show."}
 
-::co-outcome-card{props.icon="🤝" props.title="Never stuck alone" props.text="Live mentorship and small-group code review mean help is always a moment away."}
+::co-outcome-card{props.number="02" props.icon="🤝" props.title="Never stuck alone" props.text="Live mentorship and small-group code review mean help is always a moment away."}
 
-::co-outcome-card{props.icon="🎯" props.title="Job-focused" props.text="We reverse-engineer what junior roles actually require and teach straight to it."}
+::co-outcome-card{props.number="03" props.icon="🎯" props.title="Job-focused" props.text="We reverse-engineer what junior roles actually require and teach straight to it."}
 ::::
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::co-section-header{props.eyebrow="Your instructor" props.heading="Meet Maya"}
+::co-section-header{props.eyebrow="your instructor" props.heading="Meet Maya"}
 
 ::co-instructor-card{props.name="Maya Okonkwo" props.role="Lead Instructor · ex-Staff Engineer" props.bio="Maya spent a decade building products at startups and a large fintech before teaching full-time. She's mentored hundreds of career-changers and believes anyone can learn to code with the right structure and support." props.image="/images/instructor.jpg"}
 :::::
 
-::co-cta{props.heading="Come build with us." props.text="If you're ready to put in the work, we'll make sure you're never doing it alone." props.cta="Enroll Now" props.ctaHref="/enroll/"}
+::co-cta{props.kicker="$ ./join --cohort fall" props.heading="Come build with us." props.text="If you're ready to put in the work, we'll make sure you're never doing it alone." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="Applications reviewed on a rolling basis"}

package/sites/course/pages/curriculum.md

@@ -11,11 +11,15 @@ state:
 ---
 
 :::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="14 weeks · 6 modules" props.heading="The full curriculum" props.subheading="A structured path from your first line of code to a deployed, full-stack application — with mentorship at every step."}
+::co-section-header{props.eyebrow="the curriculum" props.index="6 modules · 14 weeks" props.heading="The full curriculum" props.subheading="A structured path from your first line of code to a deployed, full-stack application — with mentorship at every step."}
 :::::
 
 :::::section{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
-::::div{style.display="grid" style.gap="1rem"}
+::::div{style.marginBottom="2rem" style.fontFamily="var(--font-mono)" style.fontSize="0.82rem" style.color="var(--color-text-muted)"}
+// 14-week track · one module builds on the last
+::::
+
+::::div{style.display="grid" style.gap="0"}
 :::Array{items.ref="#/state/modules"}
 ::co-module-card{props.order="${item.data.order}" props.title="${item.data.title}" props.summary="${item.data.summary}" props.duration="${item.data.duration}"}
 :::
@@ -23,9 +27,9 @@ state:
 :::::
 
 :::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="Explore interactively" props.heading="Open a module to see its lessons"}
+::co-section-header{props.eyebrow="explore interactively" props.heading="Open a module to see its lessons"}
 
 ::co-curriculum-accordion
 :::::
 
-::co-cta{props.heading="This could be your next 14 weeks." props.text="Every module builds toward a capstone you'll be proud to show. Reserve your seat in the next cohort." props.cta="Enroll Now" props.ctaHref="/enroll/"}
+::co-cta{props.kicker="$ git commit -m 'my first job'" props.heading="This could be your next 14 weeks." props.text="Every module builds toward a capstone you'll be proud to show. Reserve your seat in the next cohort." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="Fall cohort starts September 8"}

package/sites/course/pages/enroll.md

@@ -3,14 +3,13 @@ title: "Enroll — Craft & Code Academy"
 ---
 
 :::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="Admissions open" props.heading="Reserve your seat" props.subheading="One transparent price, everything included, and flexible payment plans. The fall cohort is limited to 24 students."}
+::co-section-header{props.eyebrow="admissions open" props.heading="Reserve your seat" props.subheading="One transparent price, everything included, and flexible payment plans. The fall cohort is limited to 24 students."}
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
 ::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.alignItems="center" style.--md.gridTemplateColumns="1fr"}
-:::div{style.fontSize="1.08rem" style.lineHeight="1.8"}
-
-### Everything you need to get hired
+:::div{style.fontSize="1.06rem" style.lineHeight="1.8"}
+::co-section-header{props.eyebrow="what's included" props.heading="Everything you need to get hired" props.align="left"}
 
 Your tuition covers 14 weeks of live instruction, one-on-one mentorship, small-group code review, and career support that continues after you graduate. No upsells, no surprise fees.
 
@@ -22,7 +21,7 @@ Not sure if it's the right fit? Book a call with our admissions team and we'll w
 - **✓** 7-day full refund, no questions asked
   :::
 
-:::co-pricing{props.badge="Fall cohort · 24 seats" props.plan="Full Program" props.price="$8,900" props.period="or 6 monthly payments" props.description="14 weeks of live instruction, mentorship, and career support — end to end." props.cta="Apply Now" props.ctaHref="#apply" props.note="7-day full refund · Scholarships available"}
+:::co-pricing{props.badge="Fall cohort · 24 seats" props.plan="Full Program" props.price="$8,900" props.period="or 6 monthly payments" props.description="14 weeks of live instruction, mentorship, and career support — end to end." props.cta="Apply Now" props.ctaHref="#apply" props.note="7-day full refund · scholarships available"}
 
 - Six project-based modules
 - Live mentorship & small-group code review
@@ -34,13 +33,13 @@ Not sure if it's the right fit? Book a call with our admissions team and we'll w
   :::::
 
 :::::section{id="apply" style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
-::co-section-header{props.eyebrow="Apply" props.heading="Start your application" props.subheading="Tell us a little about yourself and admissions will be in touch within two business days."}
+::co-section-header{props.eyebrow="apply" props.heading="Start your application" props.subheading="Tell us a little about yourself and admissions will be in touch within two business days."}
 
 ::co-application
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="FAQ" props.heading="Before you apply"}
+::co-section-header{props.eyebrow="faq" props.heading="Before you apply"}
 
 ::co-faq
 :::::

package/sites/course/pages/index.md

@@ -2,61 +2,63 @@
 title: "Craft & Code Academy — Become a web developer in 14 weeks"
 ---
 
-::co-hero{props.eyebrow="Online web development bootcamp" props.heading="Become a web developer in 14 weeks." props.subheading="Craft & Code Academy is a project-based bootcamp with live mentorship. Six guided modules take you from your first line of HTML to a deployed, full-stack capstone." props.cta="Enroll Now" props.ctaHref="/enroll/" props.cta2="Explore the Curriculum" props.cta2Href="/curriculum/" props.note="Next cohort starts September 8 · Limited to 24 seats" props.bg="/images/hero.jpg"}
+::co-hero{props.eyebrow="online web-dev bootcamp" props.heading="Become a web developer" props.headingAccent="in 14 weeks." props.subheading="A project-based bootcamp with live mentorship. Six guided modules take you from your first line of HTML to a deployed, full-stack capstone — job-ready, on a clear schedule." props.cta="Enroll Now" props.ctaHref="/enroll/" props.cta2="View Curriculum" props.cta2Href="/curriculum/" props.note="Next cohort starts Sept 8 · limited to 24 seats" props.o1="14 weeks" props.o2="job-ready" props.o3="live cohort"}
 
-:::::section{style.padding="clamp(2.5rem, 5vw, 3.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.5rem" style.--sm.gridTemplateColumns="repeat(2, 1fr)"}
-::co-stat{props.value="1,200+" props.label="Graduates hired"}
-
-::co-stat{props.value="94%" props.label="Land a dev role"}
-
-::co-stat{props.value="14 wks" props.label="Guided program"}
-
-::co-stat{props.value="4.9/5" props.label="Student rating"}
-::::
-:::::
+::co-outcomes{props.kicker="track record" props.heading="Structure that gets people hired" props.n1="1,200+" props.l1="Graduates hired" props.n2="92%" props.l2="Hired within 6 months" props.n3="14 wks" props.l3="Guided, cohort-based" props.n4="4.9/5" props.l4="Average student rating"}
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::co-section-header{props.eyebrow="What you'll learn" props.heading="Skills that get you hired" props.subheading="Every module is hands-on. You don't just watch — you build, review, and ship."}
+::co-section-header{props.eyebrow="what you'll learn" props.index="6 skill areas" props.heading="Skills that get you hired" props.subheading="Every module is hands-on. You don't just watch — you build, review, and ship."}
 
 ::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
-::co-outcome-card{props.icon="🧩" props.title="Think like an engineer" props.text="Break problems down, reason about code, and debug with confidence — the durable skills behind every framework."}
+::co-outcome-card{props.number="01" props.icon="🧩" props.title="Think like an engineer" props.text="Break problems down, reason about code, and debug with confidence — the durable skills behind every framework."}
 
-::co-outcome-card{props.icon="🎨" props.title="Build real interfaces" props.text="Responsive, accessible UIs with semantic HTML, modern CSS, and component-driven JavaScript."}
+::co-outcome-card{props.number="02" props.icon="🎨" props.title="Build real interfaces" props.text="Responsive, accessible UIs with semantic HTML, modern CSS, and component-driven JavaScript."}
 
-::co-outcome-card{props.icon="⚡" props.title="Ship interactive apps" props.text="Wire up state, events, and live APIs to create apps that respond instantly to your users."}
+::co-outcome-card{props.number="03" props.icon="⚡" props.title="Ship interactive apps" props.text="Wire up state, events, and live APIs to create apps that respond instantly to your users."}
 
-::co-outcome-card{props.icon="🗄️" props.title="Work full-stack" props.text="Design REST APIs, model relational data, and connect a real backend to your frontend."}
+::co-outcome-card{props.number="04" props.icon="🗄️" props.title="Work full-stack" props.text="Design REST APIs, model relational data, and connect a real backend to your frontend."}
 
-::co-outcome-card{props.icon="🚀" props.title="Deploy to production" props.text="Take projects from your laptop to the cloud with Git, CI, and modern hosting."}
+::co-outcome-card{props.number="05" props.icon="🚀" props.title="Deploy to production" props.text="Take projects from your laptop to the cloud with Git, CI, and modern hosting."}
 
-::co-outcome-card{props.icon="💼" props.title="Graduate job-ready" props.text="Leave with a portfolio, a full-stack capstone, and the interview prep to back it up."}
+::co-outcome-card{props.number="06" props.icon="💼" props.title="Graduate job-ready" props.text="Leave with a portfolio, a full-stack capstone, and the interview prep to back it up."}
 ::::
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="The curriculum" props.heading="Six modules, one clear path" props.subheading="Click any module to see the lessons inside. It all builds toward your capstone."}
+::co-section-header{props.eyebrow="the curriculum" props.index="14 weeks" props.heading="Six modules, one clear path" props.subheading="Click any module to see the lessons inside. It all builds toward your capstone."}
 
 ::co-curriculum-accordion
 
 ::::div{style.textAlign="center" style.marginTop="2rem"}
-:::a{href="/curriculum/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1.05rem"}
+:::a{href="/curriculum/" style.display="inline-flex" style.alignItems="center" style.gap="0.4rem" style.fontFamily="var(--font-mono)" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="0.9rem"}
 See the full curriculum →
 :::
 ::::
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::co-section-header{props.eyebrow="Your instructor" props.heading="Learn from someone who's shipped"}
+::co-section-header{props.eyebrow="your instructor" props.heading="Learn from someone who's shipped"}
 
 ::co-instructor-card{props.name="Maya Okonkwo" props.role="Lead Instructor · ex-Staff Engineer" props.bio="Maya spent a decade building products at startups and a large fintech before teaching full-time. She's mentored hundreds of career-changers and believes anyone can learn to code with the right structure and support." props.image="/images/instructor.jpg"}
+
+::::div{style.maxWidth="var(--max-width-narrow)" style.margin="2.5rem auto 0.9rem" style.textAlign="center" style.fontFamily="var(--font-mono)" style.fontSize="0.8rem" style.color="var(--color-text-muted)"}
+// plus a team of mentors in your corner
+::::
+
+::::div{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1rem" style.--sm.gridTemplateColumns="1fr"}
+::co-mentor{props.initials="JL" props.name="Jordan Lee" props.role="mentor · frontend"}
+
+::co-mentor{props.initials="SR" props.name="Sam Rivera" props.role="mentor · backend"}
+
+::co-mentor{props.initials="AK" props.name="Aisha Khan" props.role="mentor · careers"}
+::::
 :::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="Student stories" props.heading="From first commit to first job"}
+::co-section-header{props.eyebrow="student stories" props.heading="From first commit to first job"}
 
 ::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
-::co-testimonial-card{props.quote="I started with zero experience and ended with a job offer. The mentorship made all the difference when I got stuck." props.author="Priya S." props.role="Frontend Developer, now at a health-tech startup"}
+::co-testimonial-card{props.quote="I started with zero experience and ended with a job offer. The mentorship made all the difference when I got stuck." props.author="Priya S." props.role="Frontend Developer, health-tech"}
 
 ::co-testimonial-card{props.quote="The capstone is the real deal. I still show that project in interviews and people are genuinely impressed." props.author="Marcus T." props.role="Junior Full-Stack Developer"}
 
@@ -64,10 +66,19 @@ See the full curriculum →
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::co-section-header{props.eyebrow="Enroll" props.heading="One program. Everything included." props.subheading="No hidden fees. Flexible payment plans available."}
+::::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::co-section-header{props.eyebrow="tuition" props.heading="One program. Everything included." props.subheading="No hidden fees. Flexible payment plans and need-based scholarships available."}
+
+:::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.alignItems="center" style.--md.gridTemplateColumns="1fr"}
+::::div
+::co-cohort{props.c1label="Fall 2026" props.c1date="Sept 8" props.c1seats="6 seats left" props.c2label="Winter 2027" props.c2date="Jan 12" props.c2seats="Waitlist" props.note="Payment plans + need-based scholarships available"}
+
+:::div{style.marginTop="1.5rem" style.fontSize="1.02rem" style.lineHeight="1.75" style.color="var(--color-text-muted)"}
+Your tuition covers 14 weeks of live instruction, one-on-one mentorship, and career support that continues after you graduate. Reserve a seat with a deposit — the rest is flexible.
+:::
+::::
 
-::::co-pricing{props.badge="Fall cohort · 24 seats" props.plan="Full Program" props.price="$8,900" props.period="or 6 monthly payments" props.description="14 weeks of live instruction, mentorship, and career support — end to end." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="7-day full refund · Scholarships available"}
+::::co-pricing{props.badge="Fall cohort · 24 seats" props.plan="Full Program" props.price="$8,900" props.period="or 6 monthly payments" props.description="14 weeks of live instruction, mentorship, and career support — end to end." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="7-day full refund · scholarships available"}
 
 - Six project-based modules
 - Live mentorship & small-group code review
@@ -76,11 +87,12 @@ See the full curriculum →
 - Lifetime access to course materials
   ::::
   :::::
+  ::::::
 
 :::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::co-section-header{props.eyebrow="FAQ" props.heading="Questions, answered"}
+::co-section-header{props.eyebrow="faq" props.heading="Questions, answered"}
 
 ::co-faq
 :::::
 
-::co-cta{props.heading="Ready to change careers?" props.text="Join the next cohort and go from curious to job-ready in 14 weeks. Seats are limited." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="Next cohort starts September 8"}
+::co-cta{props.kicker="$ ./enroll --now" props.heading="Ready to change careers?" props.text="Join the next cohort and go from curious to job-ready in 14 weeks. Seats are limited." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="Next cohort starts September 8"}