@jxsuite/starters 0.34.0

package/sites/event/components/ev-ticket-card.json

@@ -0,0 +1,196 @@
+{
+  "tagName": "ev-ticket-card",
+  "state": {
+    "tier": "",
+    "price": "",
+    "period": "",
+    "description": "",
+    "perk1": "",
+    "perk2": "",
+    "perk3": "",
+    "perk4": "",
+    "cta": "Get Tickets",
+    "ctaHref": "/tickets/",
+    "featured": false,
+    "badge": "Most popular"
+  },
+  "style": {
+    "display": "flex",
+    "flexDirection": "column",
+    "position": "relative",
+    "padding": "2rem",
+    "borderRadius": "var(--radius)",
+    "border": "${state.featured ? '2px solid var(--color-primary)' : '1px solid var(--color-border)'}",
+    "backgroundColor": "${state.featured ? 'var(--color-bg-white)' : 'var(--color-bg-white)'}",
+    "boxShadow": "${state.featured ? '0 24px 60px rgba(124, 58, 237, 0.18)' : '0 4px 20px rgba(23, 18, 43, 0.05)'}"
+  },
+  "children": [
+    {
+      "tagName": "span",
+      "style": {
+        "display": "${state.featured ? 'inline-block' : 'none'}",
+        "position": "absolute",
+        "top": "-0.85rem",
+        "left": "50%",
+        "transform": "translateX(-50%)",
+        "background": "linear-gradient(135deg, var(--color-primary), var(--color-accent))",
+        "color": "var(--color-text-white)",
+        "fontSize": "0.72rem",
+        "fontWeight": "700",
+        "letterSpacing": "0.08em",
+        "textTransform": "uppercase",
+        "padding": "0.35rem 0.9rem",
+        "borderRadius": "999px",
+        "whiteSpace": "nowrap"
+      },
+      "textContent": "${state.badge}"
+    },
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.35rem",
+        "fontWeight": "700",
+        "margin": "0 0 0.4rem"
+      },
+      "textContent": "${state.tier}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "margin": "0 0 1.25rem",
+        "fontSize": "0.95rem",
+        "lineHeight": "1.55",
+        "color": "var(--color-text-muted)"
+      },
+      "textContent": "${state.description}"
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "display": "flex",
+        "alignItems": "baseline",
+        "gap": "0.35rem",
+        "marginBottom": "1.5rem"
+      },
+      "children": [
+        {
+          "tagName": "span",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "2.5rem",
+            "fontWeight": "700",
+            "letterSpacing": "-0.02em"
+          },
+          "textContent": "${state.price}"
+        },
+        {
+          "tagName": "span",
+          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
+          "textContent": "${state.period}"
+        }
+      ]
+    },
+    {
+      "tagName": "ul",
+      "style": {
+        "listStyle": "none",
+        "margin": "0 0 1.75rem",
+        "padding": "0",
+        "display": "flex",
+        "flexDirection": "column",
+        "gap": "0.65rem",
+        "flex": "1"
+      },
+      "children": [
+        {
+          "tagName": "li",
+          "style": {
+            "display": "${state.perk1 ? 'flex' : 'none'}",
+            "gap": "0.6rem",
+            "alignItems": "flex-start",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontWeight": "700" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.perk1}" }
+          ]
+        },
+        {
+          "tagName": "li",
+          "style": {
+            "display": "${state.perk2 ? 'flex' : 'none'}",
+            "gap": "0.6rem",
+            "alignItems": "flex-start",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontWeight": "700" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.perk2}" }
+          ]
+        },
+        {
+          "tagName": "li",
+          "style": {
+            "display": "${state.perk3 ? 'flex' : 'none'}",
+            "gap": "0.6rem",
+            "alignItems": "flex-start",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontWeight": "700" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.perk3}" }
+          ]
+        },
+        {
+          "tagName": "li",
+          "style": {
+            "display": "${state.perk4 ? 'flex' : 'none'}",
+            "gap": "0.6rem",
+            "alignItems": "flex-start",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontWeight": "700" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.perk4}" }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "a",
+      "attributes": { "href": "${state.ctaHref}" },
+      "style": {
+        "display": "block",
+        "textAlign": "center",
+        "padding": "0.85rem 1.5rem",
+        "borderRadius": "999px",
+        "fontSize": "1rem",
+        "fontWeight": "600",
+        "textDecoration": "none",
+        "transition": "transform 0.15s, box-shadow 0.15s",
+        "color": "${state.featured ? 'var(--color-text-white)' : 'var(--color-primary)'}",
+        "background": "${state.featured ? 'linear-gradient(135deg, var(--color-primary), var(--color-accent))' : 'transparent'}",
+        "border": "${state.featured ? 'none' : '1px solid var(--color-primary)'}",
+        ":hover": { "transform": "translateY(-2px)" }
+      },
+      "textContent": "${state.cta}"
+    }
+  ]
+}

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

