@jxsuite/starters 0.34.0

package/sites/restaurant/components/bit-section-header.json

@@ -0,0 +1,53 @@
+{
+  "tagName": "bit-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": "600",
+        "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": "700",
+        "lineHeight": "1.15",
+        "letterSpacing": "-0.02em",
+        "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/restaurant/content/menu/bruschetta.md

@@ -0,0 +1,9 @@
+---
+name: Heirloom Tomato Bruschetta
+course: Starters
+price: $12
+description: Grilled sourdough, whipped ricotta, basil, and aged balsamic.
+order: 1
+---
+
+A bright, summery start — grilled sourdough piled with whipped ricotta, heirloom tomatoes, and torn basil.

package/sites/restaurant/content/menu/cappuccino.md

@@ -0,0 +1,9 @@
+---
+name: Cappuccino
+course: Drinks
+price: $5
+description: Double shot, steamed milk, a proper cap of foam.
+order: 2
+---
+
+A double shot pulled to order under velvety steamed milk and a proper cap of microfoam.

package/sites/restaurant/content/menu/chocolate-tart.md

@@ -0,0 +1,9 @@
+---
+name: Dark Chocolate Tart
+course: Desserts
+price: $11
+description: Bittersweet ganache, sea salt, hazelnut, crème anglaise.
+order: 1
+---
+
+A bittersweet chocolate ganache tart with flaky sea salt, toasted hazelnut, and pooled crème anglaise.

package/sites/restaurant/content/menu/house-coffee.md

@@ -0,0 +1,9 @@
+---
+name: House Drip Coffee
+course: Drinks
+price: $4
+description: Small-batch, single-origin, roasted this week.
+order: 1
+---
+
+A rotating single-origin drip, roasted locally and brewed by the cup.

package/sites/restaurant/content/menu/mushroom-tagliatelle.md

@@ -0,0 +1,9 @@
+---
+name: Wild Mushroom Tagliatelle
+course: Mains
+price: $22
+description: House pasta, wild mushrooms, garlic cream, parmesan, thyme.
+order: 2
+---
+
+Ribbons of fresh tagliatelle tossed with wild mushrooms in a light garlic cream and finished with parmesan.

package/sites/restaurant/content/menu/roast-chicken.md

@@ -0,0 +1,9 @@
+---
+name: Herb Roast Half Chicken
+course: Mains
+price: $26
+description: Free-range chicken, roasted potatoes, charred lemon, pan jus.
+order: 1
+---
+
+Our signature half chicken, brined overnight and roasted with garden herbs, served with crisp roasted potatoes.

package/sites/restaurant/content/menu/seared-salmon.md

@@ -0,0 +1,9 @@
+---
+name: Seared Salmon
+course: Mains
+price: $28
+description: Crispy-skin salmon, farro, roasted vegetables, salsa verde.
+order: 3
+---
+
+Crispy-skin salmon over herbed farro with roasted seasonal vegetables and a spoonful of salsa verde.

package/sites/restaurant/content/menu/squash-soup.md

@@ -0,0 +1,9 @@
+---
+name: Roasted Squash Soup
+course: Starters
+price: $10
+description: Butternut squash, brown butter, toasted pepitas, crème fraîche.
+order: 2
+---
+
+Silky roasted butternut squash finished with brown butter and a swirl of crème fraîche.

package/sites/restaurant/content/menu/tiramisu.md

@@ -0,0 +1,9 @@
+---
+name: Espresso Tiramisu
+course: Desserts
+price: $10
+description: Mascarpone, espresso-soaked ladyfingers, cocoa.
+order: 2
+---
+
+The classic — layers of mascarpone cream and espresso-soaked ladyfingers, dusted with dark cocoa.

package/sites/restaurant/images.json

@@ -0,0 +1,66 @@
+{
+  "site": "restaurant",
+  "thumbnail": "hero",
+  "images": [
+    {
+      "role": "hero",
+      "query": "cozy restaurant interior warm lighting",
+      "orientation": "landscape",
+      "photoId": 14590691
+    },
+    {
+      "role": "intro",
+      "query": "chef plating gourmet dish kitchen",
+      "orientation": "landscape",
+      "photoId": 36430088
+    },
+    {
+      "role": "about",
+      "query": "restaurant kitchen chef cooking",
+      "orientation": "landscape",
+      "photoId": 2977514
+    },
+    {
+      "role": "gallery-1",
+      "query": "gourmet plated food fine dining",
+      "orientation": "square",
+      "photoId": 1327393
+    },
+    {
+      "role": "gallery-2",
+      "query": "latte art coffee cafe",
+      "orientation": "square",
+      "photoId": 19252265
+    },
+    {
+      "role": "gallery-3",
+      "query": "fresh croissants pastries bakery",
+      "orientation": "square",
+      "photoId": 16192282
+    },
+    {
+      "role": "gallery-4",
+      "query": "restaurant dining table place setting",
+      "orientation": "square",
+      "photoId": 17057034
+    },
+    {
+      "role": "dish-starters",
+      "query": "fresh salad appetizer plate",
+      "orientation": "landscape",
+      "photoId": 251599
+    },
+    {
+      "role": "dish-mains",
+      "query": "seared steak main course plated",
+      "orientation": "landscape",
+      "photoId": 25205263
+    },
+    {
+      "role": "dish-desserts",
+      "query": "chocolate dessert plate restaurant",
+      "orientation": "landscape",
+      "photoId": 33731580
+    }
+  ]
+}

package/sites/restaurant/layouts/base.json

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

package/sites/restaurant/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "bistro-cafe",
+  "private": true,
+  "description": "A neighborhood bistro and café serving seasonal plates, house pastries, and small-batch coffee.",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "jx build",
+    "dev": "jx dev"
+  },
+  "devDependencies": {
+    "@jxsuite/compiler": "^0.19.0",
+    "@jxsuite/runtime": "^0.19.0"
+  }
+}

