@jxsuite/starters 0.34.0

package/sites/home-services/pages/index.md

@@ -0,0 +1,87 @@
+---
+title: "Summit Heating & Cooling — HVAC repair & installation in Northern Colorado"
+state:
+  featured:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: services
+    sort:
+      field: order
+      order: asc
+    limit: 3
+---
+
+::hs-hero{props.eyebrow="Fort Collins · Serving Northern Colorado since 2004" props.heading="Home comfort you can count on." props.subheading="Fast, honest heating and cooling — AC and furnace repair, new-system installs, and 24/7 emergency service from licensed local technicians." props.cta="Get a Free Quote" props.ctaHref="/contact/" props.cta2="View Services" props.cta2Href="/services/" props.bg="/images/hero.jpg"}
+
+::hs-trust-bar
+
+:::hs-intro{props.image="/images/about.jpg" props.imageAlt="A Summit Heating & Cooling technician arriving in a service van"}
+
+### Your neighbors' HVAC team
+
+For two decades, Summit Heating & Cooling has kept Northern Colorado homes comfortable through triple-digit summers and sub-zero nights. We're a local, family-run company — not a call center.
+
+Every job comes with upfront pricing, tidy work, and a straight answer about what your system really needs.
+:::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::hs-section-header{props.eyebrow="What we do" props.heading="Heating & cooling, done right"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
+:::Array{items.ref="#/state/featured"}
+::hs-service-card{props.icon="${item.data.icon}" props.name="${item.data.name}" props.summary="${item.data.summary}" props.cta="Learn more" props.href="/services/"}
+:::
+::::
+
+::::div{style.textAlign="center" style.marginTop="2.5rem"}
+:::a{href="/services/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1.05rem"}
+View all services →
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="Why homeowners choose us" props.heading="Comfort without the runaround"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::hs-feature{props.icon="💵" props.title="Upfront, honest pricing" props.text="Flat-rate quotes before we start. No surprises, no pressure, no overtime fees."}
+
+::hs-feature{props.icon="⚡" props.title="Same-day service" props.text="Broken AC or furnace? We aim to be at your door the same day you call."}
+
+::hs-feature{props.icon="🎖️" props.title="Certified technicians" props.text="Background-checked, NATE-certified pros who treat your home like their own."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::hs-section-header{props.eyebrow="How it works" props.heading="From call to comfort in four steps"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.75rem" style.--md.gridTemplateColumns="1fr"}
+::hs-step{props.number="1" props.title="Book your visit" props.text="Call or request a quote online. Pick a time that works for you."}
+
+::hs-step{props.number="2" props.title="We diagnose" props.text="A certified tech inspects your system and finds the real issue."}
+
+::hs-step{props.number="3" props.title="You approve" props.text="We explain your options and give a flat, upfront price — your call."}
+
+::hs-step{props.number="4" props.title="Comfort restored" props.text="We do the work cleanly and confirm everything runs like it should."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="Reviews" props.heading="Trusted across the Front Range"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::hs-review{props.quote="Our furnace died at 11pm in January. Summit had a tech out within the hour and heat back on before midnight. Lifesavers." props.author="Marcus T." props.role="Fort Collins, CO"}
+
+::hs-review{props.quote="They quoted a fair flat price for a new AC, showed up on time, and left the house spotless. Couldn't ask for more." props.author="Priya N." props.role="Loveland, CO"}
+
+::hs-review{props.quote="Honest and knowledgeable — they fixed a small part instead of pushing a whole new system like the last company tried to." props.author="Dale W." props.role="Windsor, CO"}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::hs-section-header{props.eyebrow="Recent work" props.heading="Installed and serviced with care"}
+
+::hs-gallery{props.img1="/images/gallery-1.jpg" props.img2="/images/gallery-2.jpg" props.img3="/images/gallery-3.jpg" props.alt="Air conditioner installs, furnace systems, and HVAC inspections by Summit Heating & Cooling"}
+:::::
+
+::hs-cta{props.eyebrow="Ready when you are" props.heading="Get a free, no-pressure quote" props.text="Tell us what's going on and we'll get you a fast, flat-rate estimate. Same-day service available across Northern Colorado." props.cta="Get a Free Quote" props.ctaHref="/contact/" props.phone="(970) 555-0148" props.phoneHref="tel:+19705550148" props.bg="/images/cta-bg.jpg"}

package/sites/home-services/pages/services.md

@@ -0,0 +1,39 @@
+---
+title: "Services — Summit Heating & Cooling"
+state:
+  services:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: services
+    sort:
+      field: order
+      order: asc
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="Heating · Cooling · Maintenance" props.heading="Our HVAC services" props.subheading="One local team for everything that keeps your home comfortable — repairs, replacements, and seasonal care."}
+:::::
+
+::hs-trust-bar
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
+:::Array{items.ref="#/state/services"}
+::hs-service-card{props.icon="${item.data.icon}" props.name="${item.data.name}" props.summary="${item.data.summary}" props.cta="Get a quote" props.href="/contact/"}
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="Not sure what you need?" props.heading="We'll help you figure it out"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::hs-feature{props.icon="🔎" props.title="Free diagnostics" props.text="We find the root cause before recommending a repair or replacement."}
+
+::hs-feature{props.icon="📋" props.title="Repair or replace?" props.text="Get an honest cost-benefit breakdown so you can make the right call."}
+
+::hs-feature{props.icon="🏷️" props.title="Rebates & financing" props.text="We'll point you to available rebates and flexible payment options."}
+::::
+:::::
+
+::hs-cta{props.eyebrow="No obligation" props.heading="Book service or get a quote" props.text="Same-day appointments across Northern Colorado, plus 24/7 emergency repair when the heat or AC goes out." props.cta="Get a Free Quote" props.ctaHref="/contact/" props.phone="(970) 555-0148" props.phoneHref="tel:+19705550148" props.bg="/images/cta-bg.jpg"}

package/sites/home-services/project.json

@@ -0,0 +1,103 @@
+{
+  "name": "Summit Heating & Cooling",
+  "url": "https://example.com",
+  "defaults": {
+    "layout": "./layouts/base.json",
+    "lang": "en"
+  },
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": { "name": "viewport", "content": "width=device-width, initial-scale=1" }
+    },
+    {
+      "tagName": "meta",
+      "attributes": {
+        "name": "description",
+        "content": "Summit Heating & Cooling — licensed, insured HVAC contractor serving Northern Colorado with AC and furnace installation, repair, heat pumps, and 24/7 emergency service."
+      }
+    },
+    {
+      "tagName": "link",
+      "attributes": { "rel": "icon", "href": "/favicon.svg" }
+    },
+    {
+      "tagName": "link",
+      "attributes": { "rel": "preconnect", "href": "https://fonts.googleapis.com" }
+    },
+    {
+      "tagName": "link",
+      "attributes": { "rel": "preconnect", "href": "https://fonts.gstatic.com", "crossorigin": "" }
+    },
+    {
+      "tagName": "link",
+      "attributes": {
+        "rel": "stylesheet",
+        "href": "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap"
+      }
+    }
+  ],
+  "$media": {
+    "--": "1200px",
+    "--lg": "(max-width: 1024px)",
+    "--md": "(max-width: 768px)",
+    "--sm": "(max-width: 640px)"
+  },
+  "style": {
+    "--color-primary": "#ea580c",
+    "--color-primary-hover": "#c2410c",
+    "--color-ink": "#1c1917",
+    "--color-bg-dark": "#1c1917",
+    "--color-bg-cream": "#f5f5f4",
+    "--color-bg-white": "#ffffff",
+    "--color-text-primary": "#1c1917",
+    "--color-text-white": "#ffffff",
+    "--color-text-muted": "#57534e",
+    "--color-border": "#e7e5e4",
+    "--color-accent": "#ea580c",
+    "--font-heading": "'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "--max-width": "1200px",
+    "--max-width-narrow": "820px",
+    "--radius": "0.5rem",
+    "margin": "0",
+    "padding": "0",
+    "fontFamily": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "lineHeight": "1.6",
+    "color": "var(--color-text-primary)",
+    "backgroundColor": "var(--color-bg-white)"
+  },
+  "imports": {
+    "Markdown": "@jxsuite/parser/Markdown.class.json",
+    "ContentCollection": "@jxsuite/parser/ContentCollection.class.json",
+    "ContentEntry": "@jxsuite/parser/ContentEntry.class.json"
+  },
+  "images": {
+    "optimize": true,
+    "widths": [320, 640, 960, 1280, 1920],
+    "formats": ["webp", "avif"],
+    "quality": { "webp": 80, "avif": 65, "jpeg": 80, "png": 80 },
+    "sizes": "(max-width: 768px) 100vw, 50vw",
+    "lazyLoad": true
+  },
+  "contentTypes": {
+    "services": {
+      "source": "./content/services/",
+      "format": "Markdown",
+      "schema": {
+        "type": "object",
+        "properties": {
+          "name": { "type": "string" },
+          "summary": { "type": "string" },
+          "icon": { "type": "string" },
+          "order": { "type": "number" }
+        },
+        "required": ["name", "summary"]
+      }
+    }
+  },
+  "build": {
+    "outDir": "./dist",
+    "format": "directory",
+    "trailingSlash": "always"
+  }
+}

package/sites/home-services/public/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <rect width="32" height="32" rx="7" fill="#ea580c"/>
+  <path d="M5 23L13 10l4 6 3-4 7 11z" fill="#fff"/>
+  <path d="M13 10l1.6 2.6-2.1 3.4-2-1z" fill="#ea580c" opacity="0.35"/>
+  <circle cx="23" cy="8.5" r="2.4" fill="none" stroke="#fff" stroke-width="1.4"/>
+  <path d="M23 6.6v3.8M21.1 8.5h3.8M21.65 7.15l2.7 2.7M21.65 9.85l2.7-2.7" stroke="#fff" stroke-width="1" stroke-linecap="round"/>
+</svg>

package/sites/nonprofit/components/np-contact-form.json

@@ -0,0 +1,134 @@
+{
+  "tagName": "np-contact-form",
+  "state": {
+    "heading": "Send us a message"
+  },
+  "style": {
+    "display": "block"
+  },
+  "children": [
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.6rem",
+        "margin": "0 0 1.25rem"
+      },
+      "textContent": "${state.heading}"
+    },
+    {
+      "tagName": "form",
+      "attributes": { "action": "#", "method": "post" },
+      "style": { "display": "grid", "gap": "1rem", "alignContent": "start" },
+      "children": [
+        {
+          "tagName": "input",
+          "attributes": {
+            "type": "text",
+            "name": "name",
+            "placeholder": "Your name",
+            "required": "true",
+            "aria-label": "Your name"
+          },
+          "style": {
+            "width": "100%",
+            "padding": "0.75rem 0.9rem",
+            "border": "1px solid var(--color-border)",
+            "borderRadius": "var(--radius)",
+            "fontSize": "1rem"
+          }
+        },
+        {
+          "tagName": "input",
+          "attributes": {
+            "type": "email",
+            "name": "email",
+            "placeholder": "Email address",
+            "required": "true",
+            "aria-label": "Email address"
+          },
+          "style": {
+            "width": "100%",
+            "padding": "0.75rem 0.9rem",
+            "border": "1px solid var(--color-border)",
+            "borderRadius": "var(--radius)",
+            "fontSize": "1rem"
+          }
+        },
+        {
+          "tagName": "select",
+          "attributes": { "name": "interest", "aria-label": "I'm interested in" },
+          "style": {
+            "width": "100%",
+            "padding": "0.75rem 0.9rem",
+            "border": "1px solid var(--color-border)",
+            "borderRadius": "var(--radius)",
+            "fontSize": "1rem",
+            "backgroundColor": "var(--color-bg-white)",
+            "fontFamily": "inherit"
+          },
+          "children": [
+            {
+              "tagName": "option",
+              "attributes": { "value": "general" },
+              "textContent": "General question"
+            },
+            {
+              "tagName": "option",
+              "attributes": { "value": "volunteer" },
+              "textContent": "I want to volunteer"
+            },
+            {
+              "tagName": "option",
+              "attributes": { "value": "donate" },
+              "textContent": "I want to donate or fundraise"
+            },
+            {
+              "tagName": "option",
+              "attributes": { "value": "partner" },
+              "textContent": "Partnership or sponsorship"
+            }
+          ]
+        },
+        {
+          "tagName": "textarea",
+          "attributes": {
+            "name": "message",
+            "rows": "4",
+            "placeholder": "How can we help?",
+            "aria-label": "Message"
+          },
+          "style": {
+            "width": "100%",
+            "padding": "0.75rem 0.9rem",
+            "border": "1px solid var(--color-border)",
+            "borderRadius": "var(--radius)",
+            "fontSize": "1rem",
+            "fontFamily": "inherit"
+          }
+        },
+        {
+          "tagName": "button",
+          "attributes": { "type": "submit" },
+          "textContent": "Send message",
+          "style": {
+            "backgroundColor": "var(--color-accent)",
+            "color": "var(--color-text-white)",
+            "padding": "0.85rem 1.5rem",
+            "border": "none",
+            "borderRadius": "999px",
+            "fontSize": "1rem",
+            "fontWeight": "600",
+            "cursor": "pointer",
+            "justifySelf": "start"
+          }
+        },
+        {
+          "tagName": "p",
+          "style": { "fontSize": "0.85rem", "color": "var(--color-text-muted)", "margin": "0" },
+          "textContent": "This is a demo form. Wire it to your email or CRM in pages/contact.md."
+        }
+      ]
+    }
+  ]
+}

