@jxsuite/starters 0.34.0

package/sites/home-services/components/hs-review.json

@@ -0,0 +1,54 @@
+{
+  "tagName": "hs-review",
+  "state": {
+    "quote": "",
+    "author": "",
+    "role": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-white)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)",
+    "boxShadow": "0 4px 20px rgba(28,25,23,0.05)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "color": "var(--color-primary)",
+        "fontSize": "1.1rem",
+        "marginBottom": "0.75rem",
+        "letterSpacing": "0.1em"
+      },
+      "textContent": "★★★★★"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.15rem",
+        "lineHeight": "1.6",
+        "fontWeight": "500",
+        "margin": "0 0 1.25rem"
+      },
+      "textContent": "“${state.quote}”"
+    },
+    {
+      "tagName": "div",
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "fontWeight": "700" },
+          "textContent": "${state.author}"
+        },
+        {
+          "tagName": "div",
+          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
+          "textContent": "${state.role}"
+        }
+      ]
+    }
+  ]
+}

package/sites/home-services/components/hs-section-header.json

@@ -0,0 +1,53 @@
+{
+  "tagName": "hs-section-header",
+  "state": {
+    "eyebrow": "",
+    "heading": "",
+    "subheading": "",
+    "align": "center"
+  },
+  "style": {
+    "display": "block",
+    "maxWidth": "var(--max-width-narrow)",
+    "margin": "0 auto 2.5rem",
+    "textAlign": "${state.align}"
+  },
+  "children": [
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.eyebrow ? 'block' : 'none'}",
+        "textTransform": "uppercase",
+        "letterSpacing": "0.16em",
+        "fontSize": "0.8rem",
+        "fontWeight": "700",
+        "color": "var(--color-primary)",
+        "margin": "0 0 0.75rem"
+      },
+      "textContent": "${state.eyebrow}"
+    },
+    {
+      "tagName": "h2",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
+        "fontWeight": "800",
+        "lineHeight": "1.12",
+        "letterSpacing": "-0.03em",
+        "margin": "0"
+      },
+      "textContent": "${state.heading}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "display": "${state.subheading ? 'block' : 'none'}",
+        "fontSize": "1.1rem",
+        "lineHeight": "1.7",
+        "color": "var(--color-text-muted)",
+        "margin": "1rem 0 0"
+      },
+      "textContent": "${state.subheading}"
+    }
+  ]
+}

package/sites/home-services/components/hs-service-card.json

@@ -0,0 +1,79 @@
+{
+  "tagName": "hs-service-card",
+  "state": {
+    "icon": "",
+    "name": "",
+    "summary": "",
+    "cta": "",
+    "href": "/services/"
+  },
+  "style": {
+    "display": "flex",
+    "flexDirection": "column",
+    "height": "100%",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-white)",
+    "borderRadius": "var(--radius)",
+    "border": "1px solid var(--color-border)",
+    "boxShadow": "0 4px 20px rgba(28,25,23,0.05)",
+    "transition": "transform 0.15s, box-shadow 0.15s",
+    ":hover": {
+      "transform": "translateY(-3px)",
+      "boxShadow": "0 14px 34px rgba(28,25,23,0.12)"
+    }
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "display": "flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "width": "3.25rem",
+        "height": "3.25rem",
+        "borderRadius": "0.75rem",
+        "backgroundColor": "rgba(234, 88, 12, 0.1)",
+        "fontSize": "1.6rem",
+        "lineHeight": "1",
+        "marginBottom": "1.1rem"
+      },
+      "textContent": "${state.icon}"
+    },
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.3rem",
+        "fontWeight": "700",
+        "letterSpacing": "-0.01em",
+        "margin": "0 0 0.5rem"
+      },
+      "textContent": "${state.name}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "flex": "1",
+        "margin": "0",
+        "color": "var(--color-text-muted)",
+        "fontSize": "0.98rem",
+        "lineHeight": "1.65"
+      },
+      "textContent": "${state.summary}"
+    },
+    {
+      "tagName": "a",
+      "attributes": { "href": "${state.href}" },
+      "style": {
+        "display": "${state.cta ? 'inline-block' : 'none'}",
+        "marginTop": "1.1rem",
+        "color": "var(--color-primary)",
+        "fontWeight": "700",
+        "fontSize": "0.95rem",
+        "textDecoration": "none",
+        ":hover": { "color": "var(--color-primary-hover)" }
+      },
+      "textContent": "${state.cta} →"
+    }
+  ]
+}

