@jxsuite/starters 0.34.0 → 0.35.1

package/sites/fitness-studio/components/fs-section-header.json

@@ -4,37 +4,59 @@
     "eyebrow": "",
     "heading": "",
     "subheading": "",
-    "align": "center"
+    "align": "center",
+    "onDark": false
   },
   "style": {
     "display": "block",
     "maxWidth": "var(--max-width-narrow)",
-    "margin": "0 auto 2.5rem",
+    "margin": "${state.align === 'left' ? '0 0 2.75rem' : '0 auto 2.75rem'}",
     "textAlign": "${state.align}"
   },
   "children": [
     {
-      "tagName": "p",
+      "tagName": "div",
       "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"
+        "display": "${state.eyebrow ? 'inline-flex' : 'none'}",
+        "alignItems": "center",
+        "gap": "0.55rem",
+        "marginBottom": "1rem"
       },
-      "textContent": "${state.eyebrow}"
+      "children": [
+        {
+          "tagName": "span",
+          "style": {
+            "width": "1.6rem",
+            "height": "3px",
+            "borderRadius": "2px",
+            "background": "var(--grad-hot)"
+          }
+        },
+        {
+          "tagName": "span",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "textTransform": "uppercase",
+            "letterSpacing": "0.16em",
+            "fontSize": "0.78rem",
+            "fontWeight": "700",
+            "color": "var(--color-primary)"
+          },
+          "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"
+        "fontFamily": "var(--font-display)",
+        "fontSize": "clamp(2.2rem, 5.2vw, 3.6rem)",
+        "fontWeight": "400",
+        "lineHeight": "0.98",
+        "letterSpacing": "0.01em",
+        "textTransform": "uppercase",
+        "margin": "0",
+        "color": "${state.onDark ? 'var(--color-text-white)' : 'var(--color-text-primary)'}"
       },
       "textContent": "${state.heading}"
     },
@@ -42,10 +64,12 @@
       "tagName": "p",
       "style": {
         "display": "${state.subheading ? 'block' : 'none'}",
-        "fontSize": "1.1rem",
+        "fontSize": "1.12rem",
         "lineHeight": "1.7",
-        "color": "var(--color-text-muted)",
-        "margin": "1rem 0 0"
+        "fontWeight": "500",
+        "color": "${state.onDark ? 'rgba(255,255,255,0.75)' : 'var(--color-text-muted)'}",
+        "margin": "${state.align === 'left' ? '1.15rem 0 0' : '1.15rem auto 0'}",
+        "maxWidth": "54ch"
       },
       "textContent": "${state.subheading}"
     }

package/sites/fitness-studio/pages/classes.md

@@ -10,11 +10,17 @@ state:
       order: asc
 ---
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::fs-section-header{props.eyebrow="Weekly schedule" props.heading="Find your class" props.subheading="From slow restorative flows to high-intensity circuits — here's everything on the mat this week."}
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
+::fs-section-header{props.eyebrow="Weekly schedule" props.heading="Find your class" props.subheading="From slow restorative flows to high-intensity circuits — here's everything on the mat this week. Tap a style to filter."}
 :::::
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem"}
+::fs-schedule
+:::::
+
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
+::fs-section-header{props.eyebrow="The details" props.heading="Every class, up close" props.subheading="What to expect, who's teaching, and the level each session is built for."}
+
 ::::fs-class-grid
 :::Array{items.ref="#/state/schedule"}
 ::fs-class-card{props.name="${item.data.name}" props.level="${item.data.level}" props.time="${item.data.time}" props.instructor="${item.data.instructor}" props.focus="${item.data.focus}"}
@@ -22,7 +28,7 @@ state:
 ::::
 :::::
 
-:::::section{style.padding="clamp(1rem, 4vw, 3rem) 1.5rem clamp(3.5rem, 8vw, 6rem)" style.backgroundColor="var(--color-bg-cream)"}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem"}
 ::fs-section-header{props.eyebrow="Good to know" props.heading="Before your first class"}
 
 ::::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"}
