■■■■■■■■■■■■■■■■
12. 웹앱 만들기 
■■■■■■■■■■■■■■■■

업무 일지 자동 정리기 웹앱을 만들어 주세요. 오늘 처리한 업무를 키워드나 문장으로 입력하면 '완료한 일 / 진행 중인 일 / 내일 할 일' 세 섹션으로 나눠 보고용 업무 일지 형식으로 자동 정리하고, 복사 버튼이 있는 단일 HTML 파일입니다. 가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.

---

오늘 뭐 먹지 랜덤 메뉴 추천기 웹앱을 만들어 주세요. 음식 종류(한식·양식·중식·일식), 분위기(혼밥·데이트·회식), 가격대(저렴·보통·특별)를 선택하고 '뭐 먹을까?' 버튼을 누 르면 메뉴를 랜덤으로 추천하는 단일 HTML 파일입니다. 싫어요 누르면 다른 메뉴를 추천해 주세요. 가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.

---

(한국의 1인 창업가)를 위한 모바일 우선 웹앱을 만들어줘.

목표는 내 SNS 프로필 링크 하나로 서비스 소개, 대표 콘텐츠,
상담 신청, 카카오톡 문의를 연결하는 것이다.

한국어 UI로 만들고, 신뢰감 있고 깔끔한 스타일로 구성해줘.

첫 화면에는 한 줄 소개, 대표 CTA 버튼 2개, 서비스 3개 카드,
후기 2개, 자주 묻는 질문, 문의 섹션이 들어가야 한다.

초보 고객이 바로 이해할 수 있게 문구도 함께 작성해줘.

---

(한국의 1인 창업가를 위한) "상담 연결 원링크" 모바일 우선 웹앱을 만들어줘.

[목표]
내 SNS 프로필 링크 하나로 서비스 소개 → 대표 콘텐츠 → 상담 신청 →
카카오톡 문의까지 한 번에 연결되게 한다.

[페이지 구성 - 위에서 아래 순서]
1. 안내 헤더(히어로)
   - 한 줄 소개 문구
   - 대표 CTA 버튼 2개: "무료 상담 신청하기" / "카카오톡으로 바로 문의"
2. 서비스 카드 3개 (제목 + 한 줄 설명 + 예상 소요/대상)
3. 대표 콘텐츠 링크 영역 (블로그·유튜브·인스타 등 외부 링크 버튼)
4. 고객 후기 2개 (이름 이니셜 + 업종 + 3줄 이내 후기)
5. 자주 묻는 질문(FAQ) 4개 - 아코디언 방식으로 펼침/접힘
6. 상담 신청 입력 폼 - 입력 항목 3개
   - 성함
   - 연락처(휴대폰 또는 카카오톡 ID)
   - 상담 희망 분야(드롭다운 선택)
7. 자동 정리 결과 표
   - 폼 제출 시 입력값을 표 형태로 즉시 정리해 화면에 보여줄 것
   - 열: 신청일시 / 성함 / 연락처 / 상담 희망 분야 / 상태(접수완료)
   - 신청 내역은 화면 내 상태값으로만 유지(외부 저장소 사용하지 않음)
8. 담당자 연락처 섹션
   - 담당자명, 이메일, 카카오톡 채널 링크, 운영시간 표기

[디자인]
- 네이비(#1E3A5F) + 골드(#C9A84C) 톤, 여백 넉넉하게, 신뢰감 있고 깔끔하게
- 모바일 우선(360px 기준) 설계 후 데스크톱 대응
- 버튼은 손가락으로 누르기 쉬운 크기(최소 48px 높이)
- 스크롤 시 하단에 고정되는 CTA 바 추가

[문구]
- 전부 한국어 UI
- AI·마케팅 용어를 모르는 초보 고객도 바로 이해할 수 있는 쉬운 표현으로
  샘플 문구까지 함께 작성해줘 (한 줄 소개, 서비스 설명, 후기, FAQ 답변 포함)

[산출물]
- 단일 HTML 파일 1개(CSS·JS 내장, 외부 라이브러리 없이)
- 파일로 저장해서 다운로드할 수 있게 줘