@jxsuite/starters 3.4.0 → 3.6.0

package/sites/professional-firm/pages/insights/[slug].json

@@ -1,129 +0,0 @@
-{
-  "$layout": "./layouts/article.json",
-  "$paths": { "contentType": "insights", "param": "slug", "field": "id" },
-  "title": "${state.entry.data.title} — Meridian Advisory",
-  "state": {
-    "entry": {
-      "$prototype": "ContentEntry",
-      "$src": "@jxsuite/parser/ContentEntry.class.json",
-      "contentType": "insights",
-      "field": "id",
-      "id": { "$ref": "#/$params/slug" }
-    }
-  },
-  "children": [
-    {
-      "tagName": "article",
-      "children": [
-        {
-          "tagName": "pf-article-header",
-          "$props": {
-            "eyebrow": "${state.entry.data.category}",
-            "title": "${state.entry.data.title}",
-            "date": "${state.entry.data.date}",
-            "author": "${state.entry.data.author}",
-            "readingTime": "${state.entry._meta.readingTime}"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "fontFamily": "var(--font-serif)",
-            "fontSize": "1.2rem",
-            "lineHeight": "1.8",
-            "color": "var(--color-ink)",
-            "& p:first-of-type::first-letter": {
-              "float": "left",
-              "fontFamily": "var(--font-serif)",
-              "fontSize": "3.6em",
-              "lineHeight": "0.82",
-              "fontWeight": "600",
-              "padding": "0.02em 0.14em 0 0",
-              "color": "var(--color-accent)"
-            }
-          },
-          "children": {
-            "$prototype": "Array",
-            "items": { "$ref": "#/state/entry/$children" },
-            "map": {
-              "tagName": "p",
-              "style": { "margin": "0 0 1.5rem" },
-              "textContent": "${item.textContent}"
-            }
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "marginTop": "2.5rem",
-            "paddingTop": "1.5rem",
-            "borderTop": "1px solid var(--color-hairline)",
-            "fontFamily": "var(--font-sans)",
-            "fontSize": "0.78rem",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.12em",
-            "color": "var(--color-muted)"
-          },
-          "textContent": "Written by ${state.entry.data.author} · Meridian Advisory"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "marginTop": "2.5rem",
-            "backgroundColor": "var(--color-ink-deep)",
-            "color": "var(--color-text-white)",
-            "borderTop": "3px solid var(--color-accent)",
-            "padding": "2rem",
-            "display": "flex",
-            "flexWrap": "wrap",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1.25rem"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-serif)",
-                    "fontSize": "1.35rem",
-                    "fontWeight": "500",
-                    "marginBottom": "0.3rem"
-                  },
-                  "textContent": "Have a question this raised?"
-                },
-                {
-                  "tagName": "div",
-                  "style": { "color": "rgba(244,241,233,0.75)", "fontSize": "0.95rem" },
-                  "textContent": "Book a free consultation with a Meridian advisor."
-                }
-              ]
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "inline-block",
-                "backgroundColor": "var(--color-accent)",
-                "color": "var(--color-ink-deep)",
-                "padding": "0.85rem 1.75rem",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.76rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.14em",
-                "textDecoration": "none",
-                "whiteSpace": "nowrap",
-                "transition": "background-color 0.15s",
-                ":hover": { "backgroundColor": "#b0904c" }
-              },
-              "textContent": "Book a consultation"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/real-estate/components/re-agent-band.json

@@ -1,240 +0,0 @@
-{
-  "tagName": "re-agent-band",
-  "state": {
-    "eyebrow": "Your north shore team",
-    "heading": "",
-    "text": "",
-    "phone": "(555) 204-7788",
-    "cta": "Book a call",
-    "ctaHref": "/contact/",
-    "cta2": "Meet the team",
-    "cta2Href": "/about/",
-    "img1": { "type": "string", "format": "image", "default": "/images/agent-1.jpg" },
-    "img2": { "type": "string", "format": "image", "default": "/images/agent-2.jpg" },
-    "img3": { "type": "string", "format": "image", "default": "/images/agent-3.jpg" }
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(2.5rem, 6vw, 4rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "position": "relative",
-        "overflow": "hidden",
-        "borderRadius": "var(--radius-lg)",
-        "background": "radial-gradient(ellipse 60% 90% at 8% 0%, rgba(20,184,166,0.28), transparent 60%), radial-gradient(ellipse 50% 80% at 100% 100%, rgba(13,148,136,0.22), transparent 60%), var(--color-bg-dark)",
-        "border": "1px solid var(--color-bg-ink-soft)",
-        "padding": "clamp(2rem, 4vw, 3.25rem)",
-        "display": "grid",
-        "gridTemplateColumns": "auto 1fr",
-        "gap": "clamp(1.5rem, 4vw, 3.5rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "1.75rem" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "display": "flex", "flexDirection": "column", "gap": "1rem" },
-          "children": [
-            {
-              "tagName": "div",
-              "style": { "display": "flex", "alignItems": "center" },
-              "children": [
-                {
-                  "tagName": "img",
-                  "attributes": {
-                    "src": "${state.img1}",
-                    "alt": "Northshore Realty agent",
-                    "loading": "lazy",
-                    "width": "72",
-                    "height": "72"
-                  },
-                  "style": {
-                    "width": "4.5rem",
-                    "height": "4.5rem",
-                    "borderRadius": "999px",
-                    "objectFit": "cover",
-                    "border": "3px solid var(--color-bg-dark)",
-                    "boxShadow": "0 6px 18px rgba(0,0,0,0.4)"
-                  }
-                },
-                {
-                  "tagName": "img",
-                  "attributes": {
-                    "src": "${state.img2}",
-                    "alt": "Northshore Realty agent",
-                    "loading": "lazy",
-                    "width": "72",
-                    "height": "72"
-                  },
-                  "style": {
-                    "width": "4.5rem",
-                    "height": "4.5rem",
-                    "borderRadius": "999px",
-                    "objectFit": "cover",
-                    "border": "3px solid var(--color-bg-dark)",
-                    "marginLeft": "-1.1rem",
-                    "boxShadow": "0 6px 18px rgba(0,0,0,0.4)"
-                  }
-                },
-                {
-                  "tagName": "img",
-                  "attributes": {
-                    "src": "${state.img3}",
-                    "alt": "Northshore Realty agent",
-                    "loading": "lazy",
-                    "width": "72",
-                    "height": "72"
-                  },
-                  "style": {
-                    "width": "4.5rem",
-                    "height": "4.5rem",
-                    "borderRadius": "999px",
-                    "objectFit": "cover",
-                    "border": "3px solid var(--color-bg-dark)",
-                    "marginLeft": "-1.1rem",
-                    "boxShadow": "0 6px 18px rgba(0,0,0,0.4)"
-                  }
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.4rem",
-                "color": "var(--color-accent-bright)",
-                "fontWeight": "700",
-                "fontSize": "0.9rem"
-              },
-              "children": [
-                { "tagName": "span", "textContent": "★★★★★" },
-                {
-                  "tagName": "span",
-                  "style": { "color": "rgba(255,255,255,0.6)", "fontWeight": "600" },
-                  "textContent": "4.9 · 220 reviews"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "p",
-              "style": {
-                "textTransform": "uppercase",
-                "letterSpacing": "0.16em",
-                "fontSize": "0.74rem",
-                "fontWeight": "700",
-                "color": "var(--color-accent-bright)",
-                "margin": "0 0 0.8rem"
-              },
-              "textContent": "${state.eyebrow}"
-            },
-            {
-              "tagName": "h2",
-              "style": {
-                "fontFamily": "var(--font-display)",
-                "fontSize": "clamp(1.75rem, 3.4vw, 2.6rem)",
-                "fontWeight": "500",
-                "lineHeight": "1.1",
-                "letterSpacing": "-0.015em",
-                "margin": "0 0 0.9rem",
-                "color": "var(--color-text-white)"
-              },
-              "textContent": "${state.heading}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontSize": "1.05rem",
-                "lineHeight": "1.65",
-                "color": "rgba(255,255,255,0.72)",
-                "margin": "0 0 1.75rem",
-                "maxWidth": "48ch"
-              },
-              "textContent": "${state.text}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "1.25rem",
-                "flexWrap": "wrap"
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.ctaHref}" },
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "backgroundColor": "var(--color-accent-bright)",
-                    "color": "var(--color-ink)",
-                    "padding": "0.85rem 1.6rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1rem",
-                    "fontWeight": "700",
-                    "textDecoration": "none",
-                    "transition": "transform 0.15s, box-shadow 0.15s",
-                    "boxShadow": "0 12px 30px -12px rgba(20,184,166,0.7)",
-                    ":hover": {
-                      "transform": "translateY(-2px)",
-                      "boxShadow": "0 18px 40px -12px rgba(20,184,166,0.8)"
-                    }
-                  },
-                  "children": [
-                    { "tagName": "span", "textContent": "${state.cta}" },
-                    { "tagName": "span", "textContent": "→" }
-                  ]
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "tel:+15552047788" },
-                  "style": {
-                    "display": "inline-flex",
-                    "flexDirection": "column",
-                    "textDecoration": "none"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontSize": "0.72rem",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.12em",
-                        "color": "rgba(255,255,255,0.5)",
-                        "fontWeight": "700"
-                      },
-                      "textContent": "Call us"
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontSize": "1.2rem",
-                        "fontWeight": "800",
-                        "color": "var(--color-text-white)",
-                        "fontVariantNumeric": "tabular-nums",
-                        "letterSpacing": "-0.01em"
-                      },
-                      "textContent": "${state.phone}"
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/real-estate/components/re-agent-card.json

@@ -1,93 +0,0 @@
-{
-  "tagName": "re-agent-card",
-  "state": {
-    "name": "",
-    "role": "",
-    "phone": "",
-    "image": { "type": "string", "format": "image", "default": "" }
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "overflow": "hidden",
-    "transition": "transform 0.2s, box-shadow 0.2s",
-    ":hover": { "transform": "translateY(-3px)", "boxShadow": "var(--shadow-card)" },
-    ":hover img": { "transform": "scale(1.04)" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "overflow": "hidden",
-        "aspectRatio": "1 / 1",
-        "backgroundColor": "var(--color-bg-tint)"
-      },
-      "children": [
-        {
-          "tagName": "img",
-          "attributes": { "src": "${state.image}", "alt": "${state.name}", "loading": "lazy" },
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "width": "100%",
-            "height": "100%",
-            "objectFit": "cover",
-            "display": "block",
-            "transition": "transform 0.5s cubic-bezier(0.22, 1, 0.36, 1)"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "padding": "1.25rem" },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0 0 0.5rem",
-            "color": "var(--color-primary)",
-            "fontSize": "0.72rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.1em"
-          },
-          "textContent": "${state.role}"
-        },
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.2rem",
-            "fontWeight": "700",
-            "letterSpacing": "-0.01em",
-            "margin": "0 0 0.6rem"
-          },
-          "textContent": "${state.name}"
-        },
-        {
-          "tagName": "a",
-          "attributes": { "href": "tel:${state.phone}" },
-          "style": {
-            "display": "inline-flex",
-            "alignItems": "center",
-            "gap": "0.4rem",
-            "color": "var(--color-text-secondary)",
-            "fontSize": "0.92rem",
-            "fontWeight": "600",
-            "textDecoration": "none",
-            "fontVariantNumeric": "tabular-nums",
-            ":hover": { "color": "var(--color-primary)" }
-          },
-          "children": [
-            { "tagName": "span", "style": { "fontSize": "0.85rem" }, "textContent": "☎" },
-            { "tagName": "span", "textContent": "${state.phone}" }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/real-estate/components/re-contact-form.json

@@ -1,181 +0,0 @@
-{
-  "tagName": "re-contact-form",
-  "state": {
-    "note": "This is a demo form. Wire it to your CRM or email in pages/contact.md."
-  },
-  "style": { "display": "block" },
-  "children": [
-    {
-      "tagName": "form",
-      "attributes": { "action": "#", "method": "post" },
-      "style": { "display": "grid", "gap": "0.9rem", "marginTop": "1.5rem" },
-      "children": [
-        {
-          "tagName": "input",
-          "attributes": {
-            "type": "text",
-            "name": "name",
-            "placeholder": "Your name",
-            "required": "true",
-            "aria-label": "Your name"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.8rem 0.95rem",
-            "border": "1px solid var(--color-border-strong)",
-            "borderRadius": "var(--radius-sm)",
-            "fontSize": "1rem",
-            "fontFamily": "inherit",
-            "backgroundColor": "var(--color-bg-white)",
-            "outline": "none",
-            "transition": "border-color 0.15s, box-shadow 0.15s",
-            ":focus": {
-              "borderColor": "var(--color-primary)",
-              "boxShadow": "0 0 0 3px var(--color-accent-soft)"
-            }
-          }
-        },
-        {
-          "tagName": "input",
-          "attributes": {
-            "type": "email",
-            "name": "email",
-            "placeholder": "Email address",
-            "required": "true",
-            "aria-label": "Email address"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.8rem 0.95rem",
-            "border": "1px solid var(--color-border-strong)",
-            "borderRadius": "var(--radius-sm)",
-            "fontSize": "1rem",
-            "fontFamily": "inherit",
-            "backgroundColor": "var(--color-bg-white)",
-            "outline": "none",
-            "transition": "border-color 0.15s, box-shadow 0.15s",
-            ":focus": {
-              "borderColor": "var(--color-primary)",
-              "boxShadow": "0 0 0 3px var(--color-accent-soft)"
-            }
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "grid",
-            "gridTemplateColumns": "1fr 1fr",
-            "gap": "0.9rem",
-            "@--sm": { "gridTemplateColumns": "1fr" }
-          },
-          "children": [
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "text",
-                "name": "intent",
-                "placeholder": "Buying or selling?",
-                "aria-label": "Buying or selling"
-              },
-              "style": {
-                "width": "100%",
-                "padding": "0.8rem 0.95rem",
-                "border": "1px solid var(--color-border-strong)",
-                "borderRadius": "var(--radius-sm)",
-                "fontSize": "1rem",
-                "fontFamily": "inherit",
-                "backgroundColor": "var(--color-bg-white)",
-                "outline": "none",
-                "transition": "border-color 0.15s, box-shadow 0.15s",
-                ":focus": {
-                  "borderColor": "var(--color-primary)",
-                  "boxShadow": "0 0 0 3px var(--color-accent-soft)"
-                }
-              }
-            },
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "text",
-                "name": "area",
-                "placeholder": "Preferred area",
-                "aria-label": "Preferred area"
-              },
-              "style": {
-                "width": "100%",
-                "padding": "0.8rem 0.95rem",
-                "border": "1px solid var(--color-border-strong)",
-                "borderRadius": "var(--radius-sm)",
-                "fontSize": "1rem",
-                "fontFamily": "inherit",
-                "backgroundColor": "var(--color-bg-white)",
-                "outline": "none",
-                "transition": "border-color 0.15s, box-shadow 0.15s",
-                ":focus": {
-                  "borderColor": "var(--color-primary)",
-                  "boxShadow": "0 0 0 3px var(--color-accent-soft)"
-                }
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "textarea",
-          "attributes": {
-            "name": "notes",
-            "rows": "4",
-            "placeholder": "What are you looking for? Budget, bedrooms, timing…",
-            "aria-label": "Notes"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.8rem 0.95rem",
-            "border": "1px solid var(--color-border-strong)",
-            "borderRadius": "var(--radius-sm)",
-            "fontSize": "1rem",
-            "fontFamily": "inherit",
-            "backgroundColor": "var(--color-bg-white)",
-            "outline": "none",
-            "resize": "vertical",
-            "transition": "border-color 0.15s, box-shadow 0.15s",
-            ":focus": {
-              "borderColor": "var(--color-primary)",
-              "boxShadow": "0 0 0 3px var(--color-accent-soft)"
-            }
-          }
-        },
-        {
-          "tagName": "button",
-          "attributes": { "type": "submit" },
-          "textContent": "Request a call",
-          "style": {
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-text-white)",
-            "padding": "0.9rem 1.6rem",
-            "border": "none",
-            "borderRadius": "999px",
-            "fontSize": "1rem",
-            "fontFamily": "inherit",
-            "fontWeight": "700",
-            "cursor": "pointer",
-            "justifySelf": "start",
-            "transition": "background-color 0.15s, transform 0.15s",
-            ":hover": {
-              "backgroundColor": "var(--color-primary-hover)",
-              "transform": "translateY(-1px)"
-            }
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "fontSize": "0.85rem",
-        "color": "var(--color-text-muted)",
-        "margin": "1rem 0 0"
-      },
-      "textContent": "${state.note}"
-    }
-  ]
-}