package/sites/home-services/components/hs-step.json

@@ -0,0 +1,53 @@
+{
+  "tagName": "hs-step",
+  "state": {
+    "number": "",
+    "title": "",
+    "text": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "0.25rem"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "display": "flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "width": "2.75rem",
+        "height": "2.75rem",
+        "borderRadius": "50%",
+        "backgroundColor": "var(--color-primary)",
+        "color": "var(--color-text-white)",
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.2rem",
+        "fontWeight": "800",
+        "marginBottom": "1rem"
+      },
+      "textContent": "${state.number}"
+    },
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.2rem",
+        "fontWeight": "700",
+        "letterSpacing": "-0.01em",
+        "margin": "0 0 0.4rem"
+      },
+      "textContent": "${state.title}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "margin": "0",
+        "color": "var(--color-text-muted)",
+        "fontSize": "0.98rem",
+        "lineHeight": "1.65"
+      },
+      "textContent": "${state.text}"
+    }
+  ]
+}

package/sites/home-services/components/hs-trust-bar.json

@@ -0,0 +1,108 @@
+{
+  "tagName": "hs-trust-bar",
+  "state": {
+    "item1": "Licensed & Insured",
+    "item2": "24/7 Emergency Service",
+    "item3": "Upfront, Honest Pricing",
+    "item4": "100% Satisfaction Guarantee"
+  },
+  "style": {
+    "display": "block",
+    "backgroundColor": "var(--color-bg-white)",
+    "borderTop": "1px solid var(--color-border)",
+    "borderBottom": "1px solid var(--color-border)",
+    "padding": "1.25rem 1.5rem"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "maxWidth": "var(--max-width)",
+        "margin": "0 auto",
+        "display": "grid",
+        "gridTemplateColumns": "repeat(4, 1fr)",
+        "gap": "1rem",
+        "@--md": { "gridTemplateColumns": "repeat(2, 1fr)" },
+        "@--sm": { "gridTemplateColumns": "1fr" }
+      },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "gap": "0.5rem",
+            "fontWeight": "700",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontSize": "1.05rem" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.item1}" }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "gap": "0.5rem",
+            "fontWeight": "700",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontSize": "1.05rem" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.item2}" }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "gap": "0.5rem",
+            "fontWeight": "700",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontSize": "1.05rem" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.item3}" }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "gap": "0.5rem",
+            "fontWeight": "700",
+            "fontSize": "0.95rem"
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": { "color": "var(--color-primary)", "fontSize": "1.05rem" },
+              "textContent": "✓"
+            },
+            { "tagName": "span", "textContent": "${state.item4}" }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/sites/home-services/content/services/ac-installation.md

@@ -0,0 +1,8 @@
+---
+name: AC Installation
+summary: High-efficiency air conditioners, sized right and installed to keep every room cool.
+icon: "❄️"
+order: 1
+---
+
+We help you choose the right-sized, high-SEER system for your home and install it clean — with a load calculation, honest options, and a workmanship guarantee.

package/sites/home-services/content/services/ac-repair.md

@@ -0,0 +1,8 @@
+---
+name: AC Repair
+summary: Fast, reliable cooling repairs — most breakdowns diagnosed and fixed the same day.
+icon: "🛠️"
+order: 2
+---
+
+Blowing warm air or making strange noises? Our techs arrive on time, diagnose the real problem, and give you an upfront price before any work begins.

