@jxsuite/starters 0.34.0

package/sites/real-estate/pages/about.md

@@ -0,0 +1,42 @@
+---
+title: "About — Northshore Realty"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::re-section-header{props.eyebrow="Our story" props.heading="A brokerage built on the north shore" props.subheading="Two decades of helping neighbors buy, sell, and stay."}
+:::::
+
+:::re-intro{props.image="/images/about.jpg" props.imageAlt="The Northshore Realty team outside a listed home" props.reverse="true"}
+
+### Rooted here since 2004
+
+Northshore Realty started with a single office on Lakeshore Drive and a simple promise: treat every client like a neighbor, because most of them are. We grew by word of mouth, one closing and one referral at a time.
+
+Today we're a team of local agents who still answer their own phones. We know which streets flood, which schools are worth the premium, and what a home is really worth — not just what a listing says.
+:::
+
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem"}
+::re-section-header{props.eyebrow="How we work" props.heading="Buying a home, without the whiplash"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="2.5rem 1.5rem" style.--md.gridTemplateColumns="1fr"}
+::re-step{props.number="1" props.title="Tell us your search" props.text="Budget, bedrooms, neighborhoods, must-haves. We build a shortlist so you only tour homes worth your Saturday."}
+
+::re-step{props.number="2" props.title="See it clearly" props.text="Honest walkthroughs, real comps, and a fair-price read on every home — before you fall in love or make an offer."}
+
+::re-step{props.number="3" props.title="Close with confidence" props.text="We handle the paperwork, the inspections, and the negotiation, and keep you posted the whole way to the keys."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::re-section-header{props.eyebrow="Meet the team" props.heading="Agents who know the neighborhood"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
+::re-agent-card{props.name="Priya Anand" props.role="Principal Broker" props.phone="(555) 204-7781" props.image="/images/agent-1.jpg"}
+
+::re-agent-card{props.name="Marcus Bell" props.role="Buyer's Agent" props.phone="(555) 204-7782" props.image="/images/agent-2.jpg"}
+
+::re-agent-card{props.name="Sofia Reyes" props.role="Listing Specialist" props.phone="(555) 204-7783" props.image="/images/agent-3.jpg"}
+::::
+:::::
+
+::re-cta{props.heading="Let's find your north shore home" props.text="Whether you're buying your first place or selling the family house, we'd be honored to help." props.cta="Get in Touch" props.ctaHref="/contact/"}

package/sites/real-estate/pages/contact.md

@@ -0,0 +1,54 @@
+---
+title: "Contact — Northshore Realty"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::re-section-header{props.eyebrow="Get in touch" props.heading="Talk to a local agent" props.subheading="Tell us what you're looking for. We'll reply within one business day."}
+:::::
+
+::::::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
+
+### Request a call
+
+::re-contact-form
+
+::::
+
+::::div
+
+:::div{style.padding="2rem" style.backgroundColor="var(--color-bg-cream)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+
+### Visit the office
+
+**Northshore Realty**
+
+45 Lakeshore Drive
+
+Bayport, CA 90210
+
+[(555) 204-7788](tel:+15552047788)
+
+[hello@northshorerealty.example](mailto:hello@northshorerealty.example)
+
+:::
+
+:::div{style.marginTop="1.5rem" style.padding="2rem" style.backgroundColor="var(--color-bg-dark)" style.color="var(--color-text-white)" style.borderRadius="var(--radius)"}
+
+### Office hours
+
+::re-detail-row{props.label="Monday – Friday" props.value="9:00am – 6:00pm"}
+
+::re-detail-row{props.label="Saturday" props.value="10:00am – 4:00pm"}
+
+::re-detail-row{props.label="Sunday" props.value="By appointment"}
+
+:::
+
+::::
+
+:::::
+
+::::::

package/sites/real-estate/pages/index.md

@@ -0,0 +1,77 @@
+---
+title: "Northshore Realty — Homes for sale on the north shore"
+state:
+  featured:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: listings
+    sort:
+      field: order
+      order: asc
+    limit: 3
+---
+
+::re-hero{props.eyebrow="Buy · Sell · Invest" props.heading="Find your place on the north shore." props.subheading="Browse handpicked homes from Bayport to Harbor Hills, filter by price and bedrooms, and work with agents who actually live here." props.cta="Search Homes" props.ctaHref="/listings/" props.bg="/images/hero.jpg"}
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 1.5rem"}
+::re-section-header{props.eyebrow="Featured homes" props.heading="Just listed" props.subheading="A first look at three of our newest listings across the north shore."}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
+:::Array{items.ref="#/state/featured"}
+::re-listing-card{props.heading="${item.data.Title}" props.price="${item.data.price}" props.beds="${item.data.beds}" props.baths="${item.data.baths}" props.sqft="${item.data.sqft}" props.city="${item.data.city}" props.image="${item.data.image}" props.href="/${item.data.slug}/"}
+:::
+::::
+
+::::div{style.textAlign="center" style.marginTop="2.5rem"}
+:::a{href="/listings/" style.display="inline-block" style.backgroundColor="var(--color-primary)" style.color="var(--color-text-white)" style.padding="0.85rem 2rem" style.borderRadius="var(--radius)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1.05rem"}
+Browse all listings →
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::re-section-header{props.eyebrow="Why Northshore" props.heading="A calmer way to buy and sell"}
+
+::::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"}
+::re-feature{props.icon="🏡" props.title="Local expertise" props.text="We've closed hundreds of homes on the north shore. We know the streets, the schools, and the fair price."}
+
+::re-feature{props.icon="🔎" props.title="Transparent search" props.text="Filter by price and bedrooms right on the site — no sign-up walls, no spam, just the homes that fit."}
+
+::re-feature{props.icon="🤝" props.title="Agents, not salespeople" props.text="Advice first. Our agents are paid to get you the right home, not the most expensive one."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3rem, 7vw, 4.5rem) 1.5rem"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1rem" style.--sm.gridTemplateColumns="repeat(2, 1fr)"}
+::re-stat{props.value="20+" props.label="Years on the north shore"}
+
+::re-stat{props.value="1,400+" props.label="Homes closed"}
+
+::re-stat{props.value="98%" props.label="Of asking price achieved"}
+
+::re-stat{props.value="4.9★" props.label="Average client rating"}
+::::
+:::::
+
+:::re-intro{props.image="/images/about.jpg" props.imageAlt="A Northshore Realty agent meeting clients at a home"}
+
+### More than a transaction
+
+Buying or selling a home is one of the biggest decisions you'll make. We treat it that way — with patience, straight answers, and a team that picks up the phone.
+
+From the first showing to closing day, you'll have one point of contact who knows your search inside and out.
+:::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::re-section-header{props.eyebrow="Client stories" props.heading="People who found home with us"}
+
+::::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"}
+::re-testimonial{props.quote="They found us a house two blocks from the water and under budget. I still can't believe it." props.author="The Okafor Family" props.role="Bought in Bayport"}
+
+::re-testimonial{props.quote="Sold in nine days for over asking. Calm, honest, and always a step ahead." props.author="Marta L." props.role="Sold in Maplewood"}
+
+::re-testimonial{props.quote="First-time buyers and terrified. Our agent walked us through every step twice." props.author="Devon & Ray" props.role="Bought in Lakeview"}
+::::
+:::::
+
+::re-cta{props.heading="Ready to start your search?" props.text="Tell us what you're looking for and your budget — we'll send a shortlist of homes worth seeing." props.cta="Talk to an Agent" props.ctaHref="/contact/"}

package/sites/real-estate/pages/listings.md

@@ -0,0 +1,13 @@
+---
+title: "Listings — Northshore Realty"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::re-section-header{props.eyebrow="Homes for sale" props.heading="Browse the north shore" props.subheading="Use the filters to narrow by bedrooms and price. Results update instantly — no page reloads."}
+:::::
+
+:::::section{style.padding="clamp(2.5rem, 6vw, 4rem) 0"}
+::re-listings-filter
+:::::
+
+::re-cta{props.heading="Don't see the right fit?" props.text="New homes come to market every week. Tell us your must-haves and we'll alert you the moment something matches." props.cta="Set Up Alerts" props.ctaHref="/contact/"}

package/sites/real-estate/project.json

@@ -0,0 +1,109 @@
+{
+  "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 helps buyers and sellers find their place on the north shore — browse current listings, filter by price and bedrooms, and work with agents who know the neighborhood."
+      }
+    },
+    {
+      "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=Manrope:wght@500;600;700;800&display=swap"
+      }
+    }
+  ],
+  "$media": {
+    "--": "1200px",
+    "--lg": "(max-width: 1024px)",
+    "--md": "(max-width: 768px)",
+    "--sm": "(max-width: 640px)"
+  },
+  "style": {
+    "--color-primary": "#0e7490",
+    "--color-primary-hover": "#155e75",
+    "--color-navy": "#1e3a8a",
+    "--color-bg-dark": "#0f172a",
+    "--color-bg-cream": "#f1f5f9",
+    "--color-bg-white": "#ffffff",
+    "--color-text-primary": "#0f172a",
+    "--color-text-white": "#ffffff",
+    "--color-text-muted": "#64748b",
+    "--color-border": "#e2e8f0",
+    "--color-accent": "#0e7490",
+    "--font-heading": "'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-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",
+    "Csv": "@jxsuite/parser/Csv.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": {
+    "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" },
+          "order": { "type": "number" }
+        },
+        "required": ["Title", "slug"]
+      }
+    }
+  },
+  "build": {
+    "outDir": "./dist",
+    "format": "directory",
+    "trailingSlash": "always"
+  }
+}