@@ -34,4 +40,4 @@ state:
 ::::
 :::::
 
-::fs-cta{props.heading="Ready to roll out your mat?" props.text="Book your spot online in under a minute. First-timers get a free intro session." props.cta="Book a Class" props.ctaHref="/contact/"}
+::fs-cta{props.eyebrow="Spots fill fast" props.heading="Ready to roll out your mat?" props.text="Book your spot online in under a minute. First-timers always get a free intro session." props.cta="Book a Class" props.ctaHref="/contact/"}

package/sites/fitness-studio/pages/contact.md

@@ -2,41 +2,19 @@
 title: "Book a Class & Visit — Ember Yoga & Fitness"
 ---
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::fs-section-header{props.eyebrow="Get started" props.heading="Book a class & say hello" props.subheading="Reserve your spot below, or drop by the studio on Willow Avenue. First class is always free."}
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
+::fs-section-header{props.eyebrow="Get started" props.heading="Book a class & say hello" props.subheading="Reserve your spot below, or drop by the studio on Willow Avenue. Your first class is always free."}
 :::::
 
-::::::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"}
+::::::section{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="clamp(3rem, 7vw, 5rem) 1.5rem"}
+:::::div{style.display="grid" style.gridTemplateColumns="1.15fr 0.85fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.alignItems="start" style.--md.gridTemplateColumns="1fr"}
 
-::::form{action="#" method="post" style.display="grid" style.gap="1rem" style.alignContent="start"}
+::fs-booking{props.heading="Reserve your spot"}
 
-### Reserve your spot
-
-::input{type="text" name="name" placeholder="Your name" required="true" aria-label="Your name" style.width="100%" style.padding="0.75rem 0.9rem" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)" style.fontSize="1rem" style.fontFamily="inherit"}
-
-::input{type="email" name="email" placeholder="Email address" required="true" aria-label="Email address" style.width="100%" style.padding="0.75rem 0.9rem" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)" style.fontSize="1rem" style.fontFamily="inherit"}
-
-::input{type="text" name="class" placeholder="Which class? e.g. Vinyasa Flow" aria-label="Class you're interested in" style.width="100%" style.padding="0.75rem 0.9rem" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)" style.fontSize="1rem" style.fontFamily="inherit"}
-
-::input{type="date" name="date" aria-label="Preferred date" style.width="100%" style.padding="0.75rem 0.9rem" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)" style.fontSize="1rem" style.fontFamily="inherit"}
-
-::textarea{name="message" rows="4" placeholder="New to yoga? Any injuries or goals we should know about?" aria-label="Message" style.width="100%" style.padding="0.75rem 0.9rem" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)" style.fontSize="1rem" style.fontFamily="inherit"}
-
-:::button{type="submit" style.backgroundColor="var(--color-primary)" style.color="var(--color-text-white)" style.padding="0.85rem 1.75rem" style.border="none" style.borderRadius="var(--radius)" style.fontSize="1rem" style.fontWeight="600" style.cursor="pointer" style.justifySelf="start"}
-Request a spot
-:::
-
-:::p{style.fontSize="0.85rem" style.color="var(--color-text-muted)" style.margin="0.25rem 0 0"}
-This is a demo form. Wire it to your booking provider or email in `pages/contact.md`.
-:::
-
-::::
-
-::::div{style.display="grid" style.gap="1.5rem" style.alignContent="start"}
+::::div{style.display="grid" style.gap="1.5rem"}
 ::fs-hours{props.heading="Studio Hours"}
 
-:::div{style.padding="2rem" style.backgroundColor="var(--color-bg-cream)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
+:::div{style.padding="2rem" style.backgroundColor="var(--color-bg-blush)" style.border="1px solid var(--color-border)" style.borderRadius="var(--radius)"}
 
 #### Find the studio
 

package/sites/fitness-studio/pages/index.md

@@ -1,5 +1,5 @@
 ---
-title: "Ember Yoga & Fitness — Boutique yoga, pilates & strength"
+title: "Ember Yoga & Fitness — Boutique yoga, pilates, HIIT & strength"
 state:
   preview:
     $prototype: ContentCollection
@@ -11,70 +11,47 @@ state:
     limit: 3
 ---
 
-::fs-hero{props.eyebrow="Bridgewater · Boutique Studio" props.heading="Move, breathe, belong." props.subheading="Yoga, pilates, HIIT, and strength — taught in small classes by coaches who learn your name. All levels, always welcome." props.cta="Book a Class" props.ctaHref="/contact/" props.cta2="View Classes" props.cta2Href="/classes/" props.bg="/images/hero.jpg"}
+::fs-hero{props.eyebrow="Bridgewater · Boutique Movement Studio" props.heading="Move like" props.headingAccent="you mean it." props.subheading="Yoga, pilates, HIIT and strength — taught in small classes by coaches who learn your name. All levels. Real momentum." props.cta="Book a Class" props.ctaHref="/contact/" props.cta2="See the Schedule" props.cta2Href="/classes/" props.chip1="16-person class cap" props.chip2="All levels welcome" props.bg="/images/hero.jpg"}
 
-:::fs-intro{props.image="/images/about.jpg" props.imageAlt="Instructor guiding a student through a stretch"}
+:::fs-intro{props.kicker="Why Ember" props.image="/images/about.jpg" props.imageAlt="Instructor guiding a student through a stretch" props.badge="Est. 2019" props.stat1="16" props.stat1label="Max per class" props.stat2="30+" props.stat2label="Classes / week" props.stat3="6" props.stat3label="Coaches"}
 
-### A studio that meets you where you are
+### Strong body, clear head, real community.
 
-Ember is a small, light-filled studio built around one idea: everyone deserves to feel strong and at ease in their own body. Our classes cap at sixteen, so you get real attention and real progress.
+Ember is a small, light-filled studio built on one idea: everyone deserves to feel powerful in their own body. Classes cap at sixteen, so every session is hands-on and every rep gets watched.
 
-Come for the yoga, stay for the community.
+Come for the sweat. Stay for the people who show up on the mat next to you, week after week.
 :::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::fs-section-header{props.eyebrow="Why Ember" props.heading="Practice that fits your life"}
-
-::::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"}
-::fs-feature{props.icon="🧘" props.title="Small classes" props.text="Capped at sixteen, so every session is hands-on and adjustments are personal."}
-
-::fs-feature{props.icon="🌱" props.title="All levels welcome" props.text="Never done yoga? Lifting for years? Every class offers a version that fits you."}
-
-::fs-feature{props.icon="💗" props.title="Coaches who care" props.text="Certified instructors who remember your name, your goals, and your last class."}
-::::
-:::::
-
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
 ::fs-section-header{props.eyebrow="Find your practice" props.heading="Three ways to move"}
 
 ::::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"}
-:::div
-::img{src="/images/class-1.jpg" alt="A flowing yoga pose" loading="lazy" style.width="100%" style.aspectRatio="1 / 1" style.objectFit="cover" style.borderRadius="var(--radius)" style.display="block" style.marginBottom="0.9rem"}
-**Yoga & Flow** — Vinyasa, power, and restorative practice to build heat and calm the mind.
-:::
+::fs-modality{props.tag="Yoga" props.title="Yoga & Flow" props.color="var(--color-yoga)" props.image="/images/class-1.jpg" props.imageAlt="A flowing yoga pose" props.text="Vinyasa, power, and restorative practice to build heat and quiet the mind." props.href="/classes/"}
 
-:::div
-::img{src="/images/class-2.jpg" alt="A pilates class in session" loading="lazy" style.width="100%" style.aspectRatio="1 / 1" style.objectFit="cover" style.borderRadius="var(--radius)" style.display="block" style.marginBottom="0.9rem"}
-**Pilates & Core** — Low-impact mat work that builds deep strength, posture, and control.
-:::
+::fs-modality{props.tag="Pilates" props.title="Pilates & Core" props.color="var(--color-pilates)" props.image="/images/class-2.jpg" props.imageAlt="A pilates class in session" props.text="Low-impact mat work that builds deep core strength, posture, and control." props.href="/classes/"}
 
-:::div
-::img{src="/images/class-3.jpg" alt="Strength training with free weights" loading="lazy" style.width="100%" style.aspectRatio="1 / 1" style.objectFit="cover" style.borderRadius="var(--radius)" style.display="block" style.marginBottom="0.9rem"}
-**Strength & HIIT** — Coached lifting and interval training to build lean, functional power.
-:::
+::fs-modality{props.tag="Sweat" props.title="Strength & HIIT" props.color="var(--color-strength)" props.image="/images/class-3.jpg" props.imageAlt="Strength training with free weights" props.text="Coached lifting and interval training to build lean, functional power." props.href="/classes/"}
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::fs-section-header{props.eyebrow="This week" props.heading="A few classes on the schedule"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::fs-section-header{props.eyebrow="This week" props.heading="The weekly schedule" props.subheading="Every class on the mat this week — filter by style, then grab your slot."}
 
-::::fs-class-grid
-:::Array{items.ref="#/state/preview"}
-::fs-class-card{props.name="${item.data.name}" props.level="${item.data.level}" props.time="${item.data.time}" props.instructor="${item.data.instructor}" props.focus="${item.data.focus}"}
-:::
-::::
+::fs-schedule
 
-::::div{style.textAlign="center" style.marginTop="2rem"}
-:::a{href="/classes/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
-See the full schedule →
+::::div{style.textAlign="center" style.marginTop="2.25rem"}
+:::a{href="/classes/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1.02rem"}
+See full class details →
 :::
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::fs-section-header{props.eyebrow="Memberships" props.heading="Simple pricing, no lock-in"}
+::fs-band{props.kicker="No experience required" props.heading="Show up. That's the hard part." props.text="Your first class is on us — book a free intro session and we'll help you find the practice that fits." props.cta="Book a free intro" props.ctaHref="/contact/" props.image="/images/class-1.jpg"}
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
+::fs-section-header{props.eyebrow="Memberships" props.heading="Pricing that flexes" props.subheading="Drop in when it suits you, or go unlimited and make it a habit. No sign-up fees, ever."}
 
-::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--lg.gridTemplateColumns="1fr"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.alignItems="start" style.--lg.gridTemplateColumns="1fr" style.--lg.maxWidth="440px"}
 ::fs-pricing-card{props.tier="Drop-in" props.price="$22" props.per="/ class" props.description="Perfect for trying us out or dropping by between trips." props.cta="Book a class" props.ctaHref="/contact/" props.perk1="Any single class" props.perk2="Mat & props included" props.perk3="No commitment"}
 
 ::fs-pricing-card{props.tier="Monthly Unlimited" props.price="$129" props.per="/ month" props.badge="Most popular" props.featured="true" props.description="Unlimited classes for people who want a real routine." props.cta="Start membership" props.ctaHref="/contact/" props.perk1="Unlimited classes" props.perk2="All class types" props.perk3="Free mat storage" props.perk4="10% off workshops" props.perk5="Freeze anytime"}
@@ -82,25 +59,25 @@ See the full schedule →
 ::fs-pricing-card{props.tier="Annual Unlimited" props.price="$1,290" props.per="/ year" props.description="Two months free plus perks for our most committed members." props.cta="Go annual" props.ctaHref="/contact/" props.perk1="Everything in Monthly" props.perk2="Two months free" props.perk3="4 guest passes a year" props.perk4="Priority booking" props.perk5="Free intro session"}
 ::::
 
-::::div{style.textAlign="center" style.marginTop="2rem"}
-:::a{href="/pricing/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
+::::div{style.textAlign="center" style.marginTop="2.25rem"}
+:::a{href="/pricing/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1.02rem"}
 Compare all plans →
 :::
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::fs-section-header{props.eyebrow="Meet the team" props.heading="Instructors who show up for you"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::fs-section-header{props.eyebrow="Meet the coaches" props.heading="Instructors in your corner"}
 
 ::::div{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="1.5rem" style.--sm.gridTemplateColumns="1fr"}
-::fs-instructor-card{props.name="Maya Chen" props.specialty="Vinyasa & Restorative Yoga" props.image="/images/instructor-1.jpg" props.bio="Founder of Ember and a 500-hour certified teacher. Maya's classes are equal parts challenge and calm."}
+::fs-instructor-card{props.name="Maya Chen" props.specialty="Vinyasa & Restorative" props.image="/images/instructor-1.jpg" props.bio="Founder of Ember and a 500-hour certified teacher. Maya's classes are equal parts challenge and calm."}
 
 ::fs-instructor-card{props.name="Devon Hart" props.specialty="Power Yoga & Strength" props.image="/images/instructor-2.jpg" props.bio="A former collegiate athlete turned coach, Devon makes strength training approachable for absolutely everyone."}
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::fs-section-header{props.eyebrow="Loved by members" props.heading="What our community says"}
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
+::fs-section-header{props.eyebrow="Loved by members" props.heading="The Ember effect"}
 
 ::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="1.5rem" style.--md.gridTemplateColumns="1fr"}
 ::fs-review{props.quote="I walked in having never done yoga and left already booking my next class. The instructors actually watch you and help." props.author="Jordan M." props.role="Member since 2022"}
@@ -109,4 +86,4 @@ Compare all plans →
 ::::
 :::::
 
-::fs-cta{props.heading="Your first class is on us" props.text="New to Ember? Book a free intro session and find the practice that fits you." props.cta="Book a Class" props.ctaHref="/contact/"}
+::fs-cta{props.eyebrow="Your first class is free" props.heading="Roll out your mat." props.text="New to Ember? Book a free intro session and find the practice that fits you — no pressure, no experience needed." props.cta="Book a Class" props.ctaHref="/contact/"}

package/sites/fitness-studio/pages/pricing.md

@@ -2,12 +2,12 @@
 title: "Membership & Pricing — Ember Yoga & Fitness"
 ---
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::fs-section-header{props.eyebrow="Memberships" props.heading="Pricing that flexes with you" props.subheading="Drop in when it suits you, or go unlimited and make it a habit. No sign-up fees, ever."}
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-blush)"}
+::fs-section-header{props.eyebrow="Memberships" props.heading="Pricing that flexes" props.subheading="Drop in when it suits you, or go unlimited and make it a habit. No sign-up fees, ever."}
 :::::
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
-::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.--lg.gridTemplateColumns="1fr"}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.5rem" style.alignItems="start" style.--lg.gridTemplateColumns="1fr" style.--lg.maxWidth="440px"}
 ::fs-pricing-card{props.tier="Drop-in" props.price="$22" props.per="/ class" props.description="Perfect for trying us out or dropping by between trips." props.cta="Book a class" props.ctaHref="/contact/" props.perk1="Any single class" props.perk2="Mat & props included" props.perk3="Book anytime" props.perk4="No commitment"}
 
 ::fs-pricing-card{props.tier="Monthly Unlimited" props.price="$129" props.per="/ month" props.badge="Most popular" props.featured="true" props.description="Unlimited classes for people who want a real routine." props.cta="Start membership" props.ctaHref="/contact/" props.perk1="Unlimited classes" props.perk2="All class types" props.perk3="Free mat storage" props.perk4="10% off workshops" props.perk5="Freeze anytime"}
@@ -16,7 +16,7 @@ title: "Membership & Pricing — Ember Yoga & Fitness"
 ::::
 :::::
 
-:::::section{style.padding="clamp(1rem, 4vw, 2rem) 1.5rem clamp(3.5rem, 8vw, 6rem)" style.backgroundColor="var(--color-bg-cream)"}
+:::::section{style.padding="clamp(1rem, 4vw, 2rem) 1.5rem clamp(3.5rem, 8vw, 6rem)" style.backgroundColor="var(--color-bg-blush)"}
 ::fs-section-header{props.eyebrow="Compare plans" props.heading="Every detail, side by side"}
 
 ::fs-pricing-table
@@ -26,7 +26,7 @@ Students and seniors save 15% on any plan — just ask at the front desk.
 :::
 :::::
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem"}
 ::fs-section-header{props.eyebrow="Questions" props.heading="Good to know"}
 
 ::::div{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.display="grid" style.gap="1.25rem"}
@@ -38,4 +38,4 @@ Students and seniors save 15% on any plan — just ask at the front desk.
 ::::
 :::::
 
-::fs-cta{props.heading="Start with a free intro" props.text="Not sure which plan fits? Come try a class on the house and we'll help you choose." props.cta="Book a Class" props.ctaHref="/contact/"}
+::fs-cta{props.eyebrow="Not sure which plan?" props.heading="Start with a free intro" props.text="Come try a class on the house and we'll help you choose the plan that actually fits your week." props.cta="Book a Class" props.ctaHref="/contact/"}

package/sites/fitness-studio/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": "A boutique yoga and fitness studio offering vinyasa, pilates, strength, and HIIT — small classes, all levels welcome."
+        "content": "Ember is a boutique yoga & fitness studio — vinyasa, pilates, HIIT and strength in small, all-levels classes. See the weekly schedule and book a class."
       }
     },
     {
       "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=Poppins:wght@500;600;700&display=swap"
+        "href": "https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap"
       }
     }
   ],
