@runwell/shopify-toolkit 0.1.0

package/modules/testimonials/sections/runwell-testimonials.liquid

@@ -0,0 +1,87 @@
+{%- comment -%}
+  Lushi testimonials / UGC strip. Three-up grid of customer quotes with
+  source name + product/lifestyle context. CRO tips 6, 8, 9: social proof
+  scattered across the site, unique angles, customer voices.
+{%- endcomment -%}
+
+<section
+  class="runwell-testimonials"
+  style="background: {{ section.settings.background_color | default: '#F5F0EE' }}; color: {{ section.settings.text_color | default: '#0B3D38' }};">
+  <div class="runwell-testimonials__inner">
+    {%- if section.settings.eyebrow != blank -%}
+      <p class="runwell-testimonials__eyebrow">{{ section.settings.eyebrow }}</p>
+    {%- endif -%}
+    {%- if section.settings.heading != blank -%}
+      <h2 class="runwell-testimonials__heading">{{ section.settings.heading }}</h2>
+    {%- endif -%}
+    <div class="runwell-testimonials__grid">
+      {%- for block in section.blocks -%}
+        <figure {{ block.shopify_attributes }} class="runwell-testimonials__card">
+          {%- if block.settings.rating != blank -%}
+            <div class="runwell-testimonials__stars" aria-label="{{ block.settings.rating }} out of 5">
+              {%- assign s = block.settings.rating | times: 1 -%}
+              {%- for i in (1..5) -%}
+                {%- if i <= s -%}★{%- else -%}☆{%- endif -%}
+              {%- endfor -%}
+            </div>
+          {%- endif -%}
+          {%- if block.settings.quote != blank -%}
+            <blockquote class="runwell-testimonials__quote">{{ block.settings.quote }}</blockquote>
+          {%- endif -%}
+          <figcaption class="runwell-testimonials__caption">
+            {%- if block.settings.author != blank -%}
+              <span class="runwell-testimonials__author">{{ block.settings.author }}</span>
+            {%- endif -%}
+            {%- if block.settings.context != blank -%}
+              <span class="runwell-testimonials__context">{{ block.settings.context }}</span>
+            {%- endif -%}
+          </figcaption>
+        </figure>
+      {%- endfor -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "Lushi testimonials",
+  "tag": "section",
+  "class": "section-runwell-testimonials",
+  "settings": [
+    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "From the inbox" },
+    { "type": "text", "id": "heading", "label": "Heading", "default": "What customers are writing in." },
+    { "type": "color", "id": "background_color", "label": "Background", "default": "#F5F0EE" },
+    { "type": "color", "id": "text_color", "label": "Text", "default": "#0B3D38" }
+  ],
+  "blocks": [
+    {
+      "type": "quote",
+      "name": "Quote",
+      "settings": [
+        { "type": "textarea", "id": "quote", "label": "Quote" },
+        { "type": "text", "id": "author", "label": "Author" },
+        { "type": "text", "id": "context", "label": "Context (city, product, etc.)" },
+        { "type": "select", "id": "rating", "label": "Star rating", "default": "5",
+          "options": [
+            { "value": "0", "label": "None" },
+            { "value": "3", "label": "3" },
+            { "value": "4", "label": "4" },
+            { "value": "5", "label": "5" }
+          ]
+        }
+      ]
+    }
+  ],
+  "max_blocks": 6,
+  "presets": [
+    {
+      "name": "Lushi testimonials",
+      "blocks": [
+        { "type": "quote", "settings": { "quote": "First magnesium I have actually felt working. Read the journal post twice before ordering and now I get why they only carry the glycinate form.", "author": "Margaux, Brooklyn", "context": "Daily Magnesium Glycinate", "rating": "5" } },
+        { "type": "quote", "settings": { "quote": "I have tried four collagen brands. This one mixes clean in cold coffee and does not have that fishy aftertaste I gave up trying to mask.", "author": "Priya, Austin", "context": "Marine Collagen Peptides", "rating": "5" } },
+        { "type": "quote", "settings": { "quote": "The way you explain the why on every product is unlike anything else in wellness. Half the reason I bought was the journal post, not the marketing.", "author": "Jordan, Los Angeles", "context": "Lipid Repair Face Oil", "rating": "5" } }
+      ]
+    }
+  ]
+}
+{% endschema %}

package/modules/trust-badges/README.md

@@ -0,0 +1,17 @@
+# trust-badges
+
+Lushi trust badges. Migrated from Lushi (`sections/lushi-trust-badges.liquid`) into the Runwell Shopify Toolkit.
+
+Category: `social-proof`
+
+## Files
+
+- `sections/runwell-trust-badges.liquid`
+
+## Config
+
+See `module.json` config schema. Defaults match the original Lushi defaults; override per client in `runwell.config.json`.
+
+## Lineage
+
+This module was extracted from the Lushi build (Capital V) and generalised. The original lives at `lushi-shopify/sections/lushi-trust-badges.liquid`. The toolkit version uses `runwell-` class prefixes and pulls brand vars from the client config.

