ClipFlow互动视频电商着陆页UI设计

使用 Next.js（App Router）和 Shadcn UI 构建一个现代 SaaS 着陆页，复制提供的截图中的布局、间距和视觉层次，但使用以下描述的内容和品牌。 网站简介 为 ClipFlow 创建一个着陆页，这是一个视频电商平台，让品牌能够创建互动式、可购买的视频和直播购物体验。页面应感觉干净、快速、高端，以转化率为核心，就像顶级初创公司 SaaS 产品一样。 页面结构 顶部导航栏带有 CTA 英雄版块，包含标题、副标题和 CTA 按钮 - 展示视频的中心手机模型 手机周围飘浮着状态卡和产品卡 - 社交证明部分，品牌 logo 品牌 & 内容（使用此文本） ClipFlow 导航栏 - 平台 - 应用场景 学习 - 价格 - 请求演示（次要按钮，轮廓线） 开始免费试用（主要按钮，填充状态） 英雄板块 标题：用互动视频电商赋能您的店铺 创建、举办并盈利高性能产品视频、直播购物和互动体验——全部针对速度、规模和转化率...