@jxsuite/starters 3.4.0 → 3.6.0

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" }
-      }
-    }
-  ]
-}