package/sites/home-services/content/services/furnace-installation.md

@@ -0,0 +1,8 @@
+---
+name: Furnace Installation
+summary: Energy-efficient gas and electric furnaces built to keep your home warm all winter.
+icon: "🔥"
+order: 3
+---
+
+From high-efficiency gas furnaces to quiet electric systems, we install heating that lowers your bills and stands up to Colorado winters — backed by a full labor warranty.

package/sites/home-services/content/services/furnace-repair.md

@@ -0,0 +1,8 @@
+---
+name: Furnace Repair
+summary: 24/7 heating repair to get your furnace running again — fast, even on the coldest nights.
+icon: "🔧"
+order: 4
+---
+
+No heat is an emergency. We're on call around the clock to restore your furnace safely, with a thorough safety check on every visit.

package/sites/home-services/content/services/heat-pumps.md

@@ -0,0 +1,8 @@
+---
+name: Heat Pumps
+summary: Year-round comfort and lower energy bills with modern, all-electric heat pump systems.
+icon: "🌡️"
+order: 5
+---
+
+Heat pumps heat and cool from a single efficient system. We'll help you compare options, find available rebates, and install a setup that pays you back for years.

package/sites/home-services/content/services/maintenance-plans.md

@@ -0,0 +1,8 @@
+---
+name: Maintenance Plans
+summary: Seasonal tune-ups that prevent breakdowns, cut energy use, and extend equipment life.
+icon: "🗓️"
+order: 6
+---
+
+Members get two tune-ups a year, priority scheduling, and discounts on repairs — so your system runs efficiently and you're never left in the cold.

package/sites/home-services/images.json

@@ -0,0 +1,42 @@
+{
+  "site": "home-services",
+  "thumbnail": "hero",
+  "images": [
+    {
+      "role": "hero",
+      "query": "hvac technician repairing air conditioner",
+      "orientation": "landscape",
+      "photoId": 5463581
+    },
+    {
+      "role": "about",
+      "query": "hvac service van technician",
+      "orientation": "landscape",
+      "photoId": 32497161
+    },
+    {
+      "role": "gallery-1",
+      "query": "air conditioner unit installation",
+      "orientation": "square",
+      "photoId": 3964341
+    },
+    {
+      "role": "gallery-2",
+      "query": "furnace heating system",
+      "orientation": "square",
+      "photoId": 36788832
+    },
+    {
+      "role": "gallery-3",
+      "query": "technician inspecting hvac",
+      "orientation": "square",
+      "photoId": 32497161
+    },
+    {
+      "role": "cta-bg",
+      "query": "modern home exterior",
+      "orientation": "landscape",
+      "photoId": 11018246
+    }
+  ]
+}

package/sites/home-services/layouts/base.json

@@ -0,0 +1,22 @@
+{
+  "tagName": "div",
+  "$elements": [
+    { "$ref": "../components/hs-nav.json" },
+    { "$ref": "../components/hs-footer.json" }
+  ],
+  "style": {
+    "minHeight": "100vh",
+    "display": "flex",
+    "flexDirection": "column",
+    "backgroundColor": "var(--color-bg-white)"
+  },
+  "children": [
+    { "tagName": "hs-nav" },
+    {
+      "tagName": "main",
+      "style": { "flex": "1" },
+      "children": [{ "tagName": "slot" }]
+    },
+    { "tagName": "hs-footer" }
+  ]
+}

package/sites/home-services/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "home-services",
+  "private": true,
+  "description": "Summit Heating & Cooling — a residential HVAC contractor site with services, quote request, and 24/7 emergency messaging.",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "jx build",
+    "dev": "jx dev"
+  },
+  "devDependencies": {
+    "@jxsuite/compiler": "^0.19.0",
+    "@jxsuite/runtime": "^0.19.0"
+  }
+}

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