package/modules/trust-badges/module.json

@@ -0,0 +1,25 @@
+{
+  "name": "trust-badges",
+  "version": "0.1.0",
+  "category": "social-proof",
+  "description": "Lushi trust badges module migrated from Lushi.",
+  "files": {
+    "sections": [
+      "sections/runwell-trust-badges.liquid"
+    ]
+  },
+  "config": {
+    "schema": {
+      "background_color": {
+        "type": "string",
+        "default": "#F5F0EE",
+        "label": "Background color"
+      },
+      "text_color": {
+        "type": "string",
+        "default": "#0B3D38",
+        "label": "Text color"
+      }
+    }
+  }
+}

package/modules/trust-badges/sections/runwell-trust-badges.liquid

@@ -0,0 +1,93 @@
+{%- comment -%}
+  Lushi trust badges row. Drops on PDP under the buy form (or on cart,
+  collection, or homepage). Renders 3 to 6 trust signals: secure
+  checkout, returns, shipping, payment logos. Per Blueprint §3.4 and
+  CRO §5.3 (foundational trust signals).
+{%- endcomment -%}
+
+<section
+  class="runwell-trust-badges"
+  style="background: {{ section.settings.background_color }}; color: {{ section.settings.text_color }};"
+>
+  <div style="max-width: 1200px; margin: 0 auto; padding: clamp(1.6rem, 3vw, 2.4rem) 6vw;">
+    <div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; gap: 1.5rem;">
+      {%- for block in section.blocks -%}
+        <div {{ block.shopify_attributes }} style="display: flex; align-items: center; gap: 0.6rem; min-width: 0;">
+          <div style="font-size: 1.6rem; line-height: 1; opacity: 0.7;">
+            {{ block.settings.icon }}
+          </div>
+          <div style="min-width: 0;">
+            <div style="font-family: var(--font-body-family); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; line-height: 1.2;">
+              {{ block.settings.title }}
+            </div>
+            {%- if block.settings.body != blank -%}
+              <div style="font-family: var(--font-body-family); font-size: 0.72rem; opacity: 0.7; line-height: 1.3; margin-top: 0.15rem;">
+                {{ block.settings.body }}
+              </div>
+            {%- endif -%}
+          </div>
+        </div>
+      {%- endfor -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "Lushi trust badges",
+  "tag": "section",
+  "class": "section-runwell-trust-badges",
+  "settings": [
+    {
+      "type": "color",
+      "id": "background_color",
+      "label": "Background color",
+      "default": "#F5F0EE"
+    },
+    {
+      "type": "color",
+      "id": "text_color",
+      "label": "Text color",
+      "default": "#0B3D38"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "badge",
+      "name": "Badge",
+      "settings": [
+        {
+          "type": "text",
+          "id": "icon",
+          "label": "Icon (emoji or single char)",
+          "info": "Use an emoji or single character; rendered at 1.6rem.",
+          "default": "✓"
+        },
+        {
+          "type": "text",
+          "id": "title",
+          "label": "Title",
+          "default": "Free shipping over $75"
+        },
+        {
+          "type": "text",
+          "id": "body",
+          "label": "Subtitle"
+        }
+      ]
+    }
+  ],
+  "max_blocks": 6,
+  "presets": [
+    {
+      "name": "Lushi trust badges",
+      "blocks": [
+        { "type": "badge", "settings": { "icon": "✓", "title": "Free shipping over $75", "body": "On all US orders" } },
+        { "type": "badge", "settings": { "icon": "↺", "title": "30-day returns", "body": "No-hassle satisfaction promise" } },
+        { "type": "badge", "settings": { "icon": "★", "title": "Editorially curated", "body": "Every product on Lushi clears 4 checks" } },
+        { "type": "badge", "settings": { "icon": "⊕", "title": "Secure checkout", "body": "Encrypted at every step" } }
+      ]
+    }
+  ]
+}
+{% endschema %}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@runwell/shopify-toolkit",
+  "version": "0.1.0",
+  "description": "Reusable Shopify theme modules from Runwell. Replaces typically app-driven features (reviews, wishlist, urgency, FAQ, post-purchase upsell, exit popups, free-ship progress, sticky ATC, testimonials, badges, bundles) with native Liquid + JS + CSS that ship across multiple client themes via a config-driven sync CLI.",
+  "type": "module",
+  "main": "lib/index.js",
+  "bin": {
+    "runwell-shopify": "bin/runwell-shopify"
+  },
+  "files": [
+    "bin/",
+    "lib/",
+    "modules/",
+    "schemas/",
+    "README.md",
+    "ARCHITECTURE.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "test": "node --test test/",
+    "lint": "echo 'todo: eslint config'",
+    "release": "npm publish --access restricted"
+  },
+  "keywords": [
+    "shopify",
+    "liquid",
+    "theme",
+    "cro",
+    "ecommerce",
+    "runwell"
+  ],
+  "author": "Runwell <hello@runwell.systems>",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "restricted"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/louayelbiche/runwell-shopify-toolkit.git"
+  }
+}