@jxsuite/starters 0.34.0 → 0.35.1

package/sites/event/components/ev-cta.json

@@ -4,21 +4,31 @@
     "eyebrow": "",
     "heading": "",
     "text": "",
-    "cta": "Get Tickets",
+    "cta": "Get tickets",
     "ctaHref": "/tickets/",
     "note": ""
   },
   "style": {
     "display": "block",
     "position": "relative",
-    "backgroundColor": "var(--color-bg-dark)",
-    "backgroundImage": "linear-gradient(120deg, rgba(124, 58, 237, 0.55), rgba(236, 72, 153, 0.35))",
+    "overflow": "hidden",
     "color": "var(--color-text-white)",
+    "background": "radial-gradient(ellipse 55% 90% at 12% 100%, rgba(34,224,255,0.28), transparent 60%), radial-gradient(ellipse 55% 90% at 88% 0%, rgba(255,61,154,0.32), transparent 60%), radial-gradient(ellipse 50% 60% at 50% 50%, rgba(168,85,247,0.2), transparent 65%), var(--color-bg)",
     "padding": "clamp(3.5rem, 8vw, 5.5rem) 1.5rem",
-    "textAlign": "center",
-    "overflow": "hidden"
+    "textAlign": "center"
   },
   "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "position": "absolute",
+        "inset": "0",
+        "backgroundImage": "radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px)",
+        "backgroundSize": "38px 38px",
+        "opacity": "0.5",
+        "pointerEvents": "none"
+      }
+    },
     {
       "tagName": "div",
       "style": {
@@ -31,35 +41,51 @@
         {
           "tagName": "p",
           "style": {
-            "display": "${state.eyebrow ? 'block' : 'none'}",
+            "display": "${state.eyebrow ? 'inline-flex' : 'none'}",
+            "alignItems": "center",
+            "gap": "0.55rem",
             "textTransform": "uppercase",
             "letterSpacing": "0.16em",
-            "fontSize": "0.8rem",
-            "fontWeight": "600",
-            "opacity": "0.85",
-            "margin": "0 0 0.9rem"
+            "fontSize": "0.78rem",
+            "fontWeight": "700",
+            "color": "var(--color-accent)",
+            "margin": "0 0 1rem"
           },
-          "textContent": "${state.eyebrow}"
+          "children": [
+            {
+              "tagName": "span",
+              "style": {
+                "width": "0.5rem",
+                "height": "0.5rem",
+                "borderRadius": "999px",
+                "background": "var(--color-lime)",
+                "boxShadow": "0 0 10px var(--color-lime)"
+              }
+            },
+            { "tagName": "span", "textContent": "${state.eyebrow}" }
+          ]
         },
         {
           "tagName": "h2",
           "style": {
             "fontFamily": "var(--font-heading)",
-            "fontSize": "clamp(1.9rem, 4vw, 2.9rem)",
-            "fontWeight": "700",
-            "lineHeight": "1.12",
-            "letterSpacing": "-0.02em",
-            "margin": "0 0 1rem"
+            "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
+            "fontWeight": "800",
+            "lineHeight": "1.08",
+            "letterSpacing": "-0.035em",
+            "margin": "0 0 1.1rem",
+            "color": "var(--color-text-primary)"
           },
           "textContent": "${state.heading}"
         },
         {
           "tagName": "p",
           "style": {
-            "fontSize": "1.1rem",
+            "fontSize": "1.12rem",
             "lineHeight": "1.7",
-            "opacity": "0.9",
-            "margin": "0 0 2rem"
+            "color": "var(--color-text-muted)",
+            "margin": "0 auto 2.1rem",
+            "maxWidth": "52ch"
           },
           "textContent": "${state.text}"
         },
@@ -68,16 +94,19 @@
           "attributes": { "href": "${state.ctaHref}" },
           "style": {
             "display": "inline-block",
-            "backgroundColor": "var(--color-text-white)",
-            "color": "var(--color-primary)",
-            "padding": "0.95rem 2.5rem",
+            "background": "var(--grad-btn)",
+            "color": "#ffffff",
+            "padding": "1rem 2.6rem",
             "borderRadius": "999px",
-            "fontSize": "1.05rem",
+            "fontSize": "1.08rem",
             "fontWeight": "700",
             "textDecoration": "none",
+            "boxShadow": "0 14px 40px -10px var(--glow)",
             "transition": "transform 0.15s, box-shadow 0.15s",
-            "boxShadow": "0 10px 30px rgba(0, 0, 0, 0.25)",
-            ":hover": { "transform": "translateY(-2px)" }
+            ":hover": {
+              "transform": "translateY(-2px)",
+              "boxShadow": "0 20px 50px -10px var(--glow)"
+            }
           },
           "textContent": "${state.cta}"
         },
@@ -85,9 +114,9 @@
           "tagName": "p",
           "style": {
             "display": "${state.note ? 'block' : 'none'}",
-            "margin": "1.1rem 0 0",
+            "margin": "1.2rem 0 0",
             "fontSize": "0.9rem",
-            "opacity": "0.8"
+            "color": "var(--color-text-muted)"
           },
           "textContent": "${state.note}"
         }

