@jxsuite/starters 3.3.2 → 3.5.0

package/sites/restaurant/project.json

@@ -1,145 +0,0 @@
-{
-  "$schema": "./project.schema.json",
-  "name": "Bistro & Café",
-  "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": "A neighborhood bistro and café serving seasonal plates, house pastries, and small-batch coffee."
-      }
-    },
-    {
-      "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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700&family=Mulish:wght@300;400;500;600;700;800&display=swap"
-      }
-    }
-  ],
-  "$media": {
-    "--": "1200px",
-    "--lg": "(max-width: 1024px)",
-    "--md": "(max-width: 768px)",
-    "--sm": "(max-width: 640px)"
-  },
-  "style": {
-    "--color-primary": "#bd5a34",
-    "--color-primary-hover": "#a44827",
-    "--color-amber": "#c98a3c",
-    "--color-ink": "#241b14",
-    "--color-espresso": "#1e150f",
-    "--color-bg-dark": "#1e150f",
-    "--color-bg-cream": "#efe3d1",
-    "--color-bg-paper": "#f6ecdb",
-    "--color-bg-white": "#fffaf2",
-    "--color-text-primary": "#2a1f17",
-    "--color-text-white": "#f6ecdb",
-    "--color-text-muted": "#7c6a58",
-    "--color-border": "#e2d5bf",
-    "--color-border-strong": "#cbb99d",
-    "--color-accent": "#bd5a34",
-    "--font-heading": "'Playfair Display', Georgia, 'Times New Roman', serif",
-    "--font-body": "'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif",
-    "--max-width": "1200px",
-    "--max-width-wide": "1320px",
-    "--max-width-narrow": "780px",
-    "--radius": "0.25rem",
-    "margin": "0",
-    "padding": "0",
-    "fontFamily": "var(--font-body)",
-    "fontSize": "17px",
-    "lineHeight": "1.7",
-    "color": "var(--color-text-primary)",
-    "backgroundColor": "var(--color-bg-paper)",
-    "& a": {
-      "color": "var(--color-primary)",
-      "textUnderlineOffset": "0.2em",
-      "textDecorationColor": "var(--color-border-strong)"
-    }
-  },
-  "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": {
-    "menu": {
-      "source": "./content/menu/",
-      "format": "Markdown",
-      "schema": {
-        "type": "object",
-        "properties": {
-          "name": {
-            "type": "string"
-          },
-          "course": {
-            "type": "string"
-          },
-          "price": {
-            "type": "string"
-          },
-          "description": {
-            "type": "string"
-          },
-          "image": {
-            "type": "string",
-            "format": "image"
-          },
-          "order": {
-            "type": "number"
-          }
-        },
-        "required": ["name", "course"]
-      }
-    }
-  },
-  "build": {
-    "outDir": "./dist",
-    "format": "directory",
-    "trailingSlash": "always"
-  },
-  "extensions": ["@jxsuite/parser"]
-}

package/sites/saas/components/sa-check-item.json

