ランディングページ（LP）のデザインプロンプト。

[フリーランス向けの請求書アプリ Tally] のランディングページをデザインします。訪問者は [月に 2〜10 件の請求書を送るデザイナー、ライター、開発者] です。訪問者にとってほしい行動は 1 つ：[無料トライアルを始める]。一番の約束：[クライアントに催促しなくても、入金が早くなる]。示せる実績：[ユーザー数 12,400 人、入金が平均 9 日早くなる]。

何かをデザインする前に、このページに必要なセクションを順番に挙げ、それぞれのセクションで訪問者に何を納得してもらうべきかを 1 文で書いてください。

ヒーローセクションを 3 つの方向性でデザインしてください。それぞれ 1440×900、CSS はインライン、フォントはシステムフォントの、自己完結した HTML ファイルにしてください。
A — 温かくエディトリアル、見出しは明朝体（セリフ体）
B — 大胆でダーク、明るいアクセントカラー 1 色と大きな数字
C — やわらかく親しみやすい、角丸のカードと淡いグラデーション
見出し、サブ見出し、CTA は 3 案とも同じにしてください。プロダクトのビジュアルは HTML と CSS で描き、外部画像は使わないでください。

方向性 [B] を、幅 1440px の HTML ファイル 1 つで、ランディングページ全体に広げてください。セクションは順番に、ヒーロー、ロゴの帯、それぞれに小さなプロダクトのビジュアルを添えた 3 つの主な機能、3 ステップの使い方、名前と役職付きの顧客の声 2 件、料金、5 つの質問の FAQ、締めくくりの CTA です。ヒーローは今のまま変えないでください。

機能セクションを書き直してください。各機能には、ユーザーが何を得られるかを伝える具体的な見出し、具体的な情報か数字を含む 1 文、そしてその機能が使われている様子を HTML で描いた小さな UI のビジュアルが必要です。色付きの丸の中のアイコンや、ひと言だけの見出しは使わないでください。

[Free、月額 $12 の Pro、月額 $29 の Studio] で料金セクションをデザインしてください。[Pro] をおすすめプランとして目立たせてください。各プランの機能は最大 5 つまでとし、プラン間で違う点から先に書いてください。年払いの割引額がわかる月払い／年払いの切り替えを付け、カードの下に、最もよくある不安への答えを 1 行添えてください：[いつでも解約できますか？]。

このページの幅 390px 版を、別のファイルとして作ってください。セクションは自然な順番で縦に並べ、最初の画面ではスクロールせずに CTA が見えるようにし、タップできる要素はすべて高さ 44px 以上にしてください。デスクトップ版から削った要素や簡略化した要素と、その理由も教えてください。

このページに、AI 生成やテンプレートっぽく見える要素がないかレビューしてください。何でも中央揃え、グラデーションのぼかし模様、同じ形のカードのグリッド、あいまいなコピー、多すぎるアクセントカラーなどです。見つかったものを挙げ、最も目立つ 5 つの問題を直し、それ以外はすべてそのままにしてください。

landing.html を、[Tailwind CSS] と [src/components] にある既存のコンポーネントを使って、[Next.js] のページとして作り直してください。レイアウト、余白、文字サイズは HTML ファイルに合わせ、390px から 1440px までレスポンシブにし、コピーは一字一句そのままにしてください。