@jxsuite/starters 0.34.0 → 0.35.0

package/sites/shop/components/shp-trust.json

@@ -0,0 +1,58 @@
+{
+  "tagName": "shp-trust",
+  "state": {
+    "icon": "",
+    "title": "",
+    "text": ""
+  },
+  "style": {
+    "display": "flex",
+    "alignItems": "flex-start",
+    "gap": "0.9rem",
+    "padding": "0.25rem 0"
+  },
+  "children": [
+    {
+      "tagName": "span",
+      "style": {
+        "flex": "0 0 auto",
+        "display": "inline-flex",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "width": "2.85rem",
+        "height": "2.85rem",
+        "borderRadius": "999px",
+        "backgroundColor": "rgba(255,255,255,0.08)",
+        "border": "1px solid rgba(255,255,255,0.14)",
+        "fontSize": "1.35rem",
+        "lineHeight": "1"
+      },
+      "textContent": "${state.icon}"
+    },
+    {
+      "tagName": "div",
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "1.02rem",
+            "fontWeight": "700",
+            "color": "var(--color-text-white)"
+          },
+          "textContent": "${state.title}"
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "margin": "0.25rem 0 0",
+            "fontSize": "0.9rem",
+            "lineHeight": "1.55",
+            "color": "rgba(255,255,255,0.68)"
+          },
+          "textContent": "${state.text}"
+        }
+      ]
+    }
+  ]
+}

package/sites/shop/content/product/aero-road-helmet.md

@@ -2,7 +2,9 @@
 title: Aero Road Helmet
 sku: aero-road-helmet
 price: $149
+oldPrice: $179
 category: Accessories
+badge: Sale
 image: /images/product-5.jpg
 order: 7
 ---

package/sites/shop/content/product/apex-carbon-road.md

@@ -3,6 +3,7 @@ title: Apex Carbon Road
 sku: apex-carbon-road
 price: $3,299
 category: Road
+badge: Bestseller
 image: /images/product-1.jpg
 order: 1
 ---

package/sites/shop/content/product/backroad-gravel-adv.md

@@ -3,6 +3,7 @@ title: Backroad Gravel ADV
 sku: backroad-gravel-adv
 price: $2,649
 category: Gravel
+badge: Bestseller
 image: /images/product-3.jpg
 order: 5
 ---

package/sites/shop/content/product/boulder-enduro.md

@@ -3,6 +3,7 @@ title: Boulder Enduro
 sku: boulder-enduro
 price: $3,899
 category: Mountain
+badge: New
 image: /images/product-2.jpg
 order: 4
 ---

package/sites/shop/content/product/rambler-kids-20.md

@@ -3,6 +3,7 @@ title: Rambler Kids 20"
 sku: rambler-kids-20
 price: $429
 category: Kids
+badge: ""
 image: /images/product-4.jpg
 order: 6
 ---

package/sites/shop/content/product/summit-trail-29er.md

@@ -3,6 +3,7 @@ title: Summit Trail 29er
 sku: summit-trail-29er
 price: $2,199
 category: Mountain
+badge: ""
 image: /images/product-2.jpg
 order: 3
 ---

package/sites/shop/content/product/trailhead-pannier-set.md

@@ -3,6 +3,7 @@ title: Trailhead Pannier Set
 sku: trailhead-pannier-set
 price: $119
 category: Accessories
+badge: New
 image: /images/product-6.jpg
 order: 8
 ---

package/sites/shop/content/product/velocity-alloy-road.md

@@ -2,7 +2,9 @@
 title: Velocity Alloy Road
 sku: velocity-alloy-road
 price: $1,499
+oldPrice: $1,699
 category: Road
+badge: Sale
 image: /images/product-1.jpg
 order: 2
 ---

package/sites/shop/pages/index.md

@@ -1,5 +1,5 @@
 ---
-title: "Cadence Cycles — Neighborhood bike shop for every rider"
+title: "Cadence Cycles — Shop road, mountain, gravel & kids' bikes"
 state:
   featured:
     $prototype: ContentCollection