@@ -1,40 +0,0 @@
-{
-  "tagName": "sa-check-item",
-  "state": {
-    "text": ""
-  },
-  "style": {
-    "display": "flex",
-    "alignItems": "flex-start",
-    "gap": "0.7rem"
-  },
-  "children": [
-    {
-      "tagName": "span",
-      "style": {
-        "display": "inline-flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "flexShrink": "0",
-        "width": "1.4rem",
-        "height": "1.4rem",
-        "borderRadius": "50%",
-        "backgroundColor": "var(--color-accent-soft)",
-        "color": "var(--color-primary)",
-        "fontSize": "0.8rem",
-        "fontWeight": "700",
-        "marginTop": "0.1rem"
-      },
-      "textContent": "✓"
-    },
-    {
-      "tagName": "span",
-      "style": {
-        "color": "var(--color-text-primary)",
-        "fontSize": "1rem",
-        "lineHeight": "1.6"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}

package/sites/saas/components/sa-contact-form.json

@@ -1,153 +0,0 @@
-{
-  "tagName": "sa-contact-form",
-  "state": {
-    "heading": "Send us a message",
-    "note": "This is a demo form. Wire it to your CRM or email in pages/contact.md."
-  },
-  "style": {
-    "display": "block"
-  },
-  "children": [
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.5rem",
-        "fontWeight": "600",
-        "letterSpacing": "-0.01em",
-        "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",
-            "fontFamily": "inherit"
-          }
-        },
-        {
-          "tagName": "input",
-          "attributes": {
-            "type": "email",
-            "name": "email",
-            "placeholder": "Work email",
-            "required": "true",
-            "aria-label": "Work email"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.75rem 0.9rem",
-            "border": "1px solid var(--color-border)",
-            "borderRadius": "var(--radius)",
-            "fontSize": "1rem",
-            "fontFamily": "inherit"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "grid",
-            "gridTemplateColumns": "1fr 1fr",
-            "gap": "1rem",
-            "@--sm": { "gridTemplateColumns": "1fr" }
-          },
-          "children": [
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "text",
-                "name": "company",
-                "placeholder": "Company",
-                "aria-label": "Company"
-              },
-              "style": {
-                "width": "100%",
-                "padding": "0.75rem 0.9rem",
-                "border": "1px solid var(--color-border)",
-                "borderRadius": "var(--radius)",
-                "fontSize": "1rem",
-                "fontFamily": "inherit"
-              }
-            },
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "number",
-                "name": "team",
-                "min": "1",
-                "max": "10000",
-                "placeholder": "Team size",
-                "aria-label": "Team size"
-              },
-              "style": {
-                "width": "100%",
-                "padding": "0.75rem 0.9rem",
-                "border": "1px solid var(--color-border)",
-                "borderRadius": "var(--radius)",
-                "fontSize": "1rem",
-                "fontFamily": "inherit"
-              }
-            }
-          ]
-        },
-        {
-          "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-primary)",
-            "color": "var(--color-text-white)",
-            "padding": "0.85rem 1.5rem",
-            "border": "none",
-            "borderRadius": "var(--radius)",
-            "fontSize": "1rem",
-            "fontWeight": "600",
-            "cursor": "pointer",
-            "justifySelf": "start",
-            "transition": "background-color 0.15s",
-            ":hover": { "backgroundColor": "var(--color-primary-hover)" }
-          }
-        },
-        {
-          "tagName": "p",
-          "style": { "fontSize": "0.85rem", "color": "var(--color-text-muted)", "margin": "0" },
-          "textContent": "${state.note}"
-        }
-      ]
-    }
-  ]
-}

package/sites/saas/components/sa-cta.json

@@ -1,102 +0,0 @@
-{
-  "tagName": "sa-cta",
-  "state": {
-    "heading": "",
-    "text": "",
-    "cta": "Get started free",
-    "ctaHref": "/pricing/",
-    "cta2": "",
-    "cta2Href": "/contact/"
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "backgroundColor": "var(--color-bg-dark)",
-    "color": "var(--color-text-white)",
-    "background": "radial-gradient(ellipse 70% 60% at 50% 120%, rgba(99, 102, 241, 0.3), transparent 70%), var(--color-bg-dark)",
-    "padding": "clamp(3.5rem, 9vw, 6rem) 1.5rem",
-    "textAlign": "center"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "zIndex": "10",
-        "maxWidth": "var(--max-width-narrow)",
-        "margin": "0 auto"
-      },
-      "children": [
-        {
-          "tagName": "h2",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "clamp(1.9rem, 4vw, 2.9rem)",
-            "fontWeight": "700",
-            "letterSpacing": "-0.03em",
-            "lineHeight": "1.12",
-            "margin": "0 0 1rem"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "fontSize": "1.1rem",
-            "lineHeight": "1.7",
-            "color": "rgba(255, 255, 255, 0.72)",
-            "margin": "0 auto 2rem",
-            "maxWidth": "48ch"
-          },
-          "textContent": "${state.text}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "gap": "0.75rem",
-            "justifyContent": "center",
-            "flexWrap": "wrap"
-          },
-          "children": [
-            {
-              "tagName": "a",
-              "attributes": { "href": "${state.ctaHref}" },
-              "style": {
-                "display": "inline-block",
-                "backgroundColor": "var(--color-primary)",
-                "color": "var(--color-text-white)",
-                "padding": "0.9rem 2.25rem",
-                "borderRadius": "var(--radius)",
-                "fontSize": "1.05rem",
-                "fontWeight": "600",
-                "textDecoration": "none",
-                "transition": "background-color 0.15s",
-                ":hover": { "backgroundColor": "var(--color-primary-hover)" }
-              },
-              "textContent": "${state.cta}"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "${state.cta2Href}" },
-              "style": {
-                "display": "${state.cta2 ? 'inline-block' : 'none'}",
-                "border": "1px solid rgba(255, 255, 255, 0.28)",
-                "color": "var(--color-text-white)",
-                "padding": "0.9rem 2.25rem",
-                "borderRadius": "var(--radius)",
-                "fontSize": "1.05rem",
-                "fontWeight": "600",
-                "textDecoration": "none",
-                "transition": "background-color 0.15s",
-                ":hover": { "backgroundColor": "rgba(255, 255, 255, 0.1)" }
-              },
-              "textContent": "${state.cta2}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}