@jxsuite/starters 0.34.0 → 0.35.0

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

@@ -2,8 +2,20 @@
 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."}
+:::::section{style.padding="clamp(2.5rem, 5vw, 3.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)" style.borderBottom="1px solid var(--color-border)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto"}
+:::p{style.display="inline-flex" style.alignItems="center" style.gap="0.6rem" style.textTransform="uppercase" style.letterSpacing="0.14em" style.fontSize="0.74rem" style.fontWeight="700" style.color="var(--color-primary)" style.margin="0 0 0.9rem"}
+Our story
+:::
+
+:::h1{style.fontFamily="var(--font-display)" style.fontSize="clamp(2rem, 4.4vw, 3.1rem)" style.fontWeight="500" style.letterSpacing="-0.015em" style.lineHeight="1.06" style.margin="0 0 0.75rem" style.color="var(--color-text-primary)" style.maxWidth="18ch"}
+A brokerage built on the north shore
+:::
+
+:::p{style.fontSize="1.12rem" style.color="var(--color-text-muted)" style.margin="0" style.maxWidth="56ch"}
+Two decades of helping neighbors buy, sell, and stay — one closing, one referral at a time.
+:::
+::::
 :::::
 
 :::re-intro{props.image="/images/about.jpg" props.imageAlt="The Northshore Realty team outside a listed home" props.reverse="true"}
@@ -15,10 +27,10 @@ Northshore Realty started with a single office on Lakeshore Drive and a simple p
 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"}
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)" style.borderTop="1px solid var(--color-border)" style.borderBottom="1px solid var(--color-border)"}
 ::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"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.35rem" 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."}
@@ -27,7 +39,7 @@ Today we're a team of local agents who still answer their own phones. We know wh
 ::::
 :::::
 
-:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 1.5rem"}
 ::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"}
@@ -39,4 +51,4 @@ Today we're a team of local agents who still answer their own phones. We know wh
 ::::
 :::::
 
-::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/"}
+::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/" props.cta2="Browse listings" props.cta2Href="/listings/"}

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

@@ -2,8 +2,20 @@
 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.padding="clamp(2.5rem, 5vw, 3.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)" style.borderBottom="1px solid var(--color-border)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto"}
+:::p{style.display="inline-flex" style.alignItems="center" style.gap="0.6rem" style.textTransform="uppercase" style.letterSpacing="0.14em" style.fontSize="0.74rem" style.fontWeight="700" style.color="var(--color-primary)" style.margin="0 0 0.9rem"}
+Get in touch
+:::
+
+:::h1{style.fontFamily="var(--font-display)" style.fontSize="clamp(2rem, 4.4vw, 3.1rem)" style.fontWeight="500" style.letterSpacing="-0.015em" style.lineHeight="1.06" style.margin="0 0 0.75rem" style.color="var(--color-text-primary)"}
+Talk to a local agent
+:::
+
+:::p{style.fontSize="1.12rem" style.color="var(--color-text-muted)" style.margin="0" style.maxWidth="56ch"}
+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"}

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

@@ -1,5 +1,5 @@
 ---
-title: "Northshore Realty — Homes for sale on the north shore"
+title: "Northshore Realty — Search homes on the north shore"
 state:
   featured:
     $prototype: ContentCollection
@@ -11,38 +11,49 @@ state:
     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"}
+::re-hero{props.eyebrow="142 active listings · updated daily" props.heading="Find the home that fits your life on the north shore." props.subheading="Search live listings from Bayport to Harbor Hills — filter by price, beds, and baths, then tour 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."}
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 0"}
+::re-section-header{props.eyebrow="Just listed" props.heading="Newest on the market" props.subheading="A first look at three homes that just came to the north shore market this week."}
 