package/sites/event/components/ev-feature.json

@@ -7,14 +7,15 @@
   },
   "style": {
     "display": "block",
-    "padding": "1.85rem",
-    "backgroundColor": "var(--color-bg-white)",
+    "padding": "1.9rem",
+    "backgroundColor": "var(--color-bg-elev)",
     "borderRadius": "var(--radius)",
     "border": "1px solid var(--color-border)",
-    "transition": "transform 0.15s, box-shadow 0.15s",
+    "transition": "transform 0.18s, box-shadow 0.18s, border-color 0.18s",
     ":hover": {
       "transform": "translateY(-3px)",
-      "boxShadow": "0 16px 40px rgba(124, 58, 237, 0.12)"
+      "borderColor": "rgba(34,224,255,0.4)",
+      "boxShadow": "0 18px 44px -20px var(--glow-cyan)"
     }
   },
   "children": [
@@ -26,11 +27,12 @@
         "justifyContent": "center",
         "width": "3rem",
         "height": "3rem",
-        "borderRadius": "0.85rem",
+        "borderRadius": "0.8rem",
         "fontSize": "1.5rem",
         "lineHeight": "1",
-        "marginBottom": "1rem",
-        "background": "linear-gradient(135deg, rgba(124, 58, 237, 0.14), rgba(236, 72, 153, 0.14))"
+        "marginBottom": "1.1rem",
+        "background": "linear-gradient(150deg, rgba(34,224,255,0.24), rgba(255,61,154,0.2))",
+        "border": "1px solid var(--color-border)"
       },
       "textContent": "${state.icon}"
     },
@@ -38,9 +40,11 @@
       "tagName": "h3",
       "style": {
         "fontFamily": "var(--font-heading)",
-        "fontSize": "1.25rem",
-        "fontWeight": "600",
-        "margin": "0 0 0.5rem"
+        "fontSize": "1.22rem",
+        "fontWeight": "700",
+        "letterSpacing": "-0.01em",
+        "margin": "0 0 0.5rem",
+        "color": "var(--color-text-primary)"
       },
       "textContent": "${state.title}"
     },

package/sites/event/components/ev-footer.json

@@ -1,18 +1,31 @@
 {
   "tagName": "ev-footer",
   "state": {
-    "brand": "Horizon Conf 2026",
+    "brand": "Horizon Conf",
     "tagline": "One day. Two stages. The people building what's next.",
     "date": "June 12, 2026",
     "venue": "The Foundry, Portland OR"
   },
   "style": {
     "display": "block",
+    "position": "relative",
     "backgroundColor": "var(--color-bg-dark)",
     "color": "var(--color-text-white)",
-    "padding": "3.5rem 1.5rem 2rem"
+    "borderTop": "1px solid var(--color-border)",
+    "padding": "clamp(3rem, 6vw, 4.5rem) 1.5rem 2.25rem"
   },
   "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "position": "absolute",
+        "top": "0",
+        "left": "0",
+        "right": "0",
+        "height": "2px",
+        "background": "var(--grad)"
+      }
+    },
     {
       "tagName": "div",
       "style": {
@@ -30,16 +43,50 @@
             {
               "tagName": "div",
               "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.4rem",
-                "fontWeight": "700",
-                "marginBottom": "0.75rem"
+                "display": "flex",
+                "alignItems": "center",
+                "gap": "0.6rem",
+                "marginBottom": "0.9rem"
               },
-              "textContent": "${state.brand}"
+              "children": [
+                {
+                  "tagName": "span",
+                  "style": {
+                    "display": "inline-flex",
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                    "width": "1.7rem",
+                    "height": "1.7rem",
+                    "borderRadius": "0.55rem",
+                    "background": "var(--grad-btn)",
+                    "boxShadow": "0 0 18px var(--glow)",
+                    "color": "#ffffff",
+                    "fontSize": "0.9rem",
+                    "fontWeight": "800",
+                    "fontFamily": "var(--font-heading)"
+                  },
+                  "textContent": "H"
+                },
+                {
+                  "tagName": "span",
+                  "style": {
+                    "fontFamily": "var(--font-heading)",
+                    "fontSize": "1.4rem",
+                    "fontWeight": "800",
+                    "letterSpacing": "-0.02em"
+                  },
+                  "textContent": "${state.brand}"
+                }
+              ]
             },
             {
               "tagName": "p",
-              "style": { "margin": "0", "opacity": "0.75", "maxWidth": "34ch" },
+              "style": {
+                "margin": "0",
+                "color": "var(--color-text-muted)",
+                "maxWidth": "34ch",
+                "lineHeight": "1.7"
+              },
               "textContent": "${state.tagline}"
             }
           ]
