@jxsuite/starters 3.3.2 → 3.5.0

package/sites/real-estate/project.json

@@ -1,163 +0,0 @@
-{
-  "$schema": "./project.schema.json",
-  "name": "Northshore Realty",
-  "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": "Northshore Realty is the north shore's property index — search live listings by neighborhood, price, and bedrooms, then work with agents who actually live here."
-      }
-    },
-    {
-      "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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Spectral:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap"
-      }
-    }
-  ],
-  "$media": {
-    "--": "1200px",
-    "--lg": "(max-width: 1024px)",
-    "--md": "(max-width: 768px)",
-    "--sm": "(max-width: 640px)"
-  },
-  "style": {
-    "--color-primary": "#0f766e",
-    "--color-primary-hover": "#115e59",
-    "--color-accent": "#0d9488",
-    "--color-accent-bright": "#14b8a6",
-    "--color-accent-soft": "#ccfbf1",
-    "--color-teal-tint": "#f0fdfa",
-    "--color-ink": "#0b1220",
-    "--color-navy": "#0f172a",
-    "--color-bg-dark": "#0b1220",
-    "--color-bg-ink-soft": "#152238",
-    "--color-bg-cream": "#f6f8fb",
-    "--color-bg-tint": "#eef2f7",
-    "--color-bg-white": "#ffffff",
-    "--color-text-primary": "#0f172a",
-    "--color-text-secondary": "#334155",
-    "--color-text-muted": "#64748b",
-    "--color-text-white": "#ffffff",
-    "--color-border": "#e4e9f0",
-    "--color-border-strong": "#cbd5e1",
-    "--color-status-new": "#0d9488",
-    "--font-display": "'Spectral', Georgia, 'Times New Roman', serif",
-    "--font-heading": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
-    "--font-ui": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
-    "--font-body": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
-    "--max-width": "1240px",
-    "--max-width-narrow": "760px",
-    "--radius": "0.75rem",
-    "--radius-sm": "0.5rem",
-    "--radius-lg": "1.25rem",
-    "--shadow-card": "0 1px 2px rgba(15,23,42,0.04), 0 10px 26px -14px rgba(15,23,42,0.18)",
-    "--shadow-float": "0 30px 70px -28px rgba(11,18,32,0.42)",
-    "margin": "0",
-    "padding": "0",
-    "fontFamily": "var(--font-body)",
-    "fontSize": "17px",
-    "lineHeight": "1.6",
-    "color": "var(--color-text-primary)",
-    "backgroundColor": "var(--color-bg-white)",
-    "WebkitFontSmoothing": "antialiased"
-  },
-  "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
-  },
-  "content": {
-    "listings": {
-      "source": "./content/listings.csv",
-      "format": "Csv",
-      "schema": {
-        "type": "object",
-        "properties": {
-          "Title": {
-            "type": "string"
-          },
-          "slug": {
-            "type": "string"
-          },
-          "price": {
-            "type": "number"
-          },
-          "beds": {
-            "type": "number"
-          },
-          "baths": {
-            "type": "number"
-          },
-          "sqft": {
-            "type": "number"
-          },
-          "city": {
-            "type": "string"
-          },
-          "image": {
-            "type": "string",
-            "format": "image"
-          },
-          "status": {
-            "type": "string"
-          },
-          "order": {
-            "type": "number"
-          }
-        },
-        "required": ["Title", "slug"]
-      }
-    }
-  },
-  "build": {
-    "outDir": "./dist",
-    "format": "directory",
-    "trailingSlash": "always"
-  },
-  "extensions": ["@jxsuite/parser"]
-}

package/sites/restaurant/components/bit-cta.json

