@jxsuite/starters 0.34.0

package/sites/fitness-studio/components/fs-pricing-table.json

@@ -0,0 +1,458 @@
+{
+  "tagName": "fs-pricing-table",
+  "state": {
+    "tier1": "Drop-in",
+    "price1": "$22 / class",
+    "tier2": "Monthly Unlimited",
+    "price2": "$129 / month",
+    "tier3": "Annual Unlimited",
+    "price3": "$1,290 / year"
+  },
+  "style": {
+    "display": "block",
+    "maxWidth": "var(--max-width)",
+    "margin": "0 auto",
+    "overflowX": "auto",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)"
+  },
+  "children": [
+    {
+      "tagName": "table",
+      "style": {
+        "width": "100%",
+        "minWidth": "640px",
+        "borderCollapse": "collapse",
+        "fontSize": "0.95rem"
+      },
+      "children": [
+        {
+          "tagName": "thead",
+          "children": [
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "th",
+                  "style": {
+                    "textAlign": "left",
+                    "padding": "1.25rem 1.25rem 1rem",
+                    "fontFamily": "var(--font-heading)",
+                    "fontSize": "0.8rem",
+                    "textTransform": "uppercase",
+                    "letterSpacing": "0.08em",
+                    "color": "var(--color-text-muted)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "What's included"
+                },
+                {
+                  "tagName": "th",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "1.25rem 1rem 1rem",
+                    "fontFamily": "var(--font-heading)",
+                    "fontSize": "1.05rem",
+                    "fontWeight": "600",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "${state.tier1}"
+                },
+                {
+                  "tagName": "th",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "1.25rem 1rem 1rem",
+                    "fontFamily": "var(--font-heading)",
+                    "fontSize": "1.05rem",
+                    "fontWeight": "600",
+                    "color": "var(--color-primary)",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "2px solid var(--color-primary)"
+                  },
+                  "textContent": "${state.tier2}"
+                },
+                {
+                  "tagName": "th",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "1.25rem 1.25rem 1rem",
+                    "fontFamily": "var(--font-heading)",
+                    "fontSize": "1.05rem",
+                    "fontWeight": "600",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "${state.tier3}"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.75rem 1.25rem",
+                    "fontWeight": "600",
+                    "color": "var(--color-text-muted)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "Price"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.75rem 1rem",
+                    "fontWeight": "600",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "${state.price1}"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.75rem 1rem",
+                    "fontWeight": "600",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "${state.price2}"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.75rem 1.25rem",
+                    "fontWeight": "600",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "${state.price3}"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "tagName": "tbody",
+          "children": [
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.85rem 1.25rem",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "Unlimited classes"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.85rem 1.25rem",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "All class types (yoga, pilates, HIIT, strength)"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.85rem 1.25rem",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "Mat & prop rental"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.85rem 1.25rem",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "Free mat storage"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "✓"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.85rem 1.25rem",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "Workshop discount"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "fontWeight": "600",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "10%"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "fontWeight": "600",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "20%"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": {
+                    "padding": "0.85rem 1.25rem",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "Guest passes"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)",
+                    "backgroundColor": "var(--color-bg-cream)",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "fontWeight": "600",
+                    "borderBottom": "1px solid var(--color-border)"
+                  },
+                  "textContent": "4 / year"
+                }
+              ]
+            },
+            {
+              "tagName": "tr",
+              "children": [
+                {
+                  "tagName": "td",
+                  "style": { "padding": "0.85rem 1.25rem" },
+                  "textContent": "Priority booking"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1rem",
+                    "color": "var(--color-text-muted)",
+                    "backgroundColor": "var(--color-bg-cream)"
+                  },
+                  "textContent": "—"
+                },
+                {
+                  "tagName": "td",
+                  "style": {
+                    "textAlign": "center",
+                    "padding": "0.85rem 1.25rem",
+                    "color": "var(--color-accent)",
+                    "fontWeight": "700"
+                  },
+                  "textContent": "✓"
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/sites/fitness-studio/components/fs-review.json

@@ -0,0 +1,54 @@
+{
+  "tagName": "fs-review",
+  "state": {
+    "quote": "",
+    "author": "",
+    "role": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-white)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)",
+    "boxShadow": "0 4px 20px rgba(31,23,41,0.06)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "color": "var(--color-primary)",
+        "fontSize": "1.1rem",
+        "marginBottom": "0.75rem",
+        "letterSpacing": "0.1em"
+      },
+      "textContent": "★★★★★"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.15rem",
+        "lineHeight": "1.6",
+        "fontStyle": "italic",
+        "margin": "0 0 1.25rem"
+      },
+      "textContent": "“${state.quote}”"
+    },
+    {
+      "tagName": "div",
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "fontWeight": "600" },
+          "textContent": "${state.author}"
+        },
+        {
+          "tagName": "div",
+          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
+          "textContent": "${state.role}"
+        }
+      ]
+    }
+  ]
+}

package/sites/fitness-studio/components/fs-section-header.json