@@ -51,21 +98,22 @@
               "tagName": "div",
               "style": {
                 "textTransform": "uppercase",
-                "letterSpacing": "0.08em",
-                "fontSize": "0.75rem",
-                "opacity": "0.6",
-                "marginBottom": "0.75rem"
+                "letterSpacing": "0.12em",
+                "fontSize": "0.72rem",
+                "fontWeight": "700",
+                "color": "var(--color-accent)",
+                "marginBottom": "0.85rem"
               },
               "textContent": "When & where"
             },
             {
               "tagName": "p",
-              "style": { "margin": "0 0 0.35rem", "opacity": "0.85" },
+              "style": { "margin": "0 0 0.35rem", "color": "var(--color-text-primary)" },
               "textContent": "${state.date}"
             },
             {
               "tagName": "p",
-              "style": { "margin": "0", "opacity": "0.85" },
+              "style": { "margin": "0", "color": "var(--color-text-muted)" },
               "textContent": "${state.venue}"
             }
           ]
@@ -77,10 +125,11 @@
               "tagName": "div",
               "style": {
                 "textTransform": "uppercase",
-                "letterSpacing": "0.08em",
-                "fontSize": "0.75rem",
-                "opacity": "0.6",
-                "marginBottom": "0.75rem"
+                "letterSpacing": "0.12em",
+                "fontSize": "0.72rem",
+                "fontWeight": "700",
+                "color": "var(--color-accent)",
+                "marginBottom": "0.85rem"
               },
               "textContent": "Explore"
             },
@@ -89,10 +138,11 @@
               "attributes": { "href": "/schedule/" },
               "style": {
                 "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.85",
+                "color": "var(--color-text-muted)",
                 "textDecoration": "none",
-                "marginBottom": "0.35rem"
+                "marginBottom": "0.4rem",
+                "transition": "color 0.15s",
+                ":hover": { "color": "var(--color-text-primary)" }
               },
               "textContent": "Schedule"
             },
@@ -101,10 +151,11 @@
               "attributes": { "href": "/speakers/" },
               "style": {
                 "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.85",
+                "color": "var(--color-text-muted)",
                 "textDecoration": "none",
-                "marginBottom": "0.35rem"
+                "marginBottom": "0.4rem",
+                "transition": "color 0.15s",
+                ":hover": { "color": "var(--color-text-primary)" }
               },
               "textContent": "Speakers"
             },
@@ -113,9 +164,10 @@
               "attributes": { "href": "/tickets/" },
               "style": {
                 "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.85",
-                "textDecoration": "none"
+                "color": "var(--color-text-muted)",
+                "textDecoration": "none",
+                "transition": "color 0.15s",
+                ":hover": { "color": "var(--color-text-primary)" }
               },
               "textContent": "Tickets"
             }
@@ -127,11 +179,11 @@
       "tagName": "div",
       "style": {
         "maxWidth": "var(--max-width)",
-        "margin": "2.5rem auto 0",
+        "margin": "2.75rem auto 0",
         "paddingTop": "1.5rem",
-        "borderTop": "1px solid rgba(255, 255, 255, 0.15)",
+        "borderTop": "1px solid var(--color-border)",
         "fontSize": "0.85rem",
-        "opacity": "0.6"
+        "color": "var(--color-text-muted)"
       },
       "children": [
         {