横幅 (Banners)

横幅组件通常由图片和文字组成，用于讲述品牌故事或展示主推产品。

文件名: image-banner.liquid

功能: 标准的图片背景 Banner，可添加标题、文字和按钮。
布局: 支持双按钮。

产品系列专业横幅 (Main Collection Banner Pro)

文件名: main-collection-banner-pro.liquid

功能: 专为产品系列页头部设计的高级横幅组件。
特点: 支持面包屑导航集成、描述文本折叠（阅读更多）、自定义背景高度以及移动端独立图片设置。
SEO优化: 支持将标题标签设置为 H1，并优化了描述文本的结构化数据。

图文组合 (Image with Text)

文件名: image-with-text.liquid

功能: 左图右文或左文右图的经典布局。
用途: 详细介绍产品特性或品牌理念。

增强版图文组合 (Image with Text Enhanced)

文件名: image-with-text-enhanced.liquid

增强: 提供更多动画效果、装饰性元素（如背景图案）和更灵活的尺寸控制。

图文内容块 (Image with Content)

文件名: image-with-content.liquid

功能: 图片作为背景或侧边栏，内容区域可以包含更丰富的元素（如列表、图标等）。

媒体与文本 (Media with Text Pro)

文件名: media-with-text-pro.liquid

功能: 类似于图文组合，但媒体部分可以是视频、3D模型或图片轮播。

文件名: installation-support-banner.liquid

用途: 专门用于提供技术支持或安装指南链接的横幅，常用于 B2B 或技术产品站点。

视频品牌故事 (Brand Story with Video)

文件名: brand-story-with-video.liquid

功能: 结合视频讲述品牌故事的专用组件。
布局: 通常包含左侧的文本叙述区域和右侧的视频播放区域。

前后对比滑块 (Before/After Slider)

文件名: custom-before-after-slider.liquid

功能: 允许用户拖动滑块直观地对比两张图片（如使用前/使用后）。
用途: 非常适合展示清洁用品、美容产品或装修服务的效果。