@@ -11,50 +11,60 @@ state:
     limit: 4
 ---
 
-::shp-hero{props.eyebrow="Riverbend · Since 2009" props.heading="Find your next favorite ride." props.subheading="A neighborhood bike shop stacked with road, mountain, gravel, and kids' bikes — plus the gear, service, and expert fittings to keep you rolling." props.cta="Shop Bikes" props.ctaHref="/products/" props.cta2="Our Story" props.cta2Href="/about/" props.bg="/images/hero.jpg"}
+::shp-hero{props.eyebrow="Featured build · New season" props.heading="Meet the Apex Carbon Road." props.subheading="Our flagship carbon race bike — hand-built, fitted in-store, and ready to fly. The bike our mechanics fight over on group-ride day." props.price="$3,299" props.badge="Bestseller" props.rating="4.9" props.cta="Add to cart" props.ctaHref="/products/apex-carbon-road/" props.cta2="Shop all bikes" props.cta2Href="/products/" props.image="/images/product-1.jpg" props.imageAlt="Apex Carbon Road bike"}
 
-:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.5rem" style.--sm.gridTemplateColumns="repeat(2, 1fr)"}
-::shp-stat{props.value="15 yrs" props.label="On Spoke Avenue"}
+:::::section{style.padding="clamp(2.75rem, 6vw, 4rem) 0 clamp(1.5rem, 3vw, 2rem)"}
+::shp-section-header{props.eyebrow="Shop by category" props.heading="Find your ride" props.subheading="Five ways to roll, from race-day carbon to a kid's first pedal bike."}
 
-::shp-stat{props.value="1,200+" props.label="Bikes fitted"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.padding="0 1.5rem" style.display="grid" style.gridTemplateColumns="repeat(5, 1fr)" style.gap="1rem" style.--md.gridTemplateColumns="repeat(3, 1fr)" style.--sm.gridTemplateColumns="repeat(2, 1fr)"}
+::shp-category-tile{props.icon="🚴" props.name="Road" props.count="2 models" props.href="/products/"}
 
-::shp-stat{props.value="48 hr" props.label="Service turnaround"}
+::shp-category-tile{props.icon="🚵" props.name="Mountain" props.count="2 models" props.href="/products/"}
 
-::shp-stat{props.value="4.9★" props.label="Rider rating"}
+::shp-category-tile{props.icon="🧭" props.name="Gravel" props.count="1 model" props.href="/products/"}
+
+::shp-category-tile{props.icon="🧒" props.name="Kids" props.count="1 model" props.href="/products/"}
+
+::shp-category-tile{props.icon="🎒" props.name="Accessories" props.count="2 items" props.href="/products/"}
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::shp-section-header{props.eyebrow="Fresh on the floor" props.heading="Featured rides" props.subheading="A few of the bikes our mechanics are most excited about this season."}
+:::::section{style.padding="clamp(2.5rem, 6vw, 4rem) 0"}
+::shp-section-header{props.eyebrow="Just in" props.heading="Fresh on the floor" props.subheading="The bikes our mechanics are most excited about this season."}
 
