网页和落地页设计提示词。

我们要为 [Tally，一款给自由职业者用的开票 App] 设计一个落地页。访客是 [每月开 2–10 张发票的设计师、写作者和开发者]。我们希望访客完成的唯一动作：[开始免费试用]。核心承诺：[不用追着客户催款，更快收到钱]。能拿出来的证明：[12,400 名用户，平均提前 9 天收到款项]。

先不要动手设计。按顺序列出这个页面需要的区块，每个区块用一句话说明它要让访客相信什么。

为首屏区块设计三个方向，每个方向各做成一个独立的 HTML 文件，尺寸 1440×900，CSS 内联，使用系统字体：
A — 温暖的杂志风，主标题用衬线字体
B — 大胆的深色风格，只用一个亮色点缀，搭配大号数字
C — 柔和亲切，圆角卡片配浅色渐变
三个方向使用相同的主标题、副标题和行动按钮。产品相关的视觉元素都用 HTML 和 CSS 画出来，不用外部图片。

把方向 [B] 扩展成一个完整的落地页，放在一个 HTML 文件里，宽 1440px。区块依次为：首屏、logo 展示条、三个核心功能（各配一个小的产品示意图）、分三步讲清楚怎么用、两条带姓名和职位的客户评价、价格、包含五个问题的 FAQ，以及收尾的行动号召。首屏保持原样，不要改动。

重写功能区块。每个功能都要有：一个具体的标题，说清楚用户能得到什么；一句带具体细节或数字的说明；以及一个用 HTML 画的小界面示意图，展示这个功能实际使用时的样子。不要把图标放在彩色圆圈里，也不要只有一个词的标题。

设计价格区块，方案为 [免费版、Pro 每月 $12、Studio 每月 $29]。把 [Pro] 突出显示为推荐方案。每个方案最多列五项功能，先列出各方案之间不同的部分。加一个按月/按年切换开关，显示按年付费能省多少；在卡片下方加一行字，回答用户最常见的顾虑：[可以随时取消吗？]。

把这个页面另做一个 390px 宽的版本，存成单独的文件。按合理的顺序把各个区块纵向排列，让行动按钮在第一屏不用滚动就能看到，所有可点击区域至少 44px 高，并告诉我哪些桌面端元素被你删掉或简化了，以及原因。

检查这个页面，找出让它看起来像 AI 生成或者套了模板的地方：所有内容都居中、渐变色块、一模一样的卡片网格、空泛的文案、点缀色太多。列出你发现的问题，然后修复最明显的五个，其他部分保持不变。

把 landing.html 重建为一个 [Next.js] 页面，使用 [Tailwind CSS] 和 [src/components] 里我们现有的组件。布局、间距和字号都要和 HTML 文件一致，在 390px 到 1440px 之间做响应式适配，文案一字不改。