package/sites/restaurant/pages/about.md

@@ -0,0 +1,30 @@
+---
+title: "About — Bistro & Café"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::bit-section-header{props.eyebrow="Our story" props.heading="A neighborhood table since 2016" props.subheading="Good food, made by hand, for the people down the street."}
+:::::
+
+:::bit-intro{props.image="/images/about.jpg" props.imageAlt="The kitchen at Bistro & Café" props.reverse="true"}
+
+### From a small kitchen, with big intentions
+
+Bistro & Café started with a simple idea: a room where the coffee is honest, the bread is warm, and nobody rushes you out the door. We took over an old storefront on Market Street, put in a wood counter and a proper oven, and started cooking what we'd want to eat.
+
+Nine years later, the regulars have become friends, the growers have become partners, and the menu still changes with whatever's best that week.
+:::
+
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem"}
+::bit-section-header{props.eyebrow="What we care about" 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"}
+::bit-feature{props.icon="🤝" props.title="People first" props.text="Fair wages, real hospitality, and a room that welcomes everyone."}
+
+::bit-feature{props.icon="🌾" props.title="Honest sourcing" props.text="We name our farms because we're proud of them. Seasonal, always."}
+
+::bit-feature{props.icon="🔥" props.title="Craft over speed" props.text="Slow stocks, long proofs, and dishes we'd happily serve our families."}
+::::
+:::::
+
+::bit-cta{props.heading="Come say hello" props.text="We'd love to have you at the table. Reserve ahead, or just stop in." props.cta="Reserve a Table" props.ctaHref="/contact/"}

package/sites/restaurant/pages/contact.md

@@ -0,0 +1,28 @@
+---
+title: "Contact & Reservations — Bistro & Café"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::bit-section-header{props.eyebrow="Visit us" props.heading="Reservations & hours" props.subheading="Book a table below, or find us on the corner of Market & 3rd."}
+:::::
+
+::::::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"}
+
+::bit-reservation{props.heading="Request a table"}
+
+::::div
+::bit-hours{props.heading="Hours"}
+
+:::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
+
+128 Market Street\
+Riverbend, CA 90210
+
+[(555) 018-2340](tel:+15550182340)
+:::
+::::
+:::::
+::::::

package/sites/restaurant/pages/index.md

@@ -0,0 +1,63 @@
+---
+title: "Bistro & Café — Seasonal plates & small-batch coffee"
+state:
+  popular:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: menu
+    sort:
+      field: order
+      order: asc
+    limit: 4
+---
+
+::bit-hero{props.eyebrow="Riverbend · Est. 2016" props.heading="A table worth lingering at." props.subheading="Seasonal plates, house-made pastries, and small-batch coffee — served in a warm room just off Market Street." props.cta="Reserve a Table" props.ctaHref="/contact/" props.cta2="View the Menu" props.cta2Href="/menu/" props.bg="/images/hero.jpg"}
+
+:::bit-intro{props.image="/images/intro.jpg" props.imageAlt="Chef plating a seasonal dish"}
+
+### More than a meal
+
+We opened Bistro & Café to build a room worth slowing down in. Everything on the menu starts with what's good this week — from the farm up the road, roasted, baked, and plated by hand.
+
+Come for the coffee, stay for the roast chicken.
+:::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::bit-section-header{props.eyebrow="Our kitchen" props.heading="Cooked with care, sourced with intention"}
+
+::::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"}
+::bit-feature{props.icon="🌿" props.title="Seasonal & local" props.text="The menu changes with the harvest. We buy from growers we know by name."}
+
+::bit-feature{props.icon="🥖" props.title="Made in-house" props.text="Bread, pastry, stocks, and sauces — all made from scratch every morning."}
+
+::bit-feature{props.icon="☕" props.title="Small-batch coffee" props.text="A rotating single-origin, roasted locally and pulled to order."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::bit-section-header{props.eyebrow="From the menu" props.heading="A few favorites"}
+
+::::div{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto"}
+:::Array{items.ref="#/state/popular"}
+::bit-menu-item{props.name="${item.data.name}" props.price="${item.data.price}" props.description="${item.data.description}"}
+:::
+::::
+
+::::div{style.textAlign="center" style.marginTop="2rem"}
+:::a{href="/menu/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
+See the full menu →
+:::
+::::
+:::::
+
+::bit-gallery{props.img1="/images/gallery-1.jpg" props.img2="/images/gallery-2.jpg" props.img3="/images/gallery-3.jpg" props.img4="/images/gallery-4.jpg" props.alt="Dishes and the dining room at Bistro & Café"}
+
+:::::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="1fr 1fr" style.gap="2.5rem" style.alignItems="center" style.--md.gridTemplateColumns="1fr"}
+::bit-hours{props.heading="Hours"}
+
+::bit-review{props.quote="The kind of neighborhood spot you wish was on your corner. The roast chicken is worth the trip." props.author="Dana R." props.role="Regular since 2019"}
+::::
+:::::
+
+::bit-cta{props.heading="Save your table" props.text="Weekends fill up fast. Reserve online, or just walk in and say hello." props.cta="Reserve a Table" props.ctaHref="/contact/"}

package/sites/restaurant/pages/menu.md

@@ -0,0 +1,80 @@
+---
+title: "Menu — Bistro & Café"
+state:
+  starters:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: menu
+    filter:
+      - field: course
+        op: "=="
+        value: Starters
+    sort:
+      field: order
+      order: asc
+  mains:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: menu
+    filter:
+      - field: course
+        op: "=="
+        value: Mains
+    sort:
+      field: order
+      order: asc
+  desserts:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: menu
+    filter:
+      - field: course
+        op: "=="
+        value: Desserts
+    sort:
+      field: order
+      order: asc
+  drinks:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: menu
+    filter:
+      - field: course
+        op: "=="
+        value: Drinks
+    sort:
+      field: order
+      order: asc
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::bit-section-header{props.eyebrow="Breakfast · Lunch · Dinner" props.heading="The Menu" props.subheading="Our menu shifts with the seasons — here's what we're serving right now."}
+:::::
+
+:::::section{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+::::bit-menu-group{props.heading="Starters"}
+:::Array{items.ref="#/state/starters"}
+::bit-menu-item{props.name="${item.data.name}" props.price="${item.data.price}" props.description="${item.data.description}"}
+:::
+::::
+
+::::bit-menu-group{props.heading="Mains"}
+:::Array{items.ref="#/state/mains"}
+::bit-menu-item{props.name="${item.data.name}" props.price="${item.data.price}" props.description="${item.data.description}"}
+:::
+::::
+
+::::bit-menu-group{props.heading="Desserts"}
+:::Array{items.ref="#/state/desserts"}
+::bit-menu-item{props.name="${item.data.name}" props.price="${item.data.price}" props.description="${item.data.description}"}
+:::
+::::
+
+::::bit-menu-group{props.heading="Drinks"}
+:::Array{items.ref="#/state/drinks"}
+::bit-menu-item{props.name="${item.data.name}" props.price="${item.data.price}" props.description="${item.data.description}"}
+:::
+::::
+:::::
+
+::bit-cta{props.heading="Hungry yet?" props.text="Join us for breakfast, lunch, or dinner — or reserve a table for the weekend." props.cta="Reserve a Table" props.ctaHref="/contact/"}

package/sites/restaurant/project.json

@@ -0,0 +1,105 @@
+{
+  "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:wght@500;600;700&display=swap"
+      }
+    }
+  ],
+  "$media": {
+    "--": "1200px",
+    "--lg": "(max-width: 1024px)",
+    "--md": "(max-width: 768px)",
+    "--sm": "(max-width: 640px)"
+  },
+  "style": {
+    "--color-primary": "#b45309",
+    "--color-primary-hover": "#92400e",
+    "--color-ink": "#1c1917",
+    "--color-bg-dark": "#1c1917",
+    "--color-bg-cream": "#faf6f0",
+    "--color-bg-white": "#ffffff",
+    "--color-text-primary": "#1c1917",
+    "--color-text-white": "#ffffff",
+    "--color-text-muted": "#78716c",
+    "--color-border": "#e7e5e4",
+    "--color-accent": "#b45309",
+    "--font-heading": "'Playfair Display', Georgia, 'Times New Roman', 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": {
+    "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"
+  }
+}

package/sites/restaurant/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="#b45309"/>
+  <path d="M9 12h11a3 3 0 0 1 0 6h-1a5 5 0 0 1-9 0z" fill="none" stroke="#fff" stroke-width="1.8" stroke-linejoin="round"/>
+  <path d="M20 13h1.5a2 2 0 0 1 0 4H20" fill="none" stroke="#fff" stroke-width="1.6"/>
+  <path d="M11 6c-.6 1 .6 1.6 0 2.6M15 6c-.6 1 .6 1.6 0 2.6M19 6c-.6 1 .6 1.6 0 2.6" fill="none" stroke="#fff" stroke-width="1.4" stroke-linecap="round" opacity="0.85"/>
+  <path d="M8 22h15" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/>
+</svg>

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

@@ -0,0 +1,40 @@
+{
+  "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}"
+    }
+  ]
+}