@jxsuite/starters 3.4.0 → 3.5.0

package/sites/real-estate/components/re-cta.json

@@ -1,128 +0,0 @@
-{
-  "tagName": "re-cta",
-  "state": {
-    "heading": "",
-    "text": "",
-    "cta": "Contact an Agent",
-    "ctaHref": "/contact/",
-    "cta2": "",
-    "cta2Href": "/listings/"
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "background": "radial-gradient(ellipse 55% 80% at 50% 120%, rgba(20,184,166,0.22), transparent 65%), var(--color-bg-dark)",
-    "color": "var(--color-text-white)",
-    "padding": "clamp(3.5rem, 8vw, 5.5rem) 1.5rem",
-    "textAlign": "center"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width-narrow)",
-        "margin": "0 auto",
-        "position": "relative",
-        "zIndex": "2"
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "textTransform": "uppercase",
-            "letterSpacing": "0.18em",
-            "fontSize": "0.74rem",
-            "fontWeight": "700",
-            "color": "var(--color-accent-bright)",
-            "margin": "0 0 1rem"
-          },
-          "textContent": "Northshore Realty"
-        },
-        {
-          "tagName": "h2",
-          "style": {
-            "fontFamily": "var(--font-display)",
-            "fontSize": "clamp(2rem, 4.4vw, 3rem)",
-            "fontWeight": "500",
-            "lineHeight": "1.1",
-            "letterSpacing": "-0.015em",
-            "margin": "0 0 1rem",
-            "color": "var(--color-text-white)"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "fontSize": "1.12rem",
-            "lineHeight": "1.65",
-            "color": "rgba(255,255,255,0.74)",
-            "margin": "0 auto 2.25rem",
-            "maxWidth": "50ch"
-          },
-          "textContent": "${state.text}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "gap": "0.75rem",
-            "justifyContent": "center",
-            "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.9rem 2rem",
-                "borderRadius": "999px",
-                "fontSize": "1.02rem",
-                "fontWeight": "700",
-                "textDecoration": "none",
-                "transition": "transform 0.15s, box-shadow 0.15s",
-                "boxShadow": "0 14px 34px -14px rgba(20,184,166,0.8)",
-                ":hover": {
-                  "transform": "translateY(-2px)",
-                  "boxShadow": "0 20px 44px -14px rgba(20,184,166,0.9)"
-                }
-              },
-              "children": [
-                { "tagName": "span", "textContent": "${state.cta}" },
-                { "tagName": "span", "textContent": "→" }
-              ]
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "${state.cta2Href}" },
-              "style": {
-                "display": "${state.cta2 ? 'inline-flex' : 'none'}",
-                "alignItems": "center",
-                "border": "1px solid rgba(255,255,255,0.22)",
-                "backgroundColor": "rgba(255,255,255,0.04)",
-                "color": "var(--color-text-white)",
-                "padding": "0.9rem 2rem",
-                "borderRadius": "999px",
-                "fontSize": "1.02rem",
-                "fontWeight": "600",
-                "textDecoration": "none",
-                "transition": "background-color 0.15s, border-color 0.15s",
-                ":hover": {
-                  "backgroundColor": "rgba(255,255,255,0.09)",
-                  "borderColor": "rgba(255,255,255,0.4)"
-                }
-              },
-              "textContent": "${state.cta2}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/real-estate/components/re-detail-row.json

@@ -1,26 +0,0 @@
-{
-  "tagName": "re-detail-row",
-  "state": {
-    "label": "",
-    "value": ""
-  },
-  "style": {
-    "display": "flex",
-    "justifyContent": "space-between",
-    "gap": "1rem",
-    "padding": "0.55rem 0",
-    "borderTop": "1px solid rgba(255, 255, 255, 0.15)"
-  },
-  "children": [
-    {
-      "tagName": "span",
-      "style": { "fontWeight": "600" },
-      "textContent": "${state.label}"
-    },
-    {
-      "tagName": "span",
-      "style": { "opacity": "0.8" },
-      "textContent": "${state.value}"
-    }
-  ]
-}

package/sites/real-estate/components/re-feature.json

@@ -1,57 +0,0 @@
-{
-  "tagName": "re-feature",
-  "state": {
-    "icon": "",
-    "title": "",
-    "text": ""
-  },
-  "style": {
-    "display": "block",
-    "padding": "1.75rem",
-    "backgroundColor": "var(--color-bg-white)",
-    "borderRadius": "var(--radius)",
-    "border": "1px solid var(--color-border)",
-    "transition": "transform 0.2s, box-shadow 0.2s",
-    ":hover": { "transform": "translateY(-3px)", "boxShadow": "var(--shadow-card)" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "inline-flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "width": "3rem",
-        "height": "3rem",
-        "borderRadius": "0.7rem",
-        "backgroundColor": "var(--color-teal-tint)",
-        "border": "1px solid var(--color-accent-soft)",
-        "fontSize": "1.4rem",
-        "marginBottom": "1.1rem",
-        "lineHeight": "1"
-      },
-      "textContent": "${state.icon}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.15rem",
-        "fontWeight": "700",
-        "letterSpacing": "-0.01em",
-        "margin": "0 0 0.5rem"
-      },
-      "textContent": "${state.title}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0",
-        "color": "var(--color-text-muted)",
-        "fontSize": "0.98rem",
-        "lineHeight": "1.65"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}