@@ -0,0 +1,40 @@
+---
+title: "About — Summit Heating & Cooling"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="Our story" props.heading="Local, licensed, and here for the long haul" props.subheading="A family-run HVAC company keeping Northern Colorado comfortable since 2004."}
+:::::
+
+:::hs-intro{props.image="/images/about.jpg" props.imageAlt="A Summit Heating & Cooling technician and service van" props.reverse="true"}
+
+### Built on honest work
+
+Summit started with one van, one technician, and a simple promise: treat every home like our own and never sell someone a system they don't need. Two decades later, that promise still runs the company.
+
+Our technicians are NATE-certified, background-checked, and trained on the equipment we install. We show up on time, protect your floors, explain what we find, and clean up before we leave. When we quote a price, that's the price.
+:::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 5rem) 1.5rem"}
+::hs-section-header{props.eyebrow="What we stand for" props.heading="Three things we won't compromise on"}
+
+::::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="Honesty first" props.text="We recommend the repair, not the upsell. If a fix will do, we'll say so."}
+
+::hs-feature{props.icon="🛡️" props.title="Licensed & insured" props.text="Fully licensed, bonded, and insured — with a workmanship guarantee on every job."}
+
+::hs-feature{props.icon="📞" props.title="Always reachable" props.text="Real people answer the phone, and we're on call 24/7 for heating and cooling emergencies."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="In their words" props.heading="Why homeowners stick with Summit"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(2, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::hs-review{props.quote="Same crew has serviced our system for years. They know our house, they're always fair, and they never leave a mess." props.author="Elena & Rob S." props.role="Greeley, CO"}
+
+::hs-review{props.quote="I trust them completely. They talked me out of an expensive replacement I didn't need and saved me thousands." props.author="Hank D." props.role="Fort Collins, CO"}
+::::
+:::::
+
+::hs-cta{props.eyebrow="Meet your HVAC team" props.heading="Let's keep your home comfortable" props.text="Whether it's a quick repair or a full system upgrade, we'll give you honest advice and a fair, flat price." 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/contact.md

@@ -0,0 +1,53 @@
+---
+title: "Contact & Free Quotes — Summit Heating & Cooling"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::hs-section-header{props.eyebrow="Get in touch" props.heading="Request a free quote" props.subheading="Tell us what's going on and we'll get back to you fast with honest, flat-rate options. Same-day service across Northern Colorado."}
+:::::
+
+:::::::section{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+::::::div{style.display="grid" style.gridTemplateColumns="1.2fr 1fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.--md.gridTemplateColumns="1fr"}
+
+:::::div
+::hs-reservation{props.heading="Tell us about the job"}
+:::::
+
+:::::div
+
+::::div{style.padding="1.75rem" style.backgroundColor="rgba(234, 88, 12, 0.08)" style.border="1px solid rgba(234, 88, 12, 0.25)" style.borderRadius="var(--radius)"}
+
+### No heat or AC? We're on call 24/7.
+
+Heating and cooling emergencies don't wait for business hours — and neither do we.
+
+:::a{href="tel:+19705550148" style.color="var(--color-primary)" style.textDecoration="none" style.fontWeight="800" style.fontSize="1.35rem"}
+(970) 555-0148
+:::
+::::
+
+::::div{style.marginTop="1.5rem" style.padding="2rem" style.backgroundColor="var(--color-bg-cream)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+
+### Office hours
+
+**Monday – Friday** · 7:00am – 6:00pm
+
+**Saturday** · 8:00am – 2:00pm
+
+**Emergencies** · available 24 / 7
+
+::::
+
+::::div{style.marginTop="1.5rem" style.padding="2rem" style.backgroundColor="var(--color-bg-cream)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+
+### Find us
+
+1420 Prospect Road, Fort Collins, CO 80525
+
+Serving Fort Collins, Loveland, Greeley, Windsor & nearby.
+
+::::
+:::::
+
+::::::
+:::::::