@jxsuite/starters 0.34.0 → 0.35.0

package/sites/professional-firm/components/pf-service-row.json

@@ -0,0 +1,104 @@
+{
+  "tagName": "pf-service-row",
+  "state": {
+    "number": "",
+    "tag": "",
+    "title": "",
+    "text": "",
+    "href": "/services/"
+  },
+  "style": { "display": "block" },
+  "children": [
+    {
+      "tagName": "a",
+      "attributes": { "href": "${state.href}" },
+      "style": {
+        "display": "grid",
+        "gridTemplateColumns": "minmax(2.75rem, 4.5rem) minmax(0, 22ch) minmax(0, 1fr) auto",
+        "gap": "clamp(1rem, 3vw, 2.5rem)",
+        "alignItems": "baseline",
+        "padding": "clamp(1.5rem, 3vw, 2rem) 0.5rem",
+        "textDecoration": "none",
+        "color": "var(--color-ink)",
+        "borderTop": "1px solid var(--color-hairline)",
+        "transition": "background-color 0.18s, color 0.18s",
+        "@--md": {
+          "gridTemplateColumns": "auto 1fr",
+          "gap": "0.75rem 1.25rem"
+        },
+        ":hover": {
+          "backgroundColor": "var(--color-paper-2)",
+          "color": "var(--color-accent-deep)"
+        }
+      },
+      "children": [
+        {
+          "tagName": "span",
+          "style": {
+            "fontFamily": "var(--font-sans)",
+            "fontWeight": "600",
+            "fontSize": "clamp(1.25rem, 2.6vw, 1.7rem)",
+            "lineHeight": "1",
+            "letterSpacing": "0.02em",
+            "color": "var(--color-accent)",
+            "fontVariantNumeric": "tabular-nums"
+          },
+          "textContent": "${state.number}"
+        },
+        {
+          "tagName": "div",
+          "children": [
+            {
+              "tagName": "span",
+              "style": {
+                "display": "${state.tag ? 'block' : 'none'}",
+                "fontFamily": "var(--font-sans)",
+                "fontSize": "0.68rem",
+                "fontWeight": "600",
+                "textTransform": "uppercase",
+                "letterSpacing": "0.16em",
+                "color": "var(--color-muted)",
+                "marginBottom": "0.5rem"
+              },
+              "textContent": "${state.tag}"
+            },
+            {
+              "tagName": "h3",
+              "style": {
+                "fontFamily": "var(--font-serif)",
+                "fontWeight": "500",
+                "fontSize": "clamp(1.35rem, 2.4vw, 1.85rem)",
+                "lineHeight": "1.15",
+                "letterSpacing": "-0.01em",
+                "margin": "0",
+                "color": "inherit"
+              },
+              "textContent": "${state.title}"
+            }
+          ]
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "margin": "0",
+            "fontSize": "1rem",
+            "lineHeight": "1.6",
+            "color": "var(--color-muted)",
+            "@--md": { "gridColumn": "2 / -1" }
+          },
+          "textContent": "${state.text}"
+        },
+        {
+          "tagName": "span",
+          "style": {
+            "fontFamily": "var(--font-sans)",
+            "fontSize": "1.1rem",
+            "color": "var(--color-accent)",
+            "@--md": { "display": "none" }
+          },
+          "textContent": "→"
+        }
+      ]
+    }
+  ]
+}

package/sites/professional-firm/components/pf-statband.json