package/sites/real-estate/public/favicon.svg

@@ -0,0 +1,5 @@
+<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="#0e7490"/>
+  <path d="M16 6L25 13.5V25a1 1 0 0 1-1 1h-5v-6h-6v6H8a1 1 0 0 1-1-1V13.5z" fill="none" stroke="#fff" stroke-width="1.8" stroke-linejoin="round"/>
+  <path d="M5 14.5 16 6l11 8.5" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -0,0 +1,62 @@
+{
+  "tagName": "bit-cta",
+  "state": {
+    "heading": "",
+    "text": "",
+    "cta": "Reserve a Table",
+    "ctaHref": "/contact/"
+  },
+  "style": {
+    "display": "block",
+    "backgroundColor": "var(--color-bg-dark)",
+    "color": "var(--color-text-white)",
+    "padding": "clamp(3.5rem, 8vw, 5.5rem) 1.5rem",
+    "textAlign": "center"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": { "maxWidth": "var(--max-width-narrow)", "margin": "0 auto" },
+      "children": [
+        {
+          "tagName": "h2",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "clamp(1.9rem, 4vw, 2.75rem)",
+            "fontWeight": "700",
+            "lineHeight": "1.15",
+            "margin": "0 0 1rem"
+          },
+          "textContent": "${state.heading}"
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "fontSize": "1.1rem",
+            "lineHeight": "1.7",
+            "opacity": "0.85",
+            "margin": "0 0 2rem"
+          },
+          "textContent": "${state.text}"
+        },
+        {
+          "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}"
+        }
+      ]
+    }
+  ]
+}

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

