@jxsuite/starters 3.4.0 → 3.5.0

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

@@ -1,294 +0,0 @@
-{
-  "tagName": "fs-intro",
-  "state": {
-    "kicker": "",
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "badge": "",
-    "stat1": "",
-    "stat1label": "",
-    "stat2": "",
-    "stat2label": "",
-    "stat3": "",
-    "stat3label": ""
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(3.5rem, 8vw, 6.5rem) 1.5rem",
-    "backgroundColor": "var(--color-bg-white)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "0.95fr 1.05fr",
-        "gap": "clamp(2rem, 5vw, 4.5rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "2.5rem" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "position": "relative" },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "top": "-1.1rem",
-                "left": "-1.1rem",
-                "right": "1.6rem",
-                "bottom": "1.6rem",
-                "borderRadius": "var(--radius)",
-                "background": "var(--grad)",
-                "transform": "rotate(-2.5deg)",
-                "opacity": "0.9",
-                "@--sm": { "display": "none" }
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "relative",
-                "borderRadius": "var(--radius)",
-                "overflow": "hidden",
-                "aspectRatio": "4 / 5",
-                "backgroundColor": "var(--duo-shadow)",
-                "boxShadow": "0 30px 60px -28px rgba(26,15,24,0.5)"
-              },
-              "children": [
-                {
-                  "tagName": "img",
-                  "attributes": {
-                    "src": "${state.image}",
-                    "alt": "${state.imageAlt}",
-                    "width": "1200",
-                    "height": "1500",
-                    "loading": "lazy"
-                  },
-                  "style": {
-                    "position": "absolute",
-                    "inset": "0",
-                    "width": "100%",
-                    "height": "100%",
-                    "objectFit": "cover",
-                    "filter": "grayscale(100%) contrast(1.08)"
-                  }
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "position": "absolute",
-                    "inset": "0",
-                    "backgroundColor": "var(--duo-shadow)",
-                    "mixBlendMode": "lighten"
-                  }
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "position": "absolute",
-                    "inset": "0",
-                    "background": "linear-gradient(150deg, #ff2e63 0%, #ff8c42 100%)",
-                    "mixBlendMode": "multiply",
-                    "opacity": "0.85"
-                  }
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.badge ? 'flex' : 'none'}",
-                "position": "absolute",
-                "bottom": "-1.1rem",
-                "right": "-0.6rem",
-                "alignItems": "center",
-                "gap": "0.5rem",
-                "padding": "0.7rem 1.15rem",
-                "borderRadius": "999px",
-                "backgroundColor": "var(--color-ink)",
-                "color": "#ffffff",
-                "fontFamily": "var(--font-heading)",
-                "fontWeight": "700",
-                "fontSize": "0.82rem",
-                "boxShadow": "0 16px 34px -12px rgba(0,0,0,0.5)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.5rem",
-                    "height": "0.5rem",
-                    "borderRadius": "50%",
-                    "backgroundColor": "#ffb03a"
-                  }
-                },
-                { "tagName": "span", "textContent": "${state.badge}" }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.kicker ? 'inline-flex' : 'none'}",
-                "alignItems": "center",
-                "gap": "0.55rem",
-                "marginBottom": "1.1rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "1.6rem",
-                    "height": "3px",
-                    "borderRadius": "2px",
-                    "background": "var(--grad-hot)"
-                  }
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.16em",
-                    "fontSize": "0.78rem",
-                    "fontWeight": "700",
-                    "color": "var(--color-primary)"
-                  },
-                  "textContent": "${state.kicker}"
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "fontSize": "1.12rem",
-                "lineHeight": "1.8",
-                "color": "var(--color-text-primary)"
-              },
-              "children": [{ "tagName": "slot" }]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.stat1 ? 'grid' : 'none'}",
-                "gridTemplateColumns": "repeat(3, auto)",
-                "gap": "clamp(1.25rem, 4vw, 2.5rem)",
-                "marginTop": "2.25rem",
-                "paddingTop": "1.75rem",
-                "borderTop": "1px solid var(--color-border)",
-                "justifyContent": "start",
-                "@--sm": { "gridTemplateColumns": "repeat(3, 1fr)", "gap": "1rem" }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "children": [
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontFamily": "var(--font-display)",
-                        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
-                        "lineHeight": "1",
-                        "background": "var(--grad-hot)",
-                        "backgroundClip": "text",
-                        "webkitBackgroundClip": "text",
-                        "webkitTextFillColor": "transparent",
-                        "color": "var(--color-primary)"
-                      },
-                      "textContent": "${state.stat1}"
-                    },
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontSize": "0.8rem",
-                        "fontWeight": "600",
-                        "color": "var(--color-text-muted)",
-                        "marginTop": "0.35rem",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.04em"
-                      },
-                      "textContent": "${state.stat1label}"
-                    }
-                  ]
-                },
-                {
-                  "tagName": "div",
-                  "style": { "display": "${state.stat2 ? 'block' : 'none'}" },
-                  "children": [
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontFamily": "var(--font-display)",
-                        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
-                        "lineHeight": "1",
-                        "background": "var(--grad-hot)",
-                        "backgroundClip": "text",
-                        "webkitBackgroundClip": "text",
-                        "webkitTextFillColor": "transparent",
-                        "color": "var(--color-primary)"
-                      },
-                      "textContent": "${state.stat2}"
-                    },
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontSize": "0.8rem",
-                        "fontWeight": "600",
-                        "color": "var(--color-text-muted)",
-                        "marginTop": "0.35rem",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.04em"
-                      },
-                      "textContent": "${state.stat2label}"
-                    }
-                  ]
-                },
-                {
-                  "tagName": "div",
-                  "style": { "display": "${state.stat3 ? 'block' : 'none'}" },
-                  "children": [
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontFamily": "var(--font-display)",
-                        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
-                        "lineHeight": "1",
-                        "background": "var(--grad-hot)",
-                        "backgroundClip": "text",
-                        "webkitBackgroundClip": "text",
-                        "webkitTextFillColor": "transparent",
-                        "color": "var(--color-primary)"
-                      },
-                      "textContent": "${state.stat3}"
-                    },
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontSize": "0.8rem",
-                        "fontWeight": "600",
-                        "color": "var(--color-text-muted)",
-                        "marginTop": "0.35rem",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.04em"
-                      },
-                      "textContent": "${state.stat3label}"
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,171 +0,0 @@
-{
-  "tagName": "fs-modality",
-  "state": {
-    "title": "",
-    "text": "",
-    "tag": "",
-    "color": "#ff2e63",
-    "href": "/classes/",
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": ""
-  },
-  "style": {
-    "display": "flex",
-    "flexDirection": "column",
-    "height": "100%",
-    "borderRadius": "var(--radius)",
-    "overflow": "hidden",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "boxShadow": "0 10px 30px -18px rgba(26,15,24,0.3)",
-    "transition": "transform 0.18s, box-shadow 0.18s",
-    ":hover": {
-      "transform": "translateY(-4px)",
-      "boxShadow": "0 24px 48px -22px rgba(26,15,24,0.42)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "a",
-      "attributes": { "href": "${state.href}" },
-      "style": {
-        "display": "flex",
-        "flexDirection": "column",
-        "height": "100%",
-        "textDecoration": "none",
-        "color": "var(--color-text-primary)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative",
-            "aspectRatio": "5 / 4",
-            "overflow": "hidden",
-            "backgroundColor": "var(--duo-shadow)"
-          },
-          "children": [
-            {
-              "tagName": "img",
-              "attributes": {
-                "src": "${state.image}",
-                "alt": "${state.imageAlt}",
-                "width": "800",
-                "height": "640",
-                "loading": "lazy"
-              },
-              "style": {
-                "position": "absolute",
-                "inset": "0",
-                "width": "100%",
-                "height": "100%",
-                "objectFit": "cover",
-                "filter": "grayscale(100%) contrast(1.05) brightness(1.14)"
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "inset": "0",
-                "backgroundColor": "var(--duo-shadow)",
-                "mixBlendMode": "lighten"
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "inset": "0",
-                "backgroundColor": "${state.color}",
-                "mixBlendMode": "multiply",
-                "opacity": "0.82"
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "inset": "0",
-                "background": "linear-gradient(180deg, rgba(20,6,16,0.05) 40%, rgba(20,6,16,0.6) 100%)"
-              }
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "position": "absolute",
-                "top": "1rem",
-                "left": "1rem",
-                "padding": "0.35rem 0.85rem",
-                "borderRadius": "999px",
-                "backgroundColor": "rgba(255,255,255,0.92)",
-                "color": "var(--color-ink)",
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "0.7rem",
-                "fontWeight": "800",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.08em"
-              },
-              "textContent": "${state.tag}"
-            },
-            {
-              "tagName": "h3",
-              "style": {
-                "position": "absolute",
-                "bottom": "0.9rem",
-                "left": "1.15rem",
-                "right": "1.15rem",
-                "margin": "0",
-                "fontFamily": "var(--font-display)",
-                "fontSize": "clamp(1.7rem, 3vw, 2.2rem)",
-                "fontWeight": "400",
-                "lineHeight": "0.95",
-                "textTransform": "uppercase",
-                "color": "#ffffff",
-                "textShadow": "0 4px 18px rgba(20,6,16,0.5)"
-              },
-              "textContent": "${state.title}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "flex": "1",
-            "display": "flex",
-            "flexDirection": "column",
-            "padding": "1.4rem 1.5rem 1.6rem"
-          },
-          "children": [
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0 0 1.1rem",
-                "color": "var(--color-text-muted)",
-                "fontSize": "0.98rem",
-                "lineHeight": "1.6"
-              },
-              "textContent": "${state.text}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "marginTop": "auto",
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.4rem",
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "0.8rem",
-                "fontWeight": "800",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.06em",
-                "color": "${state.color}"
-              },
-              "textContent": "Explore classes →"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,128 +0,0 @@
-{
-  "tagName": "fs-nav",
-  "state": {
-    "brand": "EMBER"
-  },
-  "style": {
-    "display": "block",
-    "position": "sticky",
-    "top": "0",
-    "zIndex": "50",
-    "backgroundColor": "rgba(255,255,255,0.82)",
-    "backdropFilter": "blur(12px)",
-    "borderBottom": "1px solid var(--color-border)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "padding": "0.85rem 1.5rem",
-        "display": "flex",
-        "alignItems": "center",
-        "justifyContent": "space-between",
-        "gap": "1.5rem"
-      },
-      "children": [
-        {
-          "tagName": "a",
-          "attributes": { "href": "/" },
-          "style": {
-            "display": "inline-flex",
-            "alignItems": "center",
-            "gap": "0.6rem",
-            "textDecoration": "none"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "width": "1.6rem",
-                "height": "1.6rem",
-                "borderRadius": "50%",
-                "background": "var(--grad)",
-                "boxShadow": "0 0 0 4px rgba(255,46,99,0.14)",
-                "flexShrink": "0"
-              }
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-display)",
-                "fontSize": "1.5rem",
-                "letterSpacing": "0.02em",
-                "color": "var(--color-text-primary)",
-                "lineHeight": "1"
-              },
-              "textContent": "${state.brand}"
-            }
-          ]
-        },
-        {
-          "tagName": "nav",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "1.9rem",
-            "@--sm": { "gap": "1rem" }
-          },
-          "children": [
-            {
-              "tagName": "a",
-              "attributes": { "href": "/classes/" },
-              "style": {
-                "color": "var(--color-text-primary)",
-                "textDecoration": "none",
-                "fontWeight": "600",
-                "fontSize": "0.82rem",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.1em",
-                ":hover": { "color": "var(--color-primary)" }
-              },
-              "textContent": "Schedule"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/pricing/" },
-              "style": {
-                "color": "var(--color-text-primary)",
-                "textDecoration": "none",
-                "fontWeight": "600",
-                "fontSize": "0.82rem",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.1em",
-                "@--sm": { "display": "none" },
-                ":hover": { "color": "var(--color-primary)" }
-              },
-              "textContent": "Pricing"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "inline-block",
-                "background": "var(--grad-hot)",
-                "color": "var(--color-text-white)",
-                "padding": "0.6rem 1.4rem",
-                "borderRadius": "999px",
-                "textDecoration": "none",
-                "fontWeight": "700",
-                "fontSize": "0.82rem",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.08em",
-                "boxShadow": "0 8px 22px -8px rgba(255,46,99,0.6)",
-                "transition": "transform 0.15s, box-shadow 0.15s",
-                ":hover": {
-                  "transform": "translateY(-2px)",
-                  "boxShadow": "0 14px 30px -8px rgba(255,46,99,0.7)"
-                }
-              },
-              "textContent": "Book a Class"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}