@@ -0,0 +1,183 @@
+{
+  "tagName": "pf-statband",
+  "state": {
+    "n1": "",
+    "l1": "",
+    "n2": "",
+    "l2": "",
+    "n3": "",
+    "l3": "",
+    "n4": "",
+    "l4": ""
+  },
+  "style": {
+    "display": "block",
+    "backgroundColor": "var(--color-paper)",
+    "borderTop": "1px solid var(--color-rule)",
+    "borderBottom": "1px solid var(--color-rule)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "maxWidth": "var(--max-width)",
+        "margin": "0 auto",
+        "display": "grid",
+        "gridTemplateColumns": "repeat(4, 1fr)",
+        "@--sm": { "gridTemplateColumns": "repeat(2, 1fr)" }
+      },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)"
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "fontFamily": "var(--font-sans)",
+                "fontWeight": "600",
+                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
+                "lineHeight": "1",
+                "letterSpacing": "-0.02em",
+                "color": "var(--color-ink)",
+                "fontVariantNumeric": "tabular-nums"
+              },
+              "textContent": "${state.n1}"
+            },
+            {
+              "tagName": "div",
+              "style": {
+                "marginTop": "0.7rem",
+                "fontFamily": "var(--font-sans)",
+                "fontSize": "0.7rem",
+                "fontWeight": "600",
+                "textTransform": "uppercase",
+                "letterSpacing": "0.14em",
+                "color": "var(--color-muted)",
+                "lineHeight": "1.4"
+              },
+              "textContent": "${state.l1}"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)",
+            "borderLeft": "1px solid var(--color-hairline)"
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "fontFamily": "var(--font-sans)",
+                "fontWeight": "600",
+                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
+                "lineHeight": "1",
+                "letterSpacing": "-0.02em",
+                "color": "var(--color-ink)",
+                "fontVariantNumeric": "tabular-nums"
+              },
+              "textContent": "${state.n2}"
+            },
+            {
+              "tagName": "div",
+              "style": {
+                "marginTop": "0.7rem",
+                "fontFamily": "var(--font-sans)",
+                "fontSize": "0.7rem",
+                "fontWeight": "600",
+                "textTransform": "uppercase",
+                "letterSpacing": "0.14em",
+                "color": "var(--color-muted)",
+                "lineHeight": "1.4"
+              },
+              "textContent": "${state.l2}"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)",
+            "borderLeft": "1px solid var(--color-hairline)",
+            "@--sm": {
+              "borderLeft": "none",
+              "borderTop": "1px solid var(--color-hairline)"
+            }
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "fontFamily": "var(--font-sans)",
+                "fontWeight": "600",
+                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
+                "lineHeight": "1",
+                "letterSpacing": "-0.02em",
+                "color": "var(--color-ink)",
+                "fontVariantNumeric": "tabular-nums"
+              },
+              "textContent": "${state.n3}"
+            },
+            {
+              "tagName": "div",
+              "style": {
+                "marginTop": "0.7rem",
+                "fontFamily": "var(--font-sans)",
+                "fontSize": "0.7rem",
+                "fontWeight": "600",
+                "textTransform": "uppercase",
+                "letterSpacing": "0.14em",
+                "color": "var(--color-muted)",
+                "lineHeight": "1.4"
+              },
+              "textContent": "${state.l3}"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)",
+            "borderLeft": "1px solid var(--color-hairline)",
+            "@--sm": {
+              "borderTop": "1px solid var(--color-hairline)"
+            }
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "fontFamily": "var(--font-sans)",
+                "fontWeight": "600",
+                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
+                "lineHeight": "1",
+                "letterSpacing": "-0.02em",
+                "color": "var(--color-ink)",
+                "fontVariantNumeric": "tabular-nums"
+              },
+              "textContent": "${state.n4}"
+            },
+            {
+              "tagName": "div",
+              "style": {
+                "marginTop": "0.7rem",
+                "fontFamily": "var(--font-sans)",
+                "fontSize": "0.7rem",
+                "fontWeight": "600",
+                "textTransform": "uppercase",
+                "letterSpacing": "0.14em",
+                "color": "var(--color-muted)",
+                "lineHeight": "1.4"
+              },
+              "textContent": "${state.l4}"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/sites/professional-firm/components/pf-team-member.json

@@ -7,48 +7,53 @@
     "bio": ""
   },
   "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-white)",