@@ -0,0 +1,42 @@
+{
+  "tagName": "bit-feature",
+  "state": {
+    "icon": "",
+    "title": "",
+    "text": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-cream)",
+    "borderRadius": "var(--radius)",
+    "border": "1px solid var(--color-border)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": { "fontSize": "1.75rem", "marginBottom": "0.75rem", "lineHeight": "1" },
+      "textContent": "${state.icon}"
+    },
+    {
+      "tagName": "h3",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.25rem",
+        "fontWeight": "600",
+        "margin": "0 0 0.5rem"
+      },
+      "textContent": "${state.title}"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "margin": "0",
+        "color": "var(--color-text-muted)",
+        "fontSize": "0.98rem",
+        "lineHeight": "1.65"
+      },
+      "textContent": "${state.text}"
+    }
+  ]
+}

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

@@ -0,0 +1,145 @@
+{
+  "tagName": "bit-footer",
+  "state": {
+    "brand": "Bistro & Café",
+    "tagline": "Seasonal plates, house pastries, and small-batch coffee.",
+    "address": "128 Market Street, Riverbend",
+    "phone": "(555) 018-2340"
+  },
+  "style": {
+    "display": "block",
+    "backgroundColor": "var(--color-bg-dark)",
+    "color": "var(--color-text-white)",
+    "padding": "3.5rem 1.5rem 2rem"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "maxWidth": "var(--max-width)",
+        "margin": "0 auto",
+        "display": "grid",
+        "gridTemplateColumns": "2fr 1fr 1fr",
+        "gap": "2.5rem",
+        "@--md": { "gridTemplateColumns": "1fr" }
+      },
+      "children": [
+        {
+          "tagName": "div",
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "fontFamily": "var(--font-heading)",
+                "fontSize": "1.4rem",
+                "fontWeight": "700",
+                "marginBottom": "0.75rem"
+              },
+              "textContent": "${state.brand}"
+            },
+            {
+              "tagName": "p",
+              "style": { "margin": "0", "opacity": "0.75", "maxWidth": "32ch" },
+              "textContent": "${state.tagline}"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "textTransform": "uppercase",
+                "letterSpacing": "0.08em",
+                "fontSize": "0.75rem",
+                "opacity": "0.6",
+                "marginBottom": "0.75rem"
+              },
+              "textContent": "Visit"
+            },
+            {
+              "tagName": "p",
+              "style": { "margin": "0 0 0.35rem", "opacity": "0.85" },
+              "textContent": "${state.address}"
+            },
+            {
+              "tagName": "p",
+              "style": { "margin": "0", "opacity": "0.85" },
+              "textContent": "${state.phone}"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "textTransform": "uppercase",
+                "letterSpacing": "0.08em",
+                "fontSize": "0.75rem",
+                "opacity": "0.6",
+                "marginBottom": "0.75rem"
+              },
+              "textContent": "Explore"
+            },
+            {
+              "tagName": "a",
+              "attributes": { "href": "/menu/" },
+              "style": {
+                "display": "block",
+                "color": "var(--color-text-white)",
+                "opacity": "0.85",
+                "textDecoration": "none",
+                "marginBottom": "0.35rem"
+              },
+              "textContent": "Menu"
+            },
+            {
+              "tagName": "a",
+              "attributes": { "href": "/about/" },
+              "style": {
+                "display": "block",
+                "color": "var(--color-text-white)",
+                "opacity": "0.85",
+                "textDecoration": "none",
+                "marginBottom": "0.35rem"
+              },
+              "textContent": "About"
+            },
+            {
+              "tagName": "a",
+              "attributes": { "href": "/contact/" },
+              "style": {
+                "display": "block",
+                "color": "var(--color-text-white)",
+                "opacity": "0.85",
+                "textDecoration": "none"
+              },
+              "textContent": "Contact"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "maxWidth": "var(--max-width)",
+        "margin": "2.5rem auto 0",
+        "paddingTop": "1.5rem",
+        "borderTop": "1px solid rgba(255, 255, 255, 0.15)",
+        "fontSize": "0.85rem",
+        "opacity": "0.6"
+      },
+      "children": [
+        {
+          "tagName": "p",
+          "style": { "margin": "0" },
+          "textContent": "© Bistro & Café. Built with Jx."
+        }
+      ]
+    }
+  ]
+}

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