@@ -44,27 +57,70 @@
     "--sm": "(max-width: 640px)"
   },
   "style": {
-    "--color-primary": "#db2777",
-    "--color-primary-hover": "#be185d",
-    "--color-ink": "#1f1729",
-    "--color-bg-dark": "#241a2b",
-    "--color-bg-cream": "#fdf2f8",
+    "--color-primary": "#ff2e63",
+    "--color-primary-hover": "#e01152",
+    "--color-ember": "#ff8c42",
+    "--color-magenta": "#d6157a",
+    "--color-ink": "#1a0f18",
+    "--color-ink-band": "#20111c",
+    "--color-bg-dark": "#20111c",
     "--color-bg-white": "#ffffff",
-    "--color-text-primary": "#1f1729",
+    "--color-bg-blush": "#fff4ef",
+    "--color-bg-peach": "#ffe7dc",
+    "--color-bg-cream": "#fff4ef",
+    "--color-text-primary": "#1a0f18",
     "--color-text-white": "#ffffff",
-    "--color-text-muted": "#6b6472",
-    "--color-border": "#f0e4ec",
-    "--color-accent": "#0d9488",
-    "--font-heading": "'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "--color-text-muted": "#7c6a74",
+    "--color-border": "#f3ded4",
+    "--color-border-dark": "rgba(255,255,255,0.14)",
+    "--color-accent": "#ff8c42",
+    "--color-yoga": "#ff2e63",
+    "--color-strength": "#7b2ff7",
+    "--color-pilates": "#ff8c42",
+    "--color-hiit": "#d6157a",
+    "--grad": "linear-gradient(103deg, #ff2e63 0%, #ff6a3d 52%, #ffb03a 100%)",
+    "--grad-hot": "linear-gradient(120deg, #d6157a 0%, #ff2e63 55%, #ff8c42 100%)",
+    "--duo-shadow": "#280a22",
+    "--font-display": "'Anton', 'Archivo', system-ui, -apple-system, sans-serif",
+    "--font-heading": "'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+    "--font-body": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
     "--max-width": "1200px",
     "--max-width-narrow": "820px",
-    "--radius": "0.75rem",
+    "--radius": "1.1rem",
+    "--radius-sm": "0.7rem",
     "margin": "0",
     "padding": "0",
-    "fontFamily": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "fontFamily": "var(--font-body)",
     "lineHeight": "1.6",
     "color": "var(--color-text-primary)",
-    "backgroundColor": "var(--color-bg-white)"
+    "backgroundColor": "var(--color-bg-white)",
+    "h1": {
+      "fontFamily": "var(--font-heading)",
+      "color": "var(--color-text-primary)"
+    },
+    "h2": {
+      "fontFamily": "var(--font-heading)",
+      "color": "var(--color-text-primary)"
+    },
+    "h3": {
+      "fontFamily": "var(--font-heading)",
+      "color": "var(--color-text-primary)"
+    },
+    "h4": {
+      "fontFamily": "var(--font-heading)",
+      "color": "var(--color-text-primary)"
+    },
+    "strong": {
+      "color": "var(--color-text-primary)",
+      "fontWeight": "700"
+    },
+    "a": {
+      "color": "var(--color-primary)"
+    },
+    "::selection": {
+      "backgroundColor": "var(--color-primary)",
+      "color": "#ffffff"
+    }
   },
   "imports": {
     "Markdown": "@jxsuite/parser/Markdown.class.json",
@@ -74,7 +130,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
   },