package/sites/nonprofit/components/np-contact-info.json

@@ -0,0 +1,153 @@
+{
+  "tagName": "np-contact-info",
+  "state": {
+    "line1": "240 Riverside Avenue",
+    "line2": "Rivertown, CA 90210",
+    "phone": "(555) 204-7788",
+    "phoneHref": "tel:+15552047788",
+    "email": "hello@rivertownfoundation.org",
+    "emailHref": "mailto:hello@rivertownfoundation.org"
+  },
+  "style": {
+    "display": "block"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "padding": "2rem",
+        "backgroundColor": "var(--color-bg-cream)",
+        "border": "1px solid var(--color-border)",
+        "borderRadius": "var(--radius)"
+      },
+      "children": [
+        {
+          "tagName": "h3",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "1.4rem",
+            "margin": "0 0 1rem"
+          },
+          "textContent": "Visit us"
+        },
+        {
+          "tagName": "p",
+          "style": { "margin": "0 0 0.35rem" },
+          "textContent": "${state.line1}"
+        },
+        {
+          "tagName": "p",
+          "style": { "margin": "0 0 0.35rem" },
+          "textContent": "${state.line2}"
+        },
+        {
+          "tagName": "p",
+          "style": { "margin": "0.75rem 0 0.35rem" },
+          "children": [
+            {
+              "tagName": "a",
+              "attributes": { "href": "${state.phoneHref}" },
+              "style": {
+                "color": "var(--color-primary)",
+                "textDecoration": "none",
+                "fontWeight": "600"
+              },
+              "textContent": "${state.phone}"
+            }
+          ]
+        },
+        {
+          "tagName": "p",
+          "style": { "margin": "0" },
+          "children": [
+            {
+              "tagName": "a",
+              "attributes": { "href": "${state.emailHref}" },
+              "style": {
+                "color": "var(--color-primary)",
+                "textDecoration": "none",
+                "fontWeight": "600"
+              },
+              "textContent": "${state.email}"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "marginTop": "1.5rem",
+        "padding": "2rem",
+        "backgroundColor": "var(--color-bg-cream)",
+        "border": "1px solid var(--color-border)",
+        "borderRadius": "var(--radius)"
+      },
+      "children": [
+        {
+          "tagName": "h3",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "1.4rem",
+            "margin": "0 0 1.25rem"
+          },
+          "textContent": "Office hours"
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "justifyContent": "space-between",
+            "padding": "0.6rem 0",
+            "borderBottom": "1px solid var(--color-border)"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "fontWeight": "500" },
+              "textContent": "Monday – Friday"
+            },
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-text-muted)" },
+              "textContent": "9:00am – 5:00pm"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "justifyContent": "space-between",
+            "padding": "0.6rem 0",
+            "borderBottom": "1px solid var(--color-border)"
+          },
+          "children": [
+            { "tagName": "span", "style": { "fontWeight": "500" }, "textContent": "Saturday" },
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-text-muted)" },
+              "textContent": "9:00am – 1:00pm (Pantry)"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "justifyContent": "space-between",
+            "padding": "0.6rem 0"
+          },
+          "children": [
+            { "tagName": "span", "style": { "fontWeight": "500" }, "textContent": "Sunday" },
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-text-muted)" },
+              "textContent": "Closed"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/sites/nonprofit/components/np-cta.json