package/sites/real-estate/components/re-footer.json

@@ -1,291 +0,0 @@
-{
-  "tagName": "re-footer",
-  "state": {
-    "brand": "Northshore Realty",
-    "tagline": "The north shore's property index — helping neighbors buy and sell since 2004.",
-    "address": "45 Lakeshore Drive, Bayport",
-    "phone": "(555) 204-7788",
-    "license": "License #RE-0294187 · Equal Housing Opportunity"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-dark)",
-    "color": "var(--color-text-white)",
-    "padding": "clamp(3rem, 6vw, 4.5rem) 1.5rem 2rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "2fr 1fr 1fr 1fr",
-        "gap": "2.5rem",
-        "@--md": { "gridTemplateColumns": "1fr 1fr" },
-        "@--sm": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.55rem",
-                "marginBottom": "0.9rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                    "width": "1.9rem",
-                    "height": "1.9rem",
-                    "borderRadius": "0.5rem",
-                    "background": "linear-gradient(150deg, var(--color-accent-bright), var(--color-primary))",
-                    "color": "var(--color-ink)",
-                    "fontSize": "1rem"
-                  },
-                  "textContent": "⌂"
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "1.25rem",
-                    "fontWeight": "800",
-                    "letterSpacing": "-0.02em"
-                  },
-                  "textContent": "${state.brand}"
-                }
-              ]
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0 0 1.25rem",
-                "color": "rgba(255,255,255,0.6)",
-                "maxWidth": "36ch",
-                "fontSize": "0.95rem",
-                "lineHeight": "1.6"
-              },
-              "textContent": "${state.tagline}"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/listings/" },
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.5rem",
-                "padding": "0.6rem 1.1rem",
-                "borderRadius": "999px",
-                "border": "1px solid rgba(255,255,255,0.2)",
-                "color": "var(--color-text-white)",
-                "textDecoration": "none",
-                "fontWeight": "700",
-                "fontSize": "0.9rem",
-                "transition": "border-color 0.15s, background-color 0.15s",
-                ":hover": {
-                  "borderColor": "var(--color-accent-bright)",
-                  "backgroundColor": "rgba(255,255,255,0.05)"
-                }
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": { "color": "var(--color-accent-bright)" },
-                  "textContent": "⌕"
-                },
-                { "tagName": "span", "textContent": "Search homes" }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "textTransform": "uppercase",
-                "letterSpacing": "0.1em",
-                "fontSize": "0.72rem",
-                "color": "rgba(255,255,255,0.45)",
-                "fontWeight": "700",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "Explore"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/listings/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.5rem",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "All listings"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/#neighborhoods" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.5rem",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "Neighborhoods"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/about/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "About us"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "textTransform": "uppercase",
-                "letterSpacing": "0.1em",
-                "fontSize": "0.72rem",
-                "color": "rgba(255,255,255,0.45)",
-                "fontWeight": "700",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "Office"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0 0 0.4rem",
-                "color": "rgba(255,255,255,0.82)",
-                "fontSize": "0.92rem"
-              },
-              "textContent": "${state.address}"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "tel:+15552047788" },
-              "style": {
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "fontSize": "0.92rem",
-                "fontVariantNumeric": "tabular-nums",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "${state.phone}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "textTransform": "uppercase",
-                "letterSpacing": "0.1em",
-                "fontSize": "0.72rem",
-                "color": "rgba(255,255,255,0.45)",
-                "fontWeight": "700",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "Get started"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.5rem",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "Book a call"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "marginBottom": "0.5rem",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "Sell your home"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "block",
-                "color": "rgba(255,255,255,0.82)",
-                "textDecoration": "none",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent-bright)" }
-              },
-              "textContent": "Set up alerts"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "2.75rem auto 0",
-        "paddingTop": "1.5rem",
-        "borderTop": "1px solid rgba(255,255,255,0.12)",
-        "display": "flex",
-        "justifyContent": "space-between",
-        "flexWrap": "wrap",
-        "gap": "0.75rem",
-        "fontSize": "0.82rem",
-        "color": "rgba(255,255,255,0.5)"
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": { "margin": "0" },
-          "textContent": "© Northshore Realty. Built with Jx."
-        },
-        { "tagName": "p", "style": { "margin": "0" }, "textContent": "${state.license}" }
-      ]
-    }
-  ]
-}