@@ -85,12 +146,24 @@
       "schema": {
         "type": "object",
         "properties": {
-          "name": { "type": "string" },
-          "level": { "type": "string" },
-          "time": { "type": "string" },
-          "instructor": { "type": "string" },
-          "focus": { "type": "string" },
-          "order": { "type": "number" }
+          "name": {
+            "type": "string"
+          },
+          "level": {
+            "type": "string"
+          },
+          "time": {
+            "type": "string"
+          },
+          "instructor": {
+            "type": "string"
+          },
+          "focus": {
+            "type": "string"
+          },
+          "order": {
+            "type": "number"
+          }
         },
         "required": ["name", "level", "time", "instructor"]
       }

package/sites/home-services/components/hs-callbar.json

@@ -0,0 +1,72 @@
+{
+  "tagName": "hs-callbar",
+  "state": {
+    "phone": "(970) 555-0148",
+    "phoneHref": "tel:+19705550148"
+  },
+  "style": {
+    "display": "none",
+    "position": "fixed",
+    "bottom": "0",
+    "left": "0",
+    "right": "0",
+    "zIndex": "70",
+    "gridTemplateColumns": "1fr 1fr",
+    "backgroundColor": "var(--color-steel)",
+    "borderTop": "2px solid var(--color-primary)",
+    "boxShadow": "0 -8px 26px -14px rgba(0,0,0,0.7)",
+    "@--md": { "display": "grid" }
+  },
+  "children": [
+    {
+      "tagName": "a",
+      "attributes": { "href": "${state.phoneHref}" },
+      "style": {
+        "display": "flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "gap": "0.5rem",
+        "padding": "0.95rem 1rem",
+        "color": "var(--color-text-white)",
+        "textDecoration": "none",
+        "fontFamily": "var(--font-heading)",
+        "textTransform": "uppercase",
+        "letterSpacing": "0.04em",
+        "fontWeight": "600",
+        "fontSize": "1rem",
+        "borderRight": "1px solid var(--color-steel-line)"
+      },
+      "children": [
+        {
+          "tagName": "span",
+          "style": { "color": "var(--color-primary)", "fontSize": "1.15rem" },
+          "textContent": "☏"
+        },
+        { "tagName": "span", "textContent": "Call Now" }
+      ]
+    },
+    {
+      "tagName": "a",
+      "attributes": { "href": "/contact/" },
+      "style": {
+        "display": "flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "gap": "0.5rem",
+        "padding": "0.95rem 1rem",
+        "backgroundColor": "var(--color-primary)",
+        "color": "var(--color-text-white)",
+        "textDecoration": "none",
+        "fontFamily": "var(--font-heading)",
+        "textTransform": "uppercase",
+        "letterSpacing": "0.04em",
+        "fontWeight": "600",
+        "fontSize": "1rem"
+      },
+      "children": [
+        { "tagName": "span", "style": { "fontSize": "1.1rem" }, "textContent": "⚡" },
+        { "tagName": "span", "textContent": "Free Quote" }
+      ]
+    }
+  ]
+}