@@ -1,140 +0,0 @@
-{
-  "tagName": "bit-cta",
-  "state": {
-    "eyebrow": "Reservations",
-    "heading": "",
-    "headingAccent": "",
-    "text": "",
-    "cta": "Reserve a Table",
-    "ctaHref": "/contact/"
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "backgroundColor": "var(--color-espresso)",
-    "color": "var(--color-text-white)",
-    "padding": "clamp(3.5rem, 9vw, 6rem) 1.5rem",
-    "textAlign": "center"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "absolute",
-        "inset": "0",
-        "background": "radial-gradient(ellipse 55% 70% at 50% 120%, rgba(189,90,52,0.34), transparent 65%)",
-        "pointerEvents": "none"
-      }
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "zIndex": "10",
-        "maxWidth": "var(--max-width-narrow)",
-        "margin": "0 auto"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.eyebrow ? 'flex' : 'none'}",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "gap": "0.85rem",
-            "marginBottom": "1.25rem"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "width": "2.25rem",
-                "height": "1px",
-                "backgroundColor": "var(--color-amber)"
-              }
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0",
-                "fontFamily": "var(--font-body)",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.24em",
-                "fontSize": "0.74rem",
-                "fontWeight": "700",
-                "color": "var(--color-amber)"
-              },
-              "textContent": "${state.eyebrow}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "width": "2.25rem",
-                "height": "1px",
-                "backgroundColor": "var(--color-amber)"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "h2",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "clamp(2.1rem, 5vw, 3.25rem)",
-            "fontWeight": "700",
-            "lineHeight": "1.1",
-            "letterSpacing": "-0.02em",
-            "margin": "0 0 1.1rem",
-            "color": "var(--color-text-white)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "${state.heading}" },
-            {
-              "tagName": "span",
-              "style": {
-                "display": "${state.headingAccent ? 'inline' : 'none'}",
-                "fontStyle": "italic",
-                "fontWeight": "500",
-                "color": "var(--color-amber)"
-              },
-              "textContent": " ${state.headingAccent}"
-            }
-          ]
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "fontFamily": "var(--font-body)",
-            "fontSize": "1.12rem",
-            "lineHeight": "1.7",
-            "opacity": "0.82",
-            "margin": "0 auto 2rem",
-            "maxWidth": "50ch"
-          },
-          "textContent": "${state.text}"
-        },
-        {
-          "tagName": "a",
-          "attributes": { "href": "${state.ctaHref}" },
-          "style": {
-            "display": "inline-block",
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-text-white)",
-            "padding": "0.95rem 2.4rem",
-            "borderRadius": "999px",
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.85rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.14em",
-            "textDecoration": "none",
-            "transition": "background-color 0.15s",
-            ":hover": { "backgroundColor": "var(--color-primary-hover)" }
-          },
-          "textContent": "${state.cta}"
-        }
-      ]
-    }
-  ]
-}

package/sites/restaurant/components/bit-feature.json

@@ -1,61 +0,0 @@
-{
-  "tagName": "bit-feature",
-  "state": {
-    "number": "",
-    "title": "",
-    "text": ""
-  },
-  "style": {
-    "display": "block",
-    "paddingTop": "1.5rem",
-    "borderTop": "1px solid var(--color-border-strong)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "baseline",
-        "gap": "0.9rem",
-        "marginBottom": "1rem"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.35rem",
-            "fontWeight": "600",
-            "fontStyle": "italic",
-            "color": "var(--color-primary)",
-            "fontVariantNumeric": "tabular-nums"
-          },
-          "textContent": "${state.number}"
-        },
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.45rem",
-            "fontWeight": "700",
-            "letterSpacing": "-0.01em",
-            "margin": "0",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.title}"
-        }
-      ]
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0",
-        "fontFamily": "var(--font-body)",
-        "color": "var(--color-text-muted)",
-        "fontSize": "1rem",
-        "lineHeight": "1.7"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}

package/sites/restaurant/components/bit-footer.json

