@jxsuite/starters 3.4.0 → 3.5.0

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

@@ -1,195 +0,0 @@
-{
-  "tagName": "co-footer",
-  "state": {
-    "brand": "Craft & Code Academy",
-    "tagline": "A project-based web development bootcamp with live mentorship and a portfolio-ready capstone.",
-    "email": "admissions@craftcode.academy",
-    "phone": "(555) 240-7788"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-ink)",
-    "color": "var(--color-text-white)",
-    "borderTop": "1px solid var(--color-terminal-line)",
-    "padding": "3.5rem 1.5rem 2rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "2fr 1fr 1fr",
-        "gap": "2.5rem",
-        "@--md": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "0.6rem",
-                "marginBottom": "0.9rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                    "width": "1.9rem",
-                    "height": "1.9rem",
-                    "borderRadius": "0.5rem",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.8rem",
-                    "fontWeight": "700"
-                  },
-                  "textContent": "</>"
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "1.3rem",
-                    "fontWeight": "800",
-                    "letterSpacing": "-0.02em"
-                  },
-                  "textContent": "${state.brand}"
-                }
-              ]
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0",
-                "color": "rgba(255,255,255,0.6)",
-                "maxWidth": "40ch",
-                "lineHeight": "1.65"
-              },
-              "textContent": "${state.tagline}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "color": "var(--color-accent)",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "// admissions"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "mailto:admissions@craftcode.academy" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.4rem",
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.85rem",
-                ":hover": { "color": "var(--color-text-white)" }
-              },
-              "textContent": "${state.email}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0",
-                "color": "rgba(255,255,255,0.82)",
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.85rem"
-              },
-              "textContent": "${state.phone}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "color": "var(--color-accent)",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "// explore"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/curriculum/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.4rem",
-                ":hover": { "color": "var(--color-text-white)" }
-              },
-              "textContent": "Curriculum"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/about/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.4rem",
-                ":hover": { "color": "var(--color-text-white)" }
-              },
-              "textContent": "About"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/enroll/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                ":hover": { "color": "var(--color-text-white)" }
-              },
-              "textContent": "Enroll"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "2.5rem auto 0",
-        "paddingTop": "1.5rem",
-        "borderTop": "1px solid var(--color-terminal-line)",
-        "fontFamily": "var(--font-mono)",
-        "fontSize": "0.8rem",
-        "color": "rgba(255,255,255,0.5)"
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": { "margin": "0" },
-          "children": [
-            { "tagName": "span", "style": { "color": "var(--color-accent)" }, "textContent": "$ " },
-            { "tagName": "span", "textContent": "echo \"© Craft & Code Academy — built with Jx\"" }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,475 +0,0 @@
-{
-  "tagName": "co-hero",
-  "state": {
-    "eyebrow": "",
-    "heading": "",
-    "headingAccent": "",
-    "subheading": "",
-    "cta": "Enroll Now",
-    "ctaHref": "/enroll/",
-    "cta2": "",
-    "cta2Href": "/curriculum/",
-    "note": "",
-    "o1": "",
-    "o2": "",
-    "o3": ""
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "backgroundColor": "var(--color-bg-white)",
-    "backgroundImage": "radial-gradient(ellipse 45% 50% at 88% 0%, rgba(79,70,229,0.12), transparent 60%), radial-gradient(ellipse 40% 45% at 5% 95%, rgba(34,211,238,0.08), transparent 60%)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "absolute",
-        "inset": "0",
-        "backgroundImage": "radial-gradient(circle, rgba(15,20,36,0.05) 1px, transparent 1px)",
-        "backgroundSize": "30px 30px",
-        "opacity": "0.6",
-        "pointerEvents": "none"
-      }
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "zIndex": "2",
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "padding": "clamp(3rem, 7vw, 5.5rem) 1.5rem clamp(3.5rem, 7vw, 6rem)",
-        "display": "grid",
-        "gridTemplateColumns": "1.02fr 0.98fr",
-        "gap": "clamp(2.5rem, 5vw, 4.5rem)",
-        "alignItems": "center",
-        "@--lg": { "gridTemplateColumns": "1fr", "gap": "3rem" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "p",
-              "style": {
-                "display": "${state.eyebrow ? 'inline-flex' : 'none'}",
-                "alignItems": "center",
-                "gap": "0.55rem",
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.8rem",
-                "fontWeight": "600",
-                "color": "var(--color-primary)",
-                "backgroundColor": "var(--color-indigo-050)",
-                "border": "1px solid var(--color-indigo-line)",
-                "padding": "0.4rem 0.85rem",
-                "borderRadius": "999px",
-                "margin": "0 0 1.5rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.45rem",
-                    "height": "0.45rem",
-                    "borderRadius": "999px",
-                    "backgroundColor": "var(--color-accent)",
-                    "boxShadow": "0 0 0 3px rgba(163,230,53,0.25)"
-                  }
-                },
-                { "tagName": "span", "textContent": "${state.eyebrow}" }
-              ]
-            },
-            {
-              "tagName": "h1",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "clamp(2.4rem, 5.4vw, 4rem)",
-                "fontWeight": "800",
-                "lineHeight": "1.04",
-                "letterSpacing": "-0.035em",
-                "margin": "0 0 1.35rem",
-                "color": "var(--color-text-primary)"
-              },
-              "children": [
-                { "tagName": "span", "textContent": "${state.heading} " },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "position": "relative",
-                    "color": "var(--color-primary)",
-                    "whiteSpace": "nowrap"
-                  },
-                  "children": [{ "tagName": "span", "textContent": "${state.headingAccent}" }]
-                }
-              ]
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontSize": "clamp(1.05rem, 1.6vw, 1.22rem)",
-                "lineHeight": "1.6",
-                "color": "var(--color-text-muted)",
-                "margin": "0 0 1.85rem",
-                "maxWidth": "50ch"
-              },
-              "textContent": "${state.subheading}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "gap": "0.75rem",
-                "flexWrap": "wrap",
-                "marginBottom": "1.65rem"
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.ctaHref}" },
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "padding": "0.9rem 1.9rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1.02rem",
-                    "fontWeight": "600",
-                    "textDecoration": "none",
-                    "boxShadow": "0 14px 30px -12px rgba(79,70,229,0.9)",
-                    "transition": "transform 0.15s, background-color 0.15s",
-                    ":hover": {
-                      "backgroundColor": "var(--color-primary-hover)",
-                      "transform": "translateY(-2px)"
-                    }
-                  },
-                  "textContent": "${state.cta}"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.cta2Href}" },
-                  "style": {
-                    "display": "${state.cta2 ? 'inline-flex' : 'none'}",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "border": "1px solid var(--color-border-strong)",
-                    "backgroundColor": "var(--color-bg-white)",
-                    "color": "var(--color-text-primary)",
-                    "padding": "0.9rem 1.7rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1.02rem",
-                    "fontWeight": "600",
-                    "textDecoration": "none",
-                    "transition": "border-color 0.15s, color 0.15s",
-                    ":hover": {
-                      "borderColor": "var(--color-primary)",
-                      "color": "var(--color-primary)"
-                    }
-                  },
-                  "textContent": "${state.cta2}"
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.o1 ? 'flex' : 'none'}",
-                "flexWrap": "wrap",
-                "gap": "0.55rem",
-                "marginBottom": "1.35rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.45rem",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.8rem",
-                    "fontWeight": "500",
-                    "color": "var(--color-text-primary)",
-                    "backgroundColor": "var(--color-bg-cream)",
-                    "border": "1px solid var(--color-border)",
-                    "padding": "0.4rem 0.8rem",
-                    "borderRadius": "0.5rem"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": { "color": "#65a30d", "fontWeight": "700" },
-                      "textContent": "✔"
-                    },
-                    { "tagName": "span", "textContent": "${state.o1}" }
-                  ]
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.45rem",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.8rem",
-                    "fontWeight": "500",
-                    "color": "var(--color-text-primary)",
-                    "backgroundColor": "var(--color-bg-cream)",
-                    "border": "1px solid var(--color-border)",
-                    "padding": "0.4rem 0.8rem",
-                    "borderRadius": "0.5rem"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": { "color": "#65a30d", "fontWeight": "700" },
-                      "textContent": "✔"
-                    },
-                    { "tagName": "span", "textContent": "${state.o2}" }
-                  ]
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.45rem",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.8rem",
-                    "fontWeight": "500",
-                    "color": "var(--color-text-primary)",
-                    "backgroundColor": "var(--color-bg-cream)",
-                    "border": "1px solid var(--color-border)",
-                    "padding": "0.4rem 0.8rem",
-                    "borderRadius": "0.5rem"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": { "color": "#65a30d", "fontWeight": "700" },
-                      "textContent": "✔"
-                    },
-                    { "tagName": "span", "textContent": "${state.o3}" }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "display": "${state.note ? 'flex' : 'none'}",
-                "alignItems": "center",
-                "gap": "0.5rem",
-                "margin": "0",
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.82rem",
-                "color": "var(--color-text-muted)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": { "color": "var(--color-primary)" },
-                  "textContent": "▸"
-                },
-                { "tagName": "span", "textContent": "${state.note}" }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "inset": "-12% -8% -14% -8%",
-                "background": "radial-gradient(circle at 60% 40%, rgba(79,70,229,0.28), transparent 65%)",
-                "filter": "blur(12px)",
-                "pointerEvents": "none"
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "relative",
-                "borderRadius": "0.9rem",
-                "overflow": "hidden",
-                "backgroundColor": "var(--color-terminal)",
-                "border": "1px solid var(--color-terminal-line)",
-                "boxShadow": "0 40px 80px -32px rgba(11,16,32,0.75)"
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "display": "flex",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "padding": "0.75rem 1rem",
-                    "borderBottom": "1px solid var(--color-terminal-line)",
-                    "backgroundColor": "var(--color-terminal-2)"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "width": "0.72rem",
-                        "height": "0.72rem",
-                        "borderRadius": "999px",
-                        "backgroundColor": "#ff5f57"
-                      }
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "width": "0.72rem",
-                        "height": "0.72rem",
-                        "borderRadius": "999px",
-                        "backgroundColor": "#febc2e"
-                      }
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "width": "0.72rem",
-                        "height": "0.72rem",
-                        "borderRadius": "999px",
-                        "backgroundColor": "#28c840"
-                      }
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "marginLeft": "0.75rem",
-                        "fontFamily": "var(--font-mono)",
-                        "fontSize": "0.75rem",
-                        "color": "var(--color-text-faint)"
-                      },
-                      "textContent": "~/craft-code — start-here.sh"
-                    }
-                  ]
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "padding": "1.35rem 1.5rem 1.6rem",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.9rem",
-                    "lineHeight": "2",
-                    "color": "rgba(255,255,255,0.92)"
-                  },
-                  "children": [
-                    {
-                      "tagName": "div",
-                      "children": [
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-accent)" },
-                          "textContent": "$ "
-                        },
-                        { "tagName": "span", "textContent": "enroll " },
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-accent-cyan)" },
-                          "textContent": "--track "
-                        },
-                        {
-                          "tagName": "span",
-                          "style": { "color": "#fcd34d" },
-                          "textContent": "web-dev"
-                        }
-                      ]
-                    },
-                    {
-                      "tagName": "div",
-                      "style": { "color": "var(--color-text-faint)" },
-                      "textContent": "# 14 weeks · 6 guided modules · live cohort"
-                    },
-                    {
-                      "tagName": "div",
-                      "children": [
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-accent)", "fontWeight": "700" },
-                          "textContent": "✔ "
-                        },
-                        { "tagName": "span", "textContent": "mentorship + small-group code review" }
-                      ]
-                    },
-                    {
-                      "tagName": "div",
-                      "children": [
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-accent)", "fontWeight": "700" },
-                          "textContent": "✔ "
-                        },
-                        { "tagName": "span", "textContent": "build real, portfolio-ready projects" }
-                      ]
-                    },
-                    {
-                      "tagName": "div",
-                      "children": [
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-accent)", "fontWeight": "700" },
-                          "textContent": "✔ "
-                        },
-                        { "tagName": "span", "textContent": "deploy a full-stack capstone" }
-                      ]
-                    },
-                    {
-                      "tagName": "div",
-                      "style": { "marginTop": "0.35rem" },
-                      "children": [
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-accent)" },
-                          "textContent": "$ "
-                        },
-                        { "tagName": "span", "textContent": "./ship-your-career.sh" }
-                      ]
-                    },
-                    {
-                      "tagName": "div",
-                      "style": { "display": "flex", "alignItems": "center", "gap": "0.4rem" },
-                      "children": [
-                        {
-                          "tagName": "span",
-                          "style": { "color": "var(--color-primary-light)" },
-                          "textContent": "→"
-                        },
-                        {
-                          "tagName": "span",
-                          "style": { "color": "#ffffff", "fontWeight": "600" },
-                          "textContent": "92% hired within 6 months"
-                        },
-                        {
-                          "tagName": "span",
-                          "style": {
-                            "display": "inline-block",
-                            "width": "0.62rem",
-                            "height": "1.15rem",
-                            "backgroundColor": "var(--color-accent)",
-                            "marginLeft": "0.15rem",
-                            "borderRadius": "1px"
-                          }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}