@@ -0,0 +1,59 @@
+{
+  "tagName": "ev-venue",
+  "state": {
+    "image": { "type": "string", "format": "image", "default": "" },
+    "imageAlt": "",
+    "reverse": false
+  },
+  "style": {
+    "display": "block",
+    "padding": "clamp(3.5rem, 8vw, 6rem) 1.5rem"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "maxWidth": "var(--max-width)",
+        "margin": "0 auto",
+        "display": "grid",
+        "gridTemplateColumns": "1fr 1fr",
+        "gap": "clamp(2rem, 5vw, 4rem)",
+        "alignItems": "center",
+        "@--md": { "gridTemplateColumns": "1fr" }
+      },
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "order": "${state.reverse ? '2' : '1'}" },
+          "children": [
+            {
+              "tagName": "img",
+              "attributes": {
+                "src": "${state.image}",
+                "alt": "${state.imageAlt}",
+                "loading": "lazy"
+              },
+              "style": {
+                "width": "100%",
+                "height": "auto",
+                "borderRadius": "var(--radius)",
+                "display": "block",
+                "boxShadow": "0 20px 55px rgba(23, 18, 43, 0.18)"
+              }
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "order": "${state.reverse ? '1' : '2'}",
+            "fontSize": "1.08rem",
+            "lineHeight": "1.8",
+            "color": "var(--color-text-primary)"
+          },
+          "children": [{ "tagName": "slot" }]
+        }
+      ]
+    }
+  ]
+}

package/sites/event/content/sessions/01-opening-keynote.md

@@ -0,0 +1,9 @@
+---
+title: "Opening Keynote: The Next Decade of the Web"
+time: "09:00"
+track: "Main Stage"
+speaker: "Ada Okafor"
+order: 1
+---
+
+The web is entering a new era of speed, portability, and open tooling. Ada opens the day with a look at where the platform is heading — and how to build for it now.

package/sites/event/content/sessions/02-designing-for-trust.md

@@ -0,0 +1,9 @@
+---
+title: "Designing for Trust at Scale"
+time: "10:30"
+track: "Design"
+speaker: "Mateo Rivas"
+order: 2
+---
+
+Trust is a design problem before it's a technical one. Mateo shares patterns for interfaces that stay honest as products — and audiences — grow.

package/sites/event/content/sessions/03-reactive-islands.md

@@ -0,0 +1,9 @@
+---
+title: "Hands-on: Building Reactive Islands"
+time: "11:45"
+track: "Workshops"
+speaker: "Priya Nair"
+order: 3
+---
+
+A working session on islands architecture: ship static HTML by default, then hydrate only the interactive pieces. Bring a laptop — we build one together.

package/sites/event/content/sessions/04-scaling-systems.md

@@ -0,0 +1,9 @@
+---
+title: "Scaling Systems Without Scaling Teams"
+time: "13:30"
+track: "Main Stage"
+speaker: "Jonas Berg"
+order: 4
+---
+
+Growth doesn't have to mean headcount. Jonas breaks down the architecture and automation decisions that let small teams run big systems.

package/sites/event/content/sessions/05-motion-and-meaning.md

@@ -0,0 +1,9 @@
+---
+title: "Motion, Meaning & Microinteractions"
+time: "15:00"
+track: "Design"
+speaker: "Lena Cho"
+order: 5
+---
+
+Great motion tells users what just happened and what to do next. Lena walks through microinteractions that guide instead of distract.