@@ -1,191 +0,0 @@
-{
-  "tagName": "bit-footer",
-  "state": {
-    "brand": "Bistro & Café",
-    "tagline": "Seasonal plates, house pastries, and small-batch coffee — served in a warm room just off Market Street.",
-    "address1": "128 Market Street",
-    "address2": "Riverbend, CA 90210",
-    "phone": "(555) 018-2340"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-espresso)",
-    "color": "var(--color-text-white)",
-    "padding": "clamp(3.5rem, 7vw, 5rem) 1.5rem 2.25rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "1.6fr 1fr 1fr",
-        "gap": "clamp(2rem, 5vw, 3.5rem)",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "2.25rem" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "2rem",
-                "fontWeight": "700",
-                "letterSpacing": "-0.01em",
-                "marginBottom": "1rem"
-              },
-              "textContent": "${state.brand}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0",
-                "fontFamily": "var(--font-body)",
-                "opacity": "0.68",
-                "maxWidth": "38ch",
-                "lineHeight": "1.7"
-              },
-              "textContent": "${state.tagline}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-body)",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.16em",
-                "fontSize": "0.72rem",
-                "fontWeight": "700",
-                "color": "var(--color-amber)",
-                "marginBottom": "1rem"
-              },
-              "textContent": "Visit"
-            },
-            {
-              "tagName": "p",
-              "style": { "margin": "0 0 0.35rem", "opacity": "0.82" },
-              "textContent": "${state.address1}"
-            },
-            {
-              "tagName": "p",
-              "style": { "margin": "0 0 0.75rem", "opacity": "0.82" },
-              "textContent": "${state.address2}"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "tel:+15550182340" },
-              "style": {
-                "color": "var(--color-text-white)",
-                "opacity": "0.82",
-                "textDecoration": "none",
-                "borderBottom": "1px solid rgba(246,236,219,0.25)",
-                "paddingBottom": "0.1rem"
-              },
-              "textContent": "${state.phone}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-body)",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.16em",
-                "fontSize": "0.72rem",
-                "fontWeight": "700",
-                "color": "var(--color-amber)",
-                "marginBottom": "1rem"
-              },
-              "textContent": "Explore"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/menu/" },
-              "style": {
-                "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.82",
-                "textDecoration": "none",
-                "marginBottom": "0.5rem",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "The Menu"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/about/" },
-              "style": {
-                "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.82",
-                "textDecoration": "none",
-                "marginBottom": "0.5rem",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "Our Story"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.82",
-                "textDecoration": "none",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "Reservations"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "clamp(2.5rem, 5vw, 3.5rem) auto 0",
-        "paddingTop": "1.5rem",
-        "borderTop": "1px solid rgba(246,236,219,0.15)",
-        "display": "flex",
-        "justifyContent": "space-between",
-        "alignItems": "center",
-        "gap": "1rem",
-        "flexWrap": "wrap",
-        "fontFamily": "var(--font-body)",
-        "fontSize": "0.8rem",
-        "opacity": "0.55"
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": { "margin": "0" },
-          "textContent": "© Bistro & Café. Built with Jx."
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.14em",
-            "fontSize": "0.7rem"
-          },
-          "textContent": "Set in Playfair Display & Mulish"
-        }
-      ]
-    }
-  ]
-}

package/sites/restaurant/components/bit-gallery.json

@@ -1,74 +0,0 @@
-{
-  "tagName": "bit-gallery",
-  "state": {
-    "img1": { "type": "string", "format": "image", "default": "" },
-    "img2": { "type": "string", "format": "image", "default": "" },
-    "img3": { "type": "string", "format": "image", "default": "" },
-    "img4": { "type": "string", "format": "image", "default": "" },
-    "alt": "Dishes and the dining room"
-  },
-  "style": {
-    "display": "grid",
-    "gridTemplateColumns": "1.5fr 1fr 1fr",
-    "gridAutoRows": "clamp(150px, 19vw, 250px)",
-    "gap": "0.85rem",
-    "maxWidth": "var(--max-width-wide)",
-    "margin": "0 auto",
-    "padding": "0 1.5rem",
-    "@--md": {
-      "gridTemplateColumns": "1fr 1fr",
-      "gridAutoRows": "clamp(150px, 42vw, 230px)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "img",
-      "attributes": { "src": "${state.img1}", "alt": "${state.alt}", "loading": "lazy" },
-      "style": {
-        "gridColumn": "1",
-        "gridRow": "span 2",
-        "width": "100%",
-        "height": "100%",
-        "objectFit": "cover",
-        "borderRadius": "var(--radius)",
-        "display": "block",
-        "@--md": { "gridColumn": "1 / 3", "gridRow": "auto" }
-      }
-    },
-    {
-      "tagName": "img",
-      "attributes": { "src": "${state.img2}", "alt": "${state.alt}", "loading": "lazy" },
-      "style": {
-        "width": "100%",
-        "height": "100%",
-        "objectFit": "cover",
-        "borderRadius": "var(--radius)",
-        "display": "block"
-      }
-    },
-    {
-      "tagName": "img",
-      "attributes": { "src": "${state.img3}", "alt": "${state.alt}", "loading": "lazy" },
-      "style": {
-        "width": "100%",
-        "height": "100%",
-        "objectFit": "cover",
-        "borderRadius": "var(--radius)",
-        "display": "block"
-      }
-    },
-    {
-      "tagName": "img",
-      "attributes": { "src": "${state.img4}", "alt": "${state.alt}", "loading": "lazy" },
-      "style": {
-        "gridColumn": "2 / 4",
-        "width": "100%",
-        "height": "100%",
-        "objectFit": "cover",
-        "borderRadius": "var(--radius)",
-        "display": "block",
-        "@--md": { "gridColumn": "auto" }
-      }
-    }
-  ]
-}