-::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 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(4, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
 :::Array{items.ref="#/state/featured"}
-::shp-product-card{props.title="${item.data.title}" props.price="${item.data.price}" props.category="${item.data.category}" props.image="${item.data.image}" props.href="/products/${item.data.sku}/"}
+::shp-product-card{props.title="${item.data.title}" props.price="${item.data.price}" props.oldPrice="${item.data.oldPrice}" props.badge="${item.data.badge}" props.category="${item.data.category}" props.image="${item.data.image}" props.href="/products/${item.data.sku}/"}
 :::
 ::::
 
-::::div{style.textAlign="center" style.marginTop="2.5rem"}
-:::a{href="/products/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="600" style.textDecoration="none" style.fontSize="1.05rem"}
-Browse the full shop →
+::::div{style.maxWidth="var(--max-width)" style.margin="2.25rem auto 0" style.padding="0 1.5rem" style.textAlign="center"}
+:::a{href="/products/" style.display="inline-flex" style.alignItems="center" style.gap="0.5rem" style.padding="0.85rem 1.75rem" style.borderRadius="999px" style.border="1px solid var(--color-line-strong)" style.color="var(--color-text-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1rem"}
+Shop all 8 products →
 :::
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
-::shp-section-header{props.eyebrow="Why Cadence" props.heading="More than a bike sale"}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-dark)" style.color="var(--color-text-white)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto"}
+:::p{style.display="inline-flex" style.alignItems="center" style.gap="0.45rem" style.margin="0 0 1.75rem" style.fontSize="0.72rem" style.fontWeight="800" style.textTransform="uppercase" style.letterSpacing="0.14em" style.color="var(--color-brand-bright)"}
+Why ride with Cadence
+:::
+
+:::div{style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="2rem" style.--md.gridTemplateColumns="repeat(2, 1fr)" style.--sm.gridTemplateColumns="1fr"}
+::shp-trust{props.icon="🔧" props.title="Built by mechanics" props.text="Every bike is assembled and safety-checked by a certified mechanic before it leaves the floor."}
 
-::::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"}
-::shp-feature{props.icon="🔧" props.title="On-site service" props.text="A full workshop with certified mechanics. Most tune-ups turned around in 48 hours or less."}
+::shp-trust{props.icon="📏" props.title="Fitted to you" props.text="A proper sizing and fit session comes free with every bike — no guesswork, no aches."}
 
-::shp-feature{props.icon="📏" props.title="Proper fitting" props.text="Every bike we sell is sized and adjusted to you before it leaves the floor — no guesswork."}
+::shp-trust{props.icon="🚚" props.title="Free shipping $50+" props.text="Orders over fifty ship free, and bikes arrive road-ready with a free first tune-up."}
 
-::shp-feature{props.icon="🤝" props.title="Lifetime support" props.text="Free first tune-up on every new bike, and honest advice for the life of the ride."}
+::shp-trust{props.icon="↩" props.title="30-day returns" props.text="Changed your mind? Return anything within 30 days. We want you on the right bike."}
+:::
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
-::shp-section-header{props.eyebrow="At the workshop" props.heading="Book a service" props.subheading="Tune-ups, custom builds, and fixes done right, priced up front."}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::shp-section-header{props.eyebrow="At the workshop" props.heading="Book a service" props.subheading="Tune-ups, custom builds, and fixes done right — priced up front."}
 
 ::::div{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="1rem" style.--sm.gridTemplateColumns="1fr"}
 ::shp-service{props.icon="⚙️" props.title="Standard tune-up" props.text="Gears, brakes, and a full safety check dialled in." props.price="$79"}
@@ -67,10 +77,10 @@ Browse the full shop →
 ::::
 :::::
 
-:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+:::::section{style.padding="clamp(3rem, 7vw, 5rem) 1.5rem"}
 ::shp-section-header{props.eyebrow="From the saddle" props.heading="Riders keep coming back"}
 
-::::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{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"}
 ::shp-review{props.quote="Bought my first gravel bike here and they spent an hour fitting it. It rides like it was made for me." props.author="Priya N." props.role="Weekend adventurer"}
 
 ::shp-review{props.quote="The workshop saved my race weekend with a same-day drivetrain rebuild. These folks know bikes." props.author="Marcus T." props.role="Cat 3 racer"}
@@ -79,4 +89,6 @@ Browse the full shop →
 ::::
 :::::
 
-::shp-cta{props.heading="Come take one for a spin" props.text="Test-ride anything on the floor, or roll in for a tune-up. We're on the corner of Spoke & 4th." props.cta="Plan Your Visit" props.ctaHref="/contact/"}
+::shp-newsletter{}
+
+::shp-cta{props.heading="Come take one for a spin" props.text="Test-ride anything on the floor, or roll in for a tune-up. We're on the corner of Spoke & 4th." props.cta="Plan your visit" props.ctaHref="/contact/" props.cta2="Shop bikes" props.cta2Href="/products/"}