@@ -0,0 +1,128 @@
+{
+  "tagName": "np-cta",
+  "state": {
+    "eyebrow": "",
+    "heading": "",
+    "text": "",
+    "cta": "Donate Now",
+    "ctaHref": "/get-involved/",
+    "cta2": "",
+    "cta2Href": "/get-involved/",
+    "bg": { "type": "string", "format": "image", "default": "" }
+  },
+  "style": {
+    "display": "block",
+    "position": "relative",
+    "backgroundColor": "var(--color-bg-dark)",
+    "backgroundImage": "url('${state.bg}')",
+    "backgroundSize": "cover",
+    "backgroundPosition": "center",
+    "color": "var(--color-text-white)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "position": "absolute",
+        "inset": "0",
+        "background": "linear-gradient(180deg, rgba(20,49,42,0.86) 0%, rgba(20,49,42,0.92) 100%)"
+      }
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "position": "relative",
+        "zIndex": "10",
+        "maxWidth": "var(--max-width-narrow)",
+        "margin": "0 auto",
+        "padding": "clamp(3.5rem, 8vw, 5.5rem) 1.5rem",
+        "textAlign": "center"
+      },
+      "children": [
+        {
+          "tagName": "p",
+          "style": {
+            "display": "${state.eyebrow ? 'block' : 'none'}",
+            "textTransform": "uppercase",
+            "letterSpacing": "0.16em",
+            "fontSize": "0.8rem",
+            "fontWeight": "600",
+            "color": "#bbf7d0",
+            "margin": "0 0 0.9rem"
+          },
+          "textContent": "${state.eyebrow}"
+        },
+        {
+          "tagName": "h2",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "clamp(1.9rem, 4vw, 2.75rem)",
+            "fontWeight": "700",
+            "lineHeight": "1.15",
+            "margin": "0 0 1rem"
+          },
+          "textContent": "${state.heading}"
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "fontSize": "1.1rem",
+            "lineHeight": "1.7",
+            "opacity": "0.9",
+            "margin": "0 0 2rem"
+          },
+          "textContent": "${state.text}"
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "gap": "0.75rem",
+            "flexWrap": "wrap",
+            "justifyContent": "center"
+          },
+          "children": [
+            {
+              "tagName": "a",
+              "attributes": { "href": "${state.ctaHref}" },
+              "style": {
+                "display": "inline-block",
+                "backgroundColor": "var(--color-accent)",
+                "color": "var(--color-text-white)",
+                "padding": "0.95rem 2.5rem",
+                "borderRadius": "999px",
+                "fontSize": "1.05rem",
+                "fontWeight": "600",
+                "textDecoration": "none",
+                "boxShadow": "0 8px 24px rgba(234,88,12,0.4)",
+                "transition": "background-color 0.15s, transform 0.15s",
+                ":hover": {
+                  "backgroundColor": "var(--color-accent-hover)",
+                  "transform": "translateY(-1px)"
+                }
+              },
+              "textContent": "${state.cta}"
+            },
+            {
+              "tagName": "a",
+              "attributes": { "href": "${state.cta2Href}" },
+              "style": {
+                "display": "${state.cta2 ? 'inline-block' : 'none'}",
+                "border": "1px solid rgba(255,255,255,0.6)",
+                "color": "var(--color-text-white)",
+                "padding": "0.95rem 2rem",
+                "borderRadius": "999px",
+                "fontSize": "1.05rem",
+                "fontWeight": "600",
+                "textDecoration": "none",
+                "transition": "background-color 0.15s",
+                ":hover": { "backgroundColor": "rgba(255,255,255,0.14)" }
+              },
+              "textContent": "${state.cta2}"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}