-::::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"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="0 1.5rem" 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}/"}
+::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.status="${item.data.status}" 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 →
+::::div{style.maxWidth="var(--max-width)" style.margin="2.25rem auto 0" style.padding="0 1.5rem"}
+:::a{href="/listings/" style.display="inline-flex" style.alignItems="center" style.gap="0.55rem" style.padding="0.8rem 1.5rem" style.border="1px solid var(--color-border-strong)" style.borderRadius="999px" style.color="var(--color-text-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="0.98rem"}
+Browse all 6 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"}
+:::::section{id="neighborhoods" style.padding="clamp(3.5rem, 8vw, 5.5rem) 0" style.backgroundColor="var(--color-bg-cream)" style.borderTop="1px solid var(--color-border)" style.borderBottom="1px solid var(--color-border)"}
+::re-section-header{props.eyebrow="Where to look" props.heading="Explore the neighborhoods" props.subheading="Six distinct pockets of the north shore, from waterfront modern to quiet cottage streets."}
 
-::::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."}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="0 1.5rem" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.35rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
+::re-neighborhood{props.name="Bayport" props.count="24" props.price="$720k" props.image="/images/listing-2.jpg" props.href="/listings/"}
 
-::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-neighborhood{props.name="Maplewood" props.count="18" props.price="$465k" props.image="/images/listing-1.jpg" props.href="/listings/"}
 
-::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."}
+::re-neighborhood{props.name="Lakeview" props.count="12" props.price="$410k" props.image="/images/listing-3.jpg" props.href="/listings/"}
+
+::re-neighborhood{props.name="Harbor Hills" props.count="9" props.price="$1.1M" props.image="/images/listing-5.jpg" props.href="/listings/"}
+
+::re-neighborhood{props.name="Cedar Grove" props.count="15" props.price="$355k" props.image="/images/listing-4.jpg" props.href="/listings/"}
+
+::re-neighborhood{props.name="Northshore" props.count="21" props.price="$540k" props.image="/images/listing-6.jpg" props.href="/listings/"}
 ::::
 :::::
 
-:::::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)"}
+:::::section{style.padding="clamp(3rem, 7vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-dark)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto"}
+:::p{style.textTransform="uppercase" style.letterSpacing="0.16em" style.fontSize="0.74rem" style.fontWeight="700" style.color="var(--color-accent-bright)" style.margin="0 0 1.75rem"}
+By the numbers
+:::
+
+:::div{style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="2rem" 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"}
@@ -50,28 +61,34 @@ Browse all listings →
 ::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"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 0"}
+::re-section-header{props.eyebrow="Why Northshore" props.heading="A calmer, clearer way to buy" props.subheading="Everything you need to make a confident move — none of the pressure you don't."}
 
-### More than a transaction
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="0 1.5rem" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.35rem" 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."}
 
-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.
+::re-feature{props.icon="🔎" props.title="Transparent search" props.text="Filter by price, beds, and baths right on the site — no sign-up walls, no spam, just homes that fit."}
 
-From the first showing to closing day, you'll have one point of contact who knows your search inside and out.
-:::
+::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."}
+::::
+:::::
+
+::re-agent-band{props.heading="Talk to an agent who lives here." props.text="Tell us your budget and must-haves and we'll send a shortlist of homes worth seeing — usually the same day." props.cta="Book a call" props.ctaHref="/contact/"}
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 5.5rem) 0" style.backgroundColor="var(--color-bg-cream)" style.borderTop="1px solid var(--color-border)"}
 ::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"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="0 1.5rem" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.35rem" 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="Sold in nine days for over asking. Calm, honest, and always a step ahead." props.author="Marta Lindqvist" 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/"}
+::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/" props.cta2="Browse listings" props.cta2Href="/listings/"}

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

@@ -2,12 +2,24 @@
 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, 5vw, 3.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)" style.borderBottom="1px solid var(--color-border)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto"}
+:::p{style.display="inline-flex" style.alignItems="center" style.gap="0.6rem" style.textTransform="uppercase" style.letterSpacing="0.14em" style.fontSize="0.74rem" style.fontWeight="700" style.color="var(--color-primary)" style.margin="0 0 0.9rem"}
+Homes for sale
+:::
+
+:::h1{style.fontFamily="var(--font-display)" style.fontSize="clamp(2rem, 4vw, 3rem)" style.fontWeight="500" style.letterSpacing="-0.015em" style.lineHeight="1.08" style.margin="0 0 0.75rem" style.color="var(--color-text-primary)"}
+Browse the north shore index
+:::
+
+:::p{style.fontSize="1.08rem" style.color="var(--color-text-muted)" style.margin="0" style.maxWidth="60ch"}
+Filter by bedrooms and price on the left. Results update instantly — no page reloads, no waiting.
+:::
+::::
 :::::
 
 :::::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/"}
+::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/" props.cta2="Talk to an agent" props.cta2Href="/contact/"}

package/sites/real-estate/project.json

