# Top 92 About Sections for Shopify (Updated Oct 2026) > Compare 92 free about sections for Shopify across 15 themes: 86 ship as Liquid, 8 need 0 KB JS. Live demos, agent prompts. Updated Oct 2026. Page: https://blocko.ai/section/about/ MCP: https://blocko.ai/mcp License: MIT. Not affiliated with Shopify. ## Items 1. [Founder note on cream](https://blocko.ai/library/bare/sections/bare-founder-note/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--bare-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note on cream" (id `bare-founder-note`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--bare-founder-note.html; Shopify bundle: sections/bare/bare-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 2. [Story split](https://blocko.ai/library/clip/sections/clip-story-split/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--clip-story-split.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story split" (id `clip-story-split`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--clip-story-split.html; Shopify bundle: sections/clip/clip-story-split/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 3. [Founder note](https://blocko.ai/library/balm/sections/content-founder-note/) (Balm, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/balm/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/sections/about--content-founder-note.html; Shopify bundle: sections/balm/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 4. [Mission statement](https://blocko.ai/library/balm/sections/content-mission/) (Balm, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/balm/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/sections/about--content-mission.html; Shopify bundle: sections/balm/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 5. [Press quotes](https://blocko.ai/library/balm/sections/content-press-quotes/) (Balm, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/balm/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/sections/about--content-press-quotes.html; Shopify bundle: sections/balm/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 6. [Story hero](https://blocko.ai/library/balm/sections/content-about-hero/) (Balm, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/balm/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/sections/about--content-about-hero.html; Shopify bundle: sections/balm/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 7. [Story timeline](https://blocko.ai/library/balm/sections/content-story-timeline/) (Balm, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/balm/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/sections/about--content-story-timeline.html; Shopify bundle: sections/balm/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 8. [Values in practice](https://blocko.ai/library/balm/sections/content-values/) (Balm, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/balm/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/sections/about--content-values.html; Shopify bundle: sections/balm/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 9. [Founder note](https://blocko.ai/library/bare/sections/content-founder-note/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--content-founder-note.html; Shopify bundle: sections/bare/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 10. [Mission statement](https://blocko.ai/library/bare/sections/content-mission/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--content-mission.html; Shopify bundle: sections/bare/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 11. [Press quotes](https://blocko.ai/library/bare/sections/content-press-quotes/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--content-press-quotes.html; Shopify bundle: sections/bare/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 12. [Story hero](https://blocko.ai/library/bare/sections/content-about-hero/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--content-about-hero.html; Shopify bundle: sections/bare/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 13. [Story timeline](https://blocko.ai/library/bare/sections/content-story-timeline/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--content-story-timeline.html; Shopify bundle: sections/bare/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 14. [Values in practice](https://blocko.ai/library/bare/sections/content-values/) (Bare, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/bare/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/sections/about--content-values.html; Shopify bundle: sections/bare/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 15. [Founder note](https://blocko.ai/library/blush/sections/content-founder-note/) (Blush, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/blush/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/sections/about--content-founder-note.html; Shopify bundle: sections/blush/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 16. [Mission statement](https://blocko.ai/library/blush/sections/content-mission/) (Blush, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/blush/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/sections/about--content-mission.html; Shopify bundle: sections/blush/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 17. [Press quotes](https://blocko.ai/library/blush/sections/content-press-quotes/) (Blush, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/blush/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/sections/about--content-press-quotes.html; Shopify bundle: sections/blush/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 18. [Story hero](https://blocko.ai/library/blush/sections/content-about-hero/) (Blush, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/blush/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/sections/about--content-about-hero.html; Shopify bundle: sections/blush/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 19. [Story timeline](https://blocko.ai/library/blush/sections/content-story-timeline/) (Blush, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/blush/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/sections/about--content-story-timeline.html; Shopify bundle: sections/blush/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 20. [Values in practice](https://blocko.ai/library/blush/sections/content-values/) (Blush, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/blush/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/sections/about--content-values.html; Shopify bundle: sections/blush/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 21. [Founder note](https://blocko.ai/library/clip/sections/content-founder-note/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--content-founder-note.html; Shopify bundle: sections/clip/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 22. [Mission statement](https://blocko.ai/library/clip/sections/content-mission/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--content-mission.html; Shopify bundle: sections/clip/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 23. [Press quotes](https://blocko.ai/library/clip/sections/content-press-quotes/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--content-press-quotes.html; Shopify bundle: sections/clip/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 24. [Story hero](https://blocko.ai/library/clip/sections/content-about-hero/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--content-about-hero.html; Shopify bundle: sections/clip/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 25. [Story timeline](https://blocko.ai/library/clip/sections/content-story-timeline/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--content-story-timeline.html; Shopify bundle: sections/clip/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 26. [Values in practice](https://blocko.ai/library/clip/sections/content-values/) (Clip, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/clip/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/sections/about--content-values.html; Shopify bundle: sections/clip/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 27. [Founder note](https://blocko.ai/library/dew/sections/content-founder-note/) (Dew, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/dew/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/sections/about--content-founder-note.html; Shopify bundle: sections/dew/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 28. [Mission statement](https://blocko.ai/library/dew/sections/content-mission/) (Dew, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/dew/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/sections/about--content-mission.html; Shopify bundle: sections/dew/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 29. [Press quotes](https://blocko.ai/library/dew/sections/content-press-quotes/) (Dew, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/dew/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/sections/about--content-press-quotes.html; Shopify bundle: sections/dew/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 30. [Story hero](https://blocko.ai/library/dew/sections/content-about-hero/) (Dew, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/dew/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/sections/about--content-about-hero.html; Shopify bundle: sections/dew/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 31. [Story timeline](https://blocko.ai/library/dew/sections/content-story-timeline/) (Dew, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/dew/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/sections/about--content-story-timeline.html; Shopify bundle: sections/dew/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 32. [Values in practice](https://blocko.ai/library/dew/sections/content-values/) (Dew, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/dew/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/sections/about--content-values.html; Shopify bundle: sections/dew/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 33. [Founder note](https://blocko.ai/library/isle/sections/content-founder-note/) (Isle, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/isle/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/sections/about--content-founder-note.html; Shopify bundle: sections/isle/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 34. [Mission statement](https://blocko.ai/library/isle/sections/content-mission/) (Isle, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/isle/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/sections/about--content-mission.html; Shopify bundle: sections/isle/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 35. [Press quotes](https://blocko.ai/library/isle/sections/content-press-quotes/) (Isle, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/isle/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/sections/about--content-press-quotes.html; Shopify bundle: sections/isle/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 36. [Story hero](https://blocko.ai/library/isle/sections/content-about-hero/) (Isle, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/isle/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/sections/about--content-about-hero.html; Shopify bundle: sections/isle/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 37. [Story timeline](https://blocko.ai/library/isle/sections/content-story-timeline/) (Isle, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/isle/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/sections/about--content-story-timeline.html; Shopify bundle: sections/isle/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 38. [Values in practice](https://blocko.ai/library/isle/sections/content-values/) (Isle, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/isle/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/sections/about--content-values.html; Shopify bundle: sections/isle/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 39. [Founder note](https://blocko.ai/library/lather/sections/content-founder-note/) (Lather, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/lather/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/sections/about--content-founder-note.html; Shopify bundle: sections/lather/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 40. [Mission statement](https://blocko.ai/library/lather/sections/content-mission/) (Lather, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/lather/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/sections/about--content-mission.html; Shopify bundle: sections/lather/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 41. [Press quotes](https://blocko.ai/library/lather/sections/content-press-quotes/) (Lather, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/lather/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/sections/about--content-press-quotes.html; Shopify bundle: sections/lather/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 42. [Story hero](https://blocko.ai/library/lather/sections/content-about-hero/) (Lather, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/lather/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/sections/about--content-about-hero.html; Shopify bundle: sections/lather/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 43. [Story timeline](https://blocko.ai/library/lather/sections/content-story-timeline/) (Lather, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/lather/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/sections/about--content-story-timeline.html; Shopify bundle: sections/lather/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 44. [Values in practice](https://blocko.ai/library/lather/sections/content-values/) (Lather, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/lather/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/sections/about--content-values.html; Shopify bundle: sections/lather/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 45. [Founder note](https://blocko.ai/library/prism/sections/content-founder-note/) (Prism, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/prism/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/sections/about--content-founder-note.html; Shopify bundle: sections/prism/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 46. [Mission statement](https://blocko.ai/library/prism/sections/content-mission/) (Prism, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/prism/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/sections/about--content-mission.html; Shopify bundle: sections/prism/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 47. [Press quotes](https://blocko.ai/library/prism/sections/content-press-quotes/) (Prism, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/prism/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/sections/about--content-press-quotes.html; Shopify bundle: sections/prism/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 48. [Story hero](https://blocko.ai/library/prism/sections/content-about-hero/) (Prism, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/prism/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/sections/about--content-about-hero.html; Shopify bundle: sections/prism/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 49. [Story timeline](https://blocko.ai/library/prism/sections/content-story-timeline/) (Prism, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/prism/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/sections/about--content-story-timeline.html; Shopify bundle: sections/prism/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 50. [Values in practice](https://blocko.ai/library/prism/sections/content-values/) (Prism, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/prism/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/sections/about--content-values.html; Shopify bundle: sections/prism/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 51. [Founder note](https://blocko.ai/library/shelf/sections/content-founder-note/) (Shelf, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/shelf/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/sections/about--content-founder-note.html; Shopify bundle: sections/shelf/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 52. [Mission statement](https://blocko.ai/library/shelf/sections/content-mission/) (Shelf, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/shelf/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/sections/about--content-mission.html; Shopify bundle: sections/shelf/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 53. [Press quotes](https://blocko.ai/library/shelf/sections/content-press-quotes/) (Shelf, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/shelf/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/sections/about--content-press-quotes.html; Shopify bundle: sections/shelf/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 54. [Story hero](https://blocko.ai/library/shelf/sections/content-about-hero/) (Shelf, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/shelf/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/sections/about--content-about-hero.html; Shopify bundle: sections/shelf/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 55. [Story timeline](https://blocko.ai/library/shelf/sections/content-story-timeline/) (Shelf, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/shelf/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/sections/about--content-story-timeline.html; Shopify bundle: sections/shelf/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 56. [Values in practice](https://blocko.ai/library/shelf/sections/content-values/) (Shelf, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/shelf/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/sections/about--content-values.html; Shopify bundle: sections/shelf/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 57. [Founder note](https://blocko.ai/library/stubble/sections/content-founder-note/) (Stubble, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/stubble/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/sections/about--content-founder-note.html; Shopify bundle: sections/stubble/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 58. [Mission statement](https://blocko.ai/library/stubble/sections/content-mission/) (Stubble, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/stubble/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/sections/about--content-mission.html; Shopify bundle: sections/stubble/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 59. [Press quotes](https://blocko.ai/library/stubble/sections/content-press-quotes/) (Stubble, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/stubble/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/sections/about--content-press-quotes.html; Shopify bundle: sections/stubble/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 60. [Story hero](https://blocko.ai/library/stubble/sections/content-about-hero/) (Stubble, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/stubble/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/sections/about--content-about-hero.html; Shopify bundle: sections/stubble/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 61. [Story timeline](https://blocko.ai/library/stubble/sections/content-story-timeline/) (Stubble, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/stubble/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/sections/about--content-story-timeline.html; Shopify bundle: sections/stubble/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 62. [Values in practice](https://blocko.ai/library/stubble/sections/content-values/) (Stubble, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/stubble/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/sections/about--content-values.html; Shopify bundle: sections/stubble/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 63. [Founder note](https://blocko.ai/library/tide/sections/content-founder-note/) (Tide, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tide/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/sections/about--content-founder-note.html; Shopify bundle: sections/tide/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 64. [Mission statement](https://blocko.ai/library/tide/sections/content-mission/) (Tide, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tide/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/sections/about--content-mission.html; Shopify bundle: sections/tide/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 65. [Press quotes](https://blocko.ai/library/tide/sections/content-press-quotes/) (Tide, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tide/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/sections/about--content-press-quotes.html; Shopify bundle: sections/tide/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 66. [Story hero](https://blocko.ai/library/tide/sections/content-about-hero/) (Tide, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tide/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/sections/about--content-about-hero.html; Shopify bundle: sections/tide/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 67. [Story timeline](https://blocko.ai/library/tide/sections/content-story-timeline/) (Tide, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tide/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/sections/about--content-story-timeline.html; Shopify bundle: sections/tide/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 68. [Values in practice](https://blocko.ai/library/tide/sections/content-values/) (Tide, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tide/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/sections/about--content-values.html; Shopify bundle: sections/tide/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 69. [Founder note](https://blocko.ai/library/tint/sections/content-founder-note/) (Tint, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tint/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/sections/about--content-founder-note.html; Shopify bundle: sections/tint/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 70. [Mission statement](https://blocko.ai/library/tint/sections/content-mission/) (Tint, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tint/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/sections/about--content-mission.html; Shopify bundle: sections/tint/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 71. [Press quotes](https://blocko.ai/library/tint/sections/content-press-quotes/) (Tint, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tint/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/sections/about--content-press-quotes.html; Shopify bundle: sections/tint/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 72. [Story hero](https://blocko.ai/library/tint/sections/content-about-hero/) (Tint, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tint/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/sections/about--content-about-hero.html; Shopify bundle: sections/tint/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 73. [Story timeline](https://blocko.ai/library/tint/sections/content-story-timeline/) (Tint, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tint/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/sections/about--content-story-timeline.html; Shopify bundle: sections/tint/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 74. [Values in practice](https://blocko.ai/library/tint/sections/content-values/) (Tint, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/tint/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/sections/about--content-values.html; Shopify bundle: sections/tint/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 75. [Founder note](https://blocko.ai/library/twist/sections/content-founder-note/) (Twist, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/twist/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/sections/about--content-founder-note.html; Shopify bundle: sections/twist/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 76. [Mission statement](https://blocko.ai/library/twist/sections/content-mission/) (Twist, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/twist/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/sections/about--content-mission.html; Shopify bundle: sections/twist/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 77. [Press quotes](https://blocko.ai/library/twist/sections/content-press-quotes/) (Twist, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/twist/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/sections/about--content-press-quotes.html; Shopify bundle: sections/twist/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 78. [Story hero](https://blocko.ai/library/twist/sections/content-about-hero/) (Twist, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/twist/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/sections/about--content-about-hero.html; Shopify bundle: sections/twist/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 79. [Story timeline](https://blocko.ai/library/twist/sections/content-story-timeline/) (Twist, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/twist/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/sections/about--content-story-timeline.html; Shopify bundle: sections/twist/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 80. [Values in practice](https://blocko.ai/library/twist/sections/content-values/) (Twist, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/twist/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/sections/about--content-values.html; Shopify bundle: sections/twist/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 81. [Founder note](https://blocko.ai/library/veil/sections/content-founder-note/) (Veil, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/veil/sections/about--content-founder-note.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder note" (id `content-founder-note`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/sections/about--content-founder-note.html; Shopify bundle: sections/veil/content-founder-note/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 82. [Mission statement](https://blocko.ai/library/veil/sections/content-mission/) (Veil, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/veil/sections/about--content-mission.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Mission statement" (id `content-mission`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/sections/about--content-mission.html; Shopify bundle: sections/veil/content-mission/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 83. [Press quotes](https://blocko.ai/library/veil/sections/content-press-quotes/) (Veil, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/veil/sections/about--content-press-quotes.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Press quotes" (id `content-press-quotes`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/sections/about--content-press-quotes.html; Shopify bundle: sections/veil/content-press-quotes/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 84. [Story hero](https://blocko.ai/library/veil/sections/content-about-hero/) (Veil, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/veil/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story hero" (id `content-about-hero`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/sections/about--content-about-hero.html; Shopify bundle: sections/veil/content-about-hero/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 85. [Story timeline](https://blocko.ai/library/veil/sections/content-story-timeline/) (Veil, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/veil/sections/about--content-story-timeline.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Story timeline" (id `content-story-timeline`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/sections/about--content-story-timeline.html; Shopify bundle: sections/veil/content-story-timeline/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 86. [Values in practice](https://blocko.ai/library/veil/sections/content-values/) (Veil, beauty) - Shopify Liquid: ready; JavaScript: 2.3 KB; category: about - Live demo: https://demo.blocko.ai/html/veil/sections/about--content-values.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Values in practice" (id `content-values`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/sections/about--content-values.html; Shopify bundle: sections/veil/content-values/ in the repo) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 87. [About belief split](https://blocko.ai/library/tress/sections/content-about-belief/) (Tress, beauty) - Shopify Liquid: not yet (not migrated to neutral template); JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-belief.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "About belief split" (id `content-about-belief`, theme `tress`; live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-belief.html; no Shopify bundle yet (not migrated to neutral template) — port it from the HTML demo demo/tress/sections/about--content-about-belief.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 88. [About definition](https://blocko.ai/library/tress/sections/content-about-definition/) (Tress, beauty) - Shopify Liquid: not yet (not migrated to neutral template); JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-definition.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "About definition" (id `content-about-definition`, theme `tress`; live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-definition.html; no Shopify bundle yet (not migrated to neutral template) — port it from the HTML demo demo/tress/sections/about--content-about-definition.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 89. [About editorial hero](https://blocko.ai/library/tress/sections/content-about-hero/) (Tress, beauty) - Shopify Liquid: not yet (not migrated to neutral template); JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-hero.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "About editorial hero" (id `content-about-hero`, theme `tress`; live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-hero.html; no Shopify bundle yet (not migrated to neutral template) — port it from the HTML demo demo/tress/sections/about--content-about-hero.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 90. [About split introduction](https://blocko.ai/library/tress/sections/content-about-intro/) (Tress, beauty) - Shopify Liquid: not yet (not migrated to neutral template); JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-intro.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "About split introduction" (id `content-about-intro`, theme `tress`; live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-intro.html; no Shopify bundle yet (not migrated to neutral template) — port it from the HTML demo demo/tress/sections/about--content-about-intro.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 91. [Founder message](https://blocko.ai/library/tress/sections/content-about-founder/) (Tress, beauty) - Shopify Liquid: not yet (not migrated to neutral template); JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-founder.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Founder message" (id `content-about-founder`, theme `tress`; live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-founder.html; no Shopify bundle yet (not migrated to neutral template) — port it from the HTML demo demo/tress/sections/about--content-about-founder.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 92. [Scent story](https://blocko.ai/library/tress/sections/content-about-scent/) (Tress, beauty) - Shopify Liquid: not yet (not migrated to neutral template); JavaScript: 0 KB; category: about - Live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-scent.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the section "Scent story" (id `content-about-scent`, theme `tress`; live demo: https://demo.blocko.ai/html/tress/sections/about--content-about-scent.html; no Shopify bundle yet (not migrated to neutral template) — port it from the HTML demo demo/tress/sections/about--content-about-scent.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). ## FAQ ### What are the best about sections for Shopify? Blocko lists 92 free, MIT-licensed about sections from 15 themes. 86 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Founder note on cream from Bare comes first. ### Are these about sections free to use? Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify. ### How do I add one of these about sections to my Shopify store? Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the section should go before it changes any code. ### Which industries do these about sections cover? Beauty. Every industry with at least three matching items has its own list. ### How much JavaScript do these about sections ship? 8 of 92 ship 0 KB of JavaScript. The heaviest is Founder note in Balm at 2.3 KB, registered as an idempotent Custom Element.