@@ -0,0 +1,53 @@
+{
+  "tagName": "fs-section-header",
+  "state": {
+    "eyebrow": "",
+    "heading": "",
+    "subheading": "",
+    "align": "center"
+  },
+  "style": {
+    "display": "block",
+    "maxWidth": "var(--max-width-narrow)",
+    "margin": "0 auto 2.5rem",
+    "textAlign": "${state.align}"
+  },
+  "children": [
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.eyebrow ? 'block' : 'none'}",
+        "textTransform": "uppercase",
+        "letterSpacing": "0.16em",
+        "fontSize": "0.8rem",
+        "fontWeight": "600",
+        "color": "var(--color-primary)",
+        "margin": "0 0 0.75rem"
+      },
+      "textContent": "${state.eyebrow}"
+    },
+    {
+      "tagName": "h2",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
+        "fontWeight": "700",
+        "lineHeight": "1.15",
+        "letterSpacing": "-0.02em",
+        "margin": "0"
+      },
+      "textContent": "${state.heading}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.subheading ? 'block' : 'none'}",
+        "fontSize": "1.1rem",
+        "lineHeight": "1.7",
+        "color": "var(--color-text-muted)",
+        "margin": "1rem 0 0"
+      },
+      "textContent": "${state.subheading}"
+    }
+  ]
+}

package/sites/fitness-studio/content/classes/hiit-circuit.md

@@ -0,0 +1,10 @@
+---
+name: HIIT Circuit
+level: Intermediate
+time: Mon & Wed · 12:00pm
+instructor: Priya Raman
+focus: High-intensity intervals for cardio, conditioning, and a serious lunchtime reset.
+order: 4
+---
+
+Timed stations blend bodyweight and light weights to spike your heart rate and build stamina in 45 focused minutes.

package/sites/fitness-studio/content/classes/pilates-core.md

@@ -0,0 +1,10 @@
+---
+name: Pilates Core
+level: Beginner
+time: Tue & Thu · 9:00am
+instructor: Elena Ross
+focus: Mat pilates for core strength, posture, and controlled, precise movement.
+order: 5
+---
+
+Low-impact and endlessly scalable. We build deep core control that supports everything else you do on and off the mat.

package/sites/fitness-studio/content/classes/power-yoga.md

@@ -0,0 +1,10 @@
+---
+name: Power Yoga
+level: Advanced
+time: Tue & Thu · 7:00am
+instructor: Devon Hart
+focus: A vigorous, strength-focused vinyasa to start the day fired up and clear-headed.
+order: 2
+---
+
+Faster pace, longer holds, and plenty of core and arm balances. Come ready to sweat — modifications always offered.

package/sites/fitness-studio/content/classes/restorative-yoga.md

@@ -0,0 +1,10 @@
+---
+name: Restorative Yoga
+level: All levels
+time: Fri · 6:30pm
+instructor: Maya Chen
+focus: Slow, fully-supported poses held with props for deep release and better sleep.
+order: 3
+---
+
+The perfect end to the week. Bolsters, blankets, and long holds let your nervous system fully unwind.

package/sites/fitness-studio/content/classes/strength-tone.md

@@ -0,0 +1,10 @@
+---
+name: Strength & Tone
+level: Intermediate
+time: Sat · 10:00am
+instructor: Devon Hart
+focus: Free-weight training to build lean, functional strength for everyday life.
+order: 6
+---
+
+A coached lifting class covering the fundamentals — squat, hinge, press, and pull — with weights scaled to you.

package/sites/fitness-studio/content/classes/vinyasa-flow.md

@@ -0,0 +1,10 @@
+---
+name: Vinyasa Flow
+level: All levels
+time: Mon & Wed · 6:00pm
+instructor: Maya Chen
+focus: Breath-linked movement that builds heat, mobility, and a calm, focused mind.
+order: 1
+---
+
+Our signature flow. Sequences link breath to movement, building gently toward a peak pose before a long, grounding cool-down.

package/sites/fitness-studio/images.json

@@ -0,0 +1,48 @@
+{
+  "site": "fitness-studio",
+  "thumbnail": "hero",
+  "images": [
+    {
+      "role": "hero",
+      "query": "yoga studio class",
+      "orientation": "landscape",
+      "photoId": 8436610
+    },
+    {
+      "role": "about",
+      "query": "yoga instructor stretching",
+      "orientation": "landscape",
+      "photoId": 8436603
+    },
+    {
+      "role": "class-1",
+      "query": "yoga pose",
+      "orientation": "square",
+      "photoId": 16131310
+    },
+    {
+      "role": "class-2",
+      "query": "pilates class",
+      "orientation": "square",
+      "photoId": 18499504
+    },
+    {
+      "role": "class-3",
+      "query": "gym strength training",
+      "orientation": "square",
+      "photoId": 3888405
+    },
+    {
+      "role": "instructor-1",
+      "query": "fitness instructor portrait",
+      "orientation": "portrait",
+      "photoId": 6739935
+    },
+    {
+      "role": "instructor-2",
+      "query": "fitness instructor portrait",
+      "orientation": "portrait",
+      "photoId": 6739935
+    }
+  ]
+}