@@ -0,0 +1,65 @@
+{
+  "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": "Gallery photo from the restaurant"
+  },
+  "style": {
+    "display": "grid",
+    "gridTemplateColumns": "repeat(4, 1fr)",
+    "gap": "0.75rem",
+    "maxWidth": "var(--max-width)",
+    "margin": "0 auto",
+    "padding": "0 1.5rem",
+    "@--md": { "gridTemplateColumns": "repeat(2, 1fr)" }
+  },
+  "children": [
+    {
+      "tagName": "img",
+      "attributes": { "src": "${state.img1}", "alt": "${state.alt}", "loading": "lazy" },
+      "style": {
+        "width": "100%",
+        "aspectRatio": "1 / 1",
+        "objectFit": "cover",
+        "borderRadius": "var(--radius)",
+        "display": "block"
+      }
+    },
+    {
+      "tagName": "img",
+      "attributes": { "src": "${state.img2}", "alt": "${state.alt}", "loading": "lazy" },
+      "style": {
+        "width": "100%",
+        "aspectRatio": "1 / 1",
+        "objectFit": "cover",
+        "borderRadius": "var(--radius)",
+        "display": "block"
+      }
+    },
+    {
+      "tagName": "img",
+      "attributes": { "src": "${state.img3}", "alt": "${state.alt}", "loading": "lazy" },
+      "style": {
+        "width": "100%",
+        "aspectRatio": "1 / 1",
+        "objectFit": "cover",
+        "borderRadius": "var(--radius)",
+        "display": "block"
+      }
+    },
+    {
+      "tagName": "img",
+      "attributes": { "src": "${state.img4}", "alt": "${state.alt}", "loading": "lazy" },
+      "style": {
+        "width": "100%",
+        "aspectRatio": "1 / 1",
+        "objectFit": "cover",
+        "borderRadius": "var(--radius)",
+        "display": "block"
+      }
+    }
+  ]
+}