랜딩 페이지 디자인 프롬프트.

[프리랜서용 인보이스 앱 Tally]의 랜딩 페이지를 디자인하려고 해. 방문자는 [한 달에 인보이스를 2~10건 보내는 디자이너, 작가, 개발자]야. 원하는 행동은 하나: [무료 체험 시작]. 핵심 약속: [고객을 쫓아다니지 않고 더 빨리 대금 받기]. 보여 줄 수 있는 근거: [사용자 12,400명, 평균 9일 더 빨리 입금].

디자인을 시작하기 전에 이 페이지에 필요한 섹션을 순서대로 나열하고, 섹션마다 방문자를 무엇으로 설득해야 하는지 한 문장씩 적어 줘.

히어로 섹션을 세 가지 방향으로 디자인해 줘. 각각 1440×900 크기, 인라인 CSS와 시스템 폰트를 쓴 별도의 단일 HTML 파일로:
A — 따뜻한 에디토리얼 스타일, 세리프 헤드라인
B — 대담하고 어두운 스타일, 밝은 포인트 색상 하나와 큰 숫자
C — 부드럽고 친근한 스타일, 둥근 카드와 옅은 그라데이션
세 가지 모두 헤드라인, 서브헤딩, CTA는 똑같이 써 줘. 제품 비주얼은 HTML과 CSS로 그리고, 외부 이미지는 쓰지 마.

[B] 방향을 1440px 너비의 단일 HTML 파일로 된 전체 랜딩 페이지로 확장해 줘. 섹션 순서: 히어로, 로고 띠, 작은 제품 비주얼이 각각 붙은 핵심 기능 3개, 3단계 사용 방법, 이름과 직함이 있는 고객 후기 2개, 요금제, 질문 5개짜리 FAQ, 마무리 CTA. 히어로는 지금 그대로 유지해 줘.

기능 섹션을 다시 써 줘. 기능마다 사용자가 얻는 것을 말하는 구체적인 헤드라인, 구체적인 디테일이나 숫자가 들어간 문장 하나, 기능이 쓰이는 모습을 보여 주는 HTML로 그린 작은 UI 비주얼이 필요해. 색깔 동그라미 속 아이콘이나 한 단어짜리 헤드라인은 쓰지 마.

[Free, 월 $12의 Pro, 월 $29의 Studio]로 요금제 섹션을 디자인해 줘. [Pro]를 추천 플랜으로 강조해 줘. 플랜마다 기능은 최대 5개까지, 플랜 간에 다른 점부터 적어 줘. 연간 결제 시 절약 금액을 보여 주는 월간/연간 토글을 넣고, 카드 아래에 가장 흔한 망설임에 답하는 한 줄을 넣어 줘: [언제든 해지할 수 있나요?].

이 페이지의 390px 너비 버전을 별도 파일로 만들어 줘. 섹션은 자연스러운 순서로 쌓고, 첫 화면에서 스크롤하지 않아도 CTA가 보이게 하고, 모든 터치 영역은 높이 44px 이상으로 해 줘. 데스크톱의 어떤 요소를 빼거나 단순화했는지, 그 이유도 알려 줘.

이 페이지에서 AI가 만든 것 같거나 템플릿처럼 보이게 하는 요소를 점검해 줘: 전부 가운데 정렬, 그라데이션 덩어리, 똑같은 카드 그리드, 모호한 문구, 너무 많은 포인트 색상. 찾은 것을 나열한 다음, 가장 눈에 띄는 문제 5개를 고치고 나머지는 모두 그대로 유지해 줘.

landing.html을 [Tailwind CSS]와 [src/components]에 있는 기존 컴포넌트를 써서 [Next.js] 페이지로 다시 만들어 줘. 레이아웃, 간격, 글자 크기는 HTML 파일에 맞추고, 390px에서 1440px까지 반응형으로 만들고, 문구는 지금 그대로 유지해 줘.