-    "borderRadius": "var(--radius)",
-    "border": "1px solid var(--color-border)",
-    "overflow": "hidden",
-    "boxShadow": "0 4px 20px rgba(15,23,42,0.05)"
+    "display": "block"
   },
   "children": [
-    {
-      "tagName": "img",
-      "attributes": {
-        "src": "${state.photo}",
-        "alt": "${state.name}",
-        "loading": "lazy"
-      },
-      "style": {
-        "width": "100%",
-        "aspectRatio": "4 / 5",
-        "objectFit": "cover",
-        "display": "block"
-      }
-    },
     {
       "tagName": "div",
-      "style": { "padding": "1.5rem" },
+      "style": {
+        "position": "relative",
+        "borderTop": "1px solid var(--color-rule)",
+        "paddingTop": "1.25rem"
+      },
       "children": [
+        {
+          "tagName": "img",
+          "attributes": {
+            "src": "${state.photo}",
+            "alt": "${state.name}",
+            "loading": "lazy"
+          },
+          "style": {
+            "width": "100%",
+            "aspectRatio": "4 / 5",
+            "objectFit": "cover",
+            "display": "block",
+            "filter": "grayscale(1) contrast(1.02)",
+            "transition": "filter 0.3s"
+          }
+        },
         {
           "tagName": "h3",
           "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.25rem",
-            "fontWeight": "600",
-            "margin": "0 0 0.2rem"
+            "fontFamily": "var(--font-serif)",
+            "fontSize": "1.3rem",
+            "fontWeight": "500",
+            "margin": "1.1rem 0 0.15rem",
+            "color": "var(--color-ink)"
           },
           "textContent": "${state.name}"
         },
         {
           "tagName": "div",
           "style": {
-            "color": "var(--color-primary)",
+            "fontFamily": "var(--font-sans)",
+            "fontSize": "0.7rem",
             "fontWeight": "600",
-            "fontSize": "0.9rem",
+            "textTransform": "uppercase",
+            "letterSpacing": "0.14em",
+            "color": "var(--color-accent)",
             "marginBottom": "0.75rem"
           },
           "textContent": "${state.role}"
@@ -58,9 +63,9 @@
           "style": {
             "display": "${state.bio ? 'block' : 'none'}",
             "margin": "0",
-            "color": "var(--color-text-muted)",
+            "color": "var(--color-muted)",
             "fontSize": "0.95rem",
-            "lineHeight": "1.65"
+            "lineHeight": "1.6"
           },
           "textContent": "${state.bio}"
         }

package/sites/professional-firm/content/insights/cash-flow-forecasting.md

@@ -3,6 +3,7 @@ title: Why Profitable Companies Still Run Out of Cash
 excerpt: Profit and cash are not the same thing. A thirteen-week forecast is the single most useful tool for a business that is growing faster than its bank balance.
 date: November 12, 2025
 author: Marcus Bell
+category: Cash Flow
 order: 2
 ---
 

package/sites/professional-firm/content/insights/choosing-business-entity.md

@@ -3,6 +3,7 @@ title: "LLC, S-Corp, or C-Corp: Choosing the Right Entity"
 excerpt: The structure you register determines how you are taxed, how you raise money, and how much paperwork you carry. Here is how to think it through.
 date: October 21, 2025
 author: Priya Nair
+category: Structure
 order: 3
 ---
 

package/sites/professional-firm/content/insights/r-and-d-tax-credits.md

@@ -3,6 +3,7 @@ title: The R&D Credit Is Not Just for Laboratories
 excerpt: Software teams, manufacturers, and product companies routinely qualify for research credits they never claim. Here is what actually counts.
 date: September 8, 2025
 author: Marcus Bell
+category: Tax
 order: 5
 ---
 

package/sites/professional-firm/content/insights/when-to-hire-cfo.md

@@ -3,6 +3,7 @@ title: When Does a Growing Company Need a CFO?
 excerpt: You may not need a full-time finance chief yet, but you probably need the function. A look at the signals and the fractional middle ground.
 date: September 30, 2025
 author: Dana Whitfield
+category: Advisory
 order: 4
 ---
 

package/sites/professional-firm/content/insights/year-end-tax-moves.md

@@ -3,6 +3,7 @@ title: Five Year-End Tax Moves Owners Overlook
 excerpt: A short checklist of the deductions, deferrals, and elections that quietly save growing companies real money before December 31.
 date: December 3, 2025
 author: Priya Nair
+category: Tax
 order: 1
 ---
 

package/sites/professional-firm/layouts/article.json

@@ -8,7 +8,7 @@
     "minHeight": "100vh",
     "display": "flex",
     "flexDirection": "column",
-    "backgroundColor": "var(--color-bg-white)"
+    "backgroundColor": "var(--color-paper)"
   },
   "children": [
     { "tagName": "pf-nav" },
@@ -19,26 +19,108 @@
         {
           "tagName": "div",
           "style": {
-            "maxWidth": "720px",
+            "maxWidth": "1040px",
             "margin": "0 auto",
-            "padding": "clamp(2.5rem, 6vw, 4.5rem) 1.5rem clamp(3rem, 8vw, 5rem)"
+            "padding": "clamp(2.5rem, 6vw, 4.5rem) 1.5rem clamp(3rem, 8vw, 5rem)",
+            "display": "grid",
+            "gridTemplateColumns": "minmax(0, 200px) minmax(0, 1fr)",
+            "gap": "clamp(2rem, 5vw, 4rem)",
+            "alignItems": "start",
+            "@--md": { "gridTemplateColumns": "1fr", "gap": "2rem" }
           },
           "children": [
             {
-              "tagName": "a",
-              "attributes": { "href": "/insights/" },
+              "tagName": "aside",
               "style": {
-                "display": "inline-block",
-                "marginBottom": "2rem",
-                "color": "var(--color-primary)",
-                "textDecoration": "none",
-                "fontWeight": "600",
-                "fontSize": "0.9rem",
-                ":hover": { "color": "var(--color-primary-hover)" }
+                "position": "sticky",
+                "top": "6rem",
+                "borderTop": "3px solid var(--color-accent)",
+                "paddingTop": "1.25rem",
+                "@--md": {
+                  "position": "static",
+                  "borderTop": "1px solid var(--color-rule)"
+                }
               },
-              "textContent": "← Back to insights"
+              "children": [
+                {
+                  "tagName": "div",
+                  "style": {
+                    "display": "flex",
+                    "alignItems": "baseline",
+                    "gap": "0.5rem",
+                    "marginBottom": "1.5rem"
+                  },
+                  "children": [
+                    {
+                      "tagName": "span",
+                      "style": {
+                        "fontFamily": "var(--font-serif)",
+                        "fontSize": "1.15rem",
+                        "fontWeight": "600",
+                        "color": "var(--color-ink)"
+                      },
+                      "textContent": "Meridian"
+                    },
+                    {
+                      "tagName": "span",
+                      "style": {
+                        "fontFamily": "var(--font-sans)",
+                        "fontSize": "0.62rem",
+                        "fontWeight": "600",
+                        "textTransform": "uppercase",
+                        "letterSpacing": "0.22em",
+                        "color": "var(--color-accent)"
+                      },
+                      "textContent": "Quarterly"
+                    }
+                  ]
+                },
+                {
+                  "tagName": "div",
+                  "style": {
+                    "fontFamily": "var(--font-sans)",
+                    "fontSize": "0.68rem",
+                    "fontWeight": "600",
+                    "textTransform": "uppercase",
+                    "letterSpacing": "0.14em",
+                    "color": "var(--color-muted)",
+                    "lineHeight": "1.8",
+                    "paddingBottom": "1.25rem",
+                    "marginBottom": "1.25rem",
+                    "borderBottom": "1px solid var(--color-hairline)"
+                  },
+                  "children": [
+                    { "tagName": "div", "textContent": "Filed under" },
+                    {
+                      "tagName": "div",
+                      "style": { "color": "var(--color-ink)" },
+                      "textContent": "Insight"
+                    }
+                  ]
+                },
+                {
+                  "tagName": "a",
+                  "attributes": { "href": "/insights/" },
+                  "style": {
+                    "fontFamily": "var(--font-sans)",
+                    "fontSize": "0.72rem",
+                    "fontWeight": "600",
+                    "textTransform": "uppercase",
+                    "letterSpacing": "0.14em",
+                    "color": "var(--color-ink)",
+                    "textDecoration": "none",
+                    "transition": "color 0.15s",
+                    ":hover": { "color": "var(--color-accent)" }
+                  },
+                  "textContent": "← All insights"
+                }
+              ]
             },
-            { "tagName": "slot" }
+            {
+              "tagName": "div",
+              "style": { "maxWidth": "var(--measure)", "minWidth": "0" },
+              "children": [{ "tagName": "slot" }]
+            }
           ]
         }
       ]

package/sites/professional-firm/layouts/base.json

@@ -8,7 +8,7 @@
     "minHeight": "100vh",
     "display": "flex",
     "flexDirection": "column",
-    "backgroundColor": "var(--color-bg-white)"
+    "backgroundColor": "var(--color-paper)"
   },
   "children": [
     { "tagName": "pf-nav" },

package/sites/professional-firm/pages/contact.md

@@ -2,35 +2,14 @@
 title: "Contact — Meridian Advisory"
 ---
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::pf-section-header{props.eyebrow="Get in touch" props.heading="Book a free consultation" props.subheading="Tell us a little about your business and we'll be in touch within one business day."}
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)" style.borderBottom="1px solid var(--color-rule)"}
+::pf-section-header{props.eyebrow="Get in touch" props.index="One business day" props.heading="Book a free consultation" props.subheading="Tell us a little about your business and we'll be in touch within one business day."}
 :::::
 
-::::::section{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-:::::div{style.display="grid" style.gridTemplateColumns="1.2fr 1fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.--md.gridTemplateColumns="1fr"}
-
+::::section{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="clamp(4rem, 8vw, 6rem) 1.5rem"}
+:::div{style.display="grid" style.gridTemplateColumns="1.15fr 1fr" style.gap="clamp(2.5rem, 6vw, 4.5rem)" style.--md.gridTemplateColumns="1fr"}
 ::pf-contact-form{props.heading="Request a consultation"}
 
-::::div{style.display="grid" style.gap="1.5rem" style.alignContent="start"}
-
-:::div{style.padding="2rem" style.backgroundColor="var(--color-bg-cream)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
-
-### Office
-
-410 Corniche Plaza, Suite 900\
-Harborview, NY 10014
-
-[(555) 204-8830](tel:+15552048830)\
-[hello@meridianadvisory.com](mailto:hello@meridianadvisory.com)
-:::
-
-:::div{style.padding="2rem" style.backgroundColor="var(--color-bg-cream)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
-
-### Hours
-
-Monday – Friday — 8:30am to 5:30pm\
-Saturday – Sunday — by appointment
+::pf-contact-info{}
 :::
 ::::
-:::::
-::::::