package/sites/event/content/sessions/06-ship-it.md

@@ -0,0 +1,9 @@
+---
+title: "Ship It: From Prototype to Production"
+time: "16:15"
+track: "Workshops"
+speaker: "Sam Whitfield"
+order: 6
+---
+
+The last mile is the hardest. Sam closes the workshop track with a practical path from a rough prototype to something you can put in front of real users.

package/sites/event/images.json

@@ -0,0 +1,42 @@
+{
+  "site": "event",
+  "thumbnail": "hero",
+  "images": [
+    {
+      "role": "hero",
+      "query": "conference stage audience",
+      "orientation": "landscape",
+      "photoId": 9275222
+    },
+    {
+      "role": "speaker-1",
+      "query": "professional speaker headshot",
+      "orientation": "portrait",
+      "photoId": 37148334
+    },
+    {
+      "role": "speaker-2",
+      "query": "professional speaker headshot",
+      "orientation": "portrait",
+      "photoId": 37148334
+    },
+    {
+      "role": "speaker-3",
+      "query": "professional speaker headshot",
+      "orientation": "portrait",
+      "photoId": 37148334
+    },
+    {
+      "role": "speaker-4",
+      "query": "professional speaker headshot",
+      "orientation": "portrait",
+      "photoId": 37148334
+    },
+    {
+      "role": "venue",
+      "query": "conference venue hall",
+      "orientation": "landscape",
+      "photoId": 16859956
+    }
+  ]
+}

package/sites/event/layouts/base.json

@@ -0,0 +1,22 @@
+{
+  "tagName": "div",
+  "$elements": [
+    { "$ref": "../components/ev-nav.json" },
+    { "$ref": "../components/ev-footer.json" }
+  ],
+  "style": {
+    "minHeight": "100vh",
+    "display": "flex",
+    "flexDirection": "column",
+    "backgroundColor": "var(--color-bg-white)"
+  },
+  "children": [
+    { "tagName": "ev-nav" },
+    {
+      "tagName": "main",
+      "style": { "flex": "1" },
+      "children": [{ "tagName": "slot" }]
+    },
+    { "tagName": "ev-footer" }
+  ]
+}

package/sites/event/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "event",
+  "private": true,
+  "description": "A one-day tech and design conference landing site with a sessions collection and an interactive agenda-tabs island.",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "jx build",
+    "dev": "jx dev"
+  },
+  "devDependencies": {
+    "@jxsuite/compiler": "^0.19.0",
+    "@jxsuite/runtime": "^0.19.0"
+  }
+}

package/sites/event/pages/index.md