@@ -8,32 +8,45 @@
   "$head": [
     {
       "tagName": "meta",
-      "attributes": { "name": "viewport", "content": "width=device-width, initial-scale=1" }
+      "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."
+        "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" }
+      "attributes": {
+        "rel": "icon",
+        "href": "/favicon.svg"
+      }
     },
     {
       "tagName": "link",
-      "attributes": { "rel": "preconnect", "href": "https://fonts.googleapis.com" }
+      "attributes": {
+        "rel": "preconnect",
+        "href": "https://fonts.googleapis.com"
+      }
     },
     {
       "tagName": "link",
-      "attributes": { "rel": "preconnect", "href": "https://fonts.gstatic.com", "crossorigin": "" }
+      "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"
+        "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"
       }
     }
   ],
@@ -44,27 +57,45 @@
     "--sm": "(max-width: 640px)"
   },
   "style": {
-    "--color-primary": "#0e7490",
-    "--color-primary-hover": "#155e75",
-    "--color-navy": "#1e3a8a",
-    "--color-bg-dark": "#0f172a",
-    "--color-bg-cream": "#f1f5f9",
+    "--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-white": "#ffffff",
+    "--color-text-secondary": "#334155",
     "--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",
+    "--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": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "fontFamily": "var(--font-body)",
+    "fontSize": "17px",
     "lineHeight": "1.6",
     "color": "var(--color-text-primary)",
-    "backgroundColor": "var(--color-bg-white)"
+    "backgroundColor": "var(--color-bg-white)",
+    "WebkitFontSmoothing": "antialiased"
   },
   "imports": {
     "Markdown": "@jxsuite/parser/Markdown.class.json",
@@ -76,7 +107,12 @@
     "optimize": true,
     "widths": [320, 640, 960, 1280, 1920],
     "formats": ["webp", "avif"],
-    "quality": { "webp": 80, "avif": 65, "jpeg": 80, "png": 80 },
+    "quality": {
+      "webp": 80,
+      "avif": 65,
+      "jpeg": 80,
+      "png": 80
+    },
     "sizes": "(max-width: 768px) 100vw, 50vw",
     "lazyLoad": true
   },
@@ -87,15 +123,37 @@
       "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" }
+          "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"]
       }

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

@@ -1,5 +1,11 @@
 <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"/>
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="32" y2="32" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#14b8a6"/>
+      <stop offset="1" stop-color="#0f766e"/>
+    </linearGradient>
+  </defs>
+  <rect width="32" height="32" rx="7" fill="url(#g)"/>
   <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

@@ -1,41 +1,116 @@
 {
   "tagName": "bit-cta",
   "state": {
+    "eyebrow": "Reservations",
     "heading": "",
+    "headingAccent": "",
     "text": "",
     "cta": "Reserve a Table",
     "ctaHref": "/contact/"
   },
   "style": {
     "display": "block",
-    "backgroundColor": "var(--color-bg-dark)",
+    "position": "relative",
+    "overflow": "hidden",
+    "backgroundColor": "var(--color-espresso)",
     "color": "var(--color-text-white)",
-    "padding": "clamp(3.5rem, 8vw, 5.5rem) 1.5rem",
+    "padding": "clamp(3.5rem, 9vw, 6rem) 1.5rem",
     "textAlign": "center"
   },
   "children": [
     {
       "tagName": "div",
-      "style": { "maxWidth": "var(--max-width-narrow)", "margin": "0 auto" },
+      "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(1.9rem, 4vw, 2.75rem)",
+            "fontSize": "clamp(2.1rem, 5vw, 3.25rem)",
             "fontWeight": "700",
-            "lineHeight": "1.15",
-            "margin": "0 0 1rem"
+            "lineHeight": "1.1",
+            "letterSpacing": "-0.02em",
+            "margin": "0 0 1.1rem",
+            "color": "var(--color-text-white)"
           },
-          "textContent": "${state.heading}"
+          "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": {
-            "fontSize": "1.1rem",
+            "fontFamily": "var(--font-body)",
+            "fontSize": "1.12rem",
             "lineHeight": "1.7",
-            "opacity": "0.85",
-            "margin": "0 0 2rem"
+            "opacity": "0.82",
+            "margin": "0 auto 2rem",
+            "maxWidth": "50ch"
           },
           "textContent": "${state.text}"
         },
@@ -46,10 +121,13 @@
             "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",
+            "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)" }