@@ -0,0 +1,65 @@
+---
+title: "Horizon Conf 2026 — One day for the people building what's next"
+---
+
+::ev-hero{props.eyebrow="A one-day tech & design conference" props.date="June 12, 2026" props.location="The Foundry · Portland, OR" props.heading="The horizon, one day early." props.subheading="Two stages, hands-on workshops, and the designers and engineers shaping the next decade of the web — all in one room, for one day." props.cta="Get Tickets" props.ctaHref="/tickets/" props.cta2="View Schedule" props.cta2Href="/schedule/" props.bg="/images/hero.jpg"}
+
+:::::section{style.padding="clamp(2.5rem, 5vw, 3.5rem) 1.5rem" style.borderBottom="1px solid var(--color-border)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="2rem" style.--sm.gridTemplateColumns="repeat(2, 1fr)"}
+::ev-stat{props.value="500+" props.label="Attendees"}
+
+::ev-stat{props.value="24" props.label="Speakers"}
+
+::ev-stat{props.value="3" props.label="Tracks"}
+
+::ev-stat{props.value="8h" props.label="Of talks"}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::ev-section-header{props.eyebrow="Why attend" props.heading="A day built to move you forward" props.subheading="No filler, no fluff — just talks, workshops, and people worth meeting."}
+
+::::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"}
+::ev-feature{props.icon="🎤" props.title="Talks that ship" props.text="Main-stage keynotes from people who build in the open — big ideas you can use on Monday."}
+
+::ev-feature{props.icon="🛠️" props.title="Hands-on workshops" props.text="Small-group sessions where you leave with something you actually built, not just notes."}
+
+::ev-feature{props.icon="🤝" props.title="The hallway track" props.text="Curated meetups, lightning intros, and enough coffee to find your next collaborator."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::ev-section-header{props.eyebrow="Featured speakers" props.heading="Who you'll hear from"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
+::ev-speaker-card{props.name="Ada Okafor" props.title="Principal Engineer, Vela" props.photo="/images/speaker-1.jpg"}
+
+::ev-speaker-card{props.name="Mateo Rivas" props.title="Head of Design, Northwind" props.photo="/images/speaker-2.jpg"}
+
+::ev-speaker-card{props.name="Priya Nair" props.title="Staff DX Engineer, Loomly" props.photo="/images/speaker-3.jpg"}
+
+::ev-speaker-card{props.name="Lena Cho" props.title="Motion Lead, Studio Bright" props.photo="/images/speaker-4.jpg"}
+::::
+
+::::div{style.textAlign="center" style.marginTop="2rem"}
+:::a{href="/speakers/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
+Meet all 24 speakers →
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::ev-section-header{props.eyebrow="The agenda" props.heading="Preview the day" props.subheading="Filter by track to plan your route. The full schedule has every session, room, and break."}
+
+::ev-agenda-tabs
+
+::::div{style.textAlign="center" style.marginTop="2rem"}
+:::a{href="/schedule/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
+See the full schedule →
+:::
+::::
+:::::
+
+::ev-savedate{props.eyebrow="Save the date" props.heading="June 12, 2026 — Portland" props.text="Early-bird tickets are live and going fast. Lock in your seat before prices step up." props.days="42" props.hours="18" props.minutes="05" props.seconds="30" props.cta="Get Tickets" props.ctaHref="/tickets/"}
+
+::ev-cta{props.eyebrow="One day only" props.heading="Be in the room on June 12" props.text="Horizon Conf sold out last year. Grab your ticket now and join 500 builders for a single, unforgettable day." props.cta="Get Tickets" props.ctaHref="/tickets/" props.note="Early-bird pricing ends April 30."}

package/sites/event/pages/schedule.md

@@ -0,0 +1,89 @@
+---
+title: "Schedule — Horizon Conf 2026"
+state:
+  mainStage:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: sessions
+    filter:
+      - field: track
+        op: "=="
+        value: Main Stage
+    sort:
+      field: order
+      order: asc
+  workshops:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: sessions
+    filter:
+      - field: track
+        op: "=="
+        value: Workshops
+    sort:
+      field: order
+      order: asc
+  design:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: sessions
+    filter:
+      - field: track
+        op: "=="
+        value: Design
+    sort:
+      field: order
+      order: asc
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::ev-section-header{props.eyebrow="June 12, 2026" props.heading="One day, three tracks" props.subheading="Everything runs across a single day at The Foundry. Use the planner below to filter by track, or scroll for the full lineup."}
+:::::
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+::ev-section-header{props.eyebrow="Plan your day" props.heading="Filter by track" props.subheading="Tap a track to focus the agenda. Everything updates instantly — no page reload."}
+
+::ev-agenda-tabs
+:::::
+
+:::::section{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.padding="clamp(2rem, 5vw, 3.5rem) 1.5rem"}
+::ev-section-header{props.heading="The full lineup" props.subheading="Every session, grouped by track." props.align="left"}
+
+::::div{style.marginBottom="3rem"}
+:::h3{style.fontFamily="var(--font-heading)" style.fontSize="1.4rem" style.fontWeight="700" style.color="var(--color-primary)" style.margin="0 0 0.5rem" style.paddingBottom="0.5rem" style.borderBottom="2px solid var(--color-primary)"}
+Main Stage
+:::
+:::Array{items.ref="#/state/mainStage"}
+::ev-session-row{props.time="${item.data.time}" props.title="${item.data.title}" props.track="${item.data.track}" props.speaker="${item.data.speaker}"}
+:::
+::::
+
+::::div{style.marginBottom="3rem"}
+:::h3{style.fontFamily="var(--font-heading)" style.fontSize="1.4rem" style.fontWeight="700" style.color="var(--color-primary)" style.margin="0 0 0.5rem" style.paddingBottom="0.5rem" style.borderBottom="2px solid var(--color-primary)"}
+Workshops
+:::
+:::Array{items.ref="#/state/workshops"}
+::ev-session-row{props.time="${item.data.time}" props.title="${item.data.title}" props.track="${item.data.track}" props.speaker="${item.data.speaker}"}
+:::
+::::
+
+::::div{style.marginBottom="1rem"}
+:::h3{style.fontFamily="var(--font-heading)" style.fontSize="1.4rem" style.fontWeight="700" style.color="var(--color-primary)" style.margin="0 0 0.5rem" style.paddingBottom="0.5rem" style.borderBottom="2px solid var(--color-primary)"}
+Design
+:::
+:::Array{items.ref="#/state/design"}
+::ev-session-row{props.time="${item.data.time}" props.title="${item.data.title}" props.track="${item.data.track}" props.speaker="${item.data.speaker}"}
+:::
+::::
+:::::
+
+:::ev-venue{props.image="/images/venue.jpg" props.imageAlt="The Foundry main hall in Portland" props.reverse="true"}
+
+### The venue: The Foundry
+
+A restored ironworks turned event hall in Portland's Central Eastside — high ceilings, fast Wi-Fi, and coffee that never runs out. Both stages, all workshop rooms, and the hallway track are steps apart under one roof.
+
+Doors open at 8:00 AM. Bring a laptop for the workshop track.
+:::
+
+::ev-cta{props.eyebrow="Don't miss it" props.heading="Your seat is waiting" props.text="Sessions fill on a first-come basis on the day. A ticket guarantees your spot in every track." props.cta="Get Tickets" props.ctaHref="/tickets/"}

package/sites/event/pages/speakers.md

@@ -0,0 +1,102 @@
+---
+title: "Speakers — Horizon Conf 2026"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::ev-section-header{props.eyebrow="The lineup" props.heading="The people on stage" props.subheading="Engineers, designers, and founders sharing what actually worked — and what didn't."}
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::ev-section-header{props.eyebrow="Headliners" props.heading="Featured speakers"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
+::ev-speaker-card{props.name="Ada Okafor" props.title="Principal Engineer, Vela" props.topic="Opening Keynote: The Next Decade of the Web" props.photo="/images/speaker-1.jpg"}
+
+::ev-speaker-card{props.name="Mateo Rivas" props.title="Head of Design, Northwind" props.topic="Designing for Trust at Scale" props.photo="/images/speaker-2.jpg"}
+
+::ev-speaker-card{props.name="Priya Nair" props.title="Staff DX Engineer, Loomly" props.topic="Hands-on: Building Reactive Islands" props.photo="/images/speaker-3.jpg"}
+
+::ev-speaker-card{props.name="Lena Cho" props.title="Motion Lead, Studio Bright" props.topic="Motion, Meaning & Microinteractions" props.photo="/images/speaker-4.jpg"}
+::::
+:::::
+
+::::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::ev-section-header{props.eyebrow="And many more" props.heading="Also on stage"}
+
+:::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Jonas Berg
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Infra Lead, Kestrel
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Sam Whitfield
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Product Engineer, Ridgeline
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Nadia Hassan
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Design Systems, Cobalt
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Theo Marsh
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Founder, Driftwork
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Ravi Menon
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Performance, Fathom
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Grace Liu
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Accessibility Lead, Everly
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Owen Frost
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Eng Manager, Beacon
+:::
+::::
+
+::::div{style.padding="1.25rem 1.4rem" style.backgroundColor="var(--color-bg-white)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.fontFamily="var(--font-heading)" style.fontWeight="700" style.fontSize="1.05rem"}
+Mira Patel
+:::
+:::div{style.fontSize="0.9rem" style.color="var(--color-text-muted)"}
+Creative Director, Halcyon
+:::
+::::
+:::::
+::::::
+
+::ev-cta{props.eyebrow="Want the full agenda?" props.heading="See when everyone speaks" props.text="Every talk and workshop is mapped out by track and time on the schedule." props.cta="View Schedule" props.ctaHref="/schedule/"}