Flash Landing Page Generator

단일 제품 출시를 위한 하나의 독립적인 .html 파일을 생성합니다. 소유자는 이 파일을 자신의 호스팅/페이지 빌더에 붙여넣기만 하면 되므로, 별도의 빌드 단계나 로컬 에셋 없이 실행되어야 합니다.

소유자가 원하는 것 (기본값 — 다시 묻지 않음)

출력: HTML 코드만. 프레임워크, 빌드 도구, 추가 파일 없음.
언어: 인도네시아어를 기본으로 하되, "Early Bird", "What You Will Get", "Register now"와 같이 의미를 명확히 하는 가벼운 영어 문구를 혼용합니다.
목표: 직접 구매. 모든 CTA는 단일 체크아웃 URL(lynk.id 또는 결제 게이트웨이)로 연결됩니다.
디자인: 단순하지만 고급스럽게. 절제되고, 편집적이며, 여백이 넉넉합니다. 템플릿이 아닌, 그라데이션과 이모지가 넘치는 "AI 페이지"가 아닙니다.
스타일은 제품마다 새롭습니다. 색상 팔레트, 서체, 히어로 구성은 제품 자체에서 선택됩니다. 이전 제품의 디자인을 재사용하지 않습니다.
기본적으로 평범하게. 카운트다운, 사용후기, FAQ, 팝업 또는 사회적 증명 위젯은 소유자가 명시적으로 요청하지 않는 한 포함하지 않습니다.

한 번의 짧은 메시지로 누락된 항목만 물어보세요. 답변되지 않은 항목은 명확하게 표시된 자리 표시자가 되며, 절대 임의로 생성하지 않습니다.

필요 항목	참고 사항
제품명 + 한 줄 약속	H1 및 메타 설명이 됩니다
대상 청중 (주요 / 보조)	"Untuk Siapa" 섹션 문구를 결정합니다
주요 혜택 또는 결과	3–6개 항목
포함 내용 (전달물/모듈/보너스)	"What You Will Get" 그리드가 됩니다
가격, 취소선 가격, 마감일/기간	가격 블록
이벤트 세부 정보 (날짜, 시간, 형식), 라이브 제품인 경우	정보 표시줄
체크아웃 URL	`CHECKOUT_URL`에 들어갑니다
전단지 / 참조 이미지 / 브랜드 색상 / 사진	색상 팔레트 + 분위기에 사용됨; 사진을 사용할 수 없으면 삽입하지 않음
분위기 단어 또는 참조 자료	선택 사항; 그렇지 않으면 제품에서 유추

절대 지어내지 않음: 사용후기, 학생 수, 평점, "as seen on", 보증, 멘토 자격 증명, 수입 주장, 소유자가 명시하지 않은 마감일. 출처에 "praktisi berpengalaman"이라고 쓰여 있으면 정확히 그대로 작성합니다.

브리핑과 전단지/참조 자료를 읽습니다. 사실(이름, 날짜, 가격, 항목 제목)을 그대로 추출합니다. 이것들이 유일한 진실 공급원입니다.
디자인 방향을 선택합니다 (2–3줄, 빌드하기 전에 사용자에게 알림):
- 팔레트: 잉크 1, 배경 1, 강조 1, 부드러운 표면 1. 전단지/브랜드가 주어지면 그것에서, 그렇지 않으면 제품의 세계에서 추출합니다.
- 서체: Google Fonts에서 디스플레이체 1개 + 본문체 1개; 선택적으로 손글씨 강조체 1개를 드물게 사용.
- 히어로: 이 제품을 위한 독특한 한 가지 움직임 (거대한 세리프 헤드라인, 분할 패널, 숫자 증명 등).
아래 구조를 사용하여 빌드하되, reference/example-workshop.html을 구조 및 품질 참조용으로만 사용합니다. 테마와 구성을 새로 하고, 색상이나 글꼴을 복사하지 마십시오.
데스크톱 및 375px 너비에서 브라우저로 확인합니다 (체크리스트 참조).
파일 경로와 소유자가 직접 채워야 할 항목의 간단한 목록을 전달합니다.

제품에 필요하지 않은 섹션은 삭제합니다. 사실적인 짧은 페이지가 부풀려진 긴 페이지보다 낫습니다.

단일 파일; CSS는 <style>에, JS는 하나의 작은 <script>에; 글꼴은 Google Fonts <link>로만.
디자인 토큰은 :root의 CSS 변수로, 주석 "EDIT BAGIAN INI SAJA UNTUK PRODUK BARU"와 함께.
스크립트 상단에 const CHECKOUT_URL = "https://lynk.id/USERNAME/PRODUK"; 하나; 모든 [data-cta] 앵커는 이를 읽음. 소유자를 위한 TODO 주석을 남깁니다.
인라인 SVG 아이콘 (스트로크 스타일, currentColor). 아이콘으로 이모지 사용 금지.
반응형 모바일 우선; 375px에서 가로 스크롤 없음; 헤드라인 크기에 clamp() 사용.
IntersectionObserver를 사용한 스크롤 시 나타나기, prefers-reduced-motion 폴백 및 no-IO 폴백 포함.
접근성: 시맨틱 랜드마크 (header, section, footer), focus-visible 스타일, 텍스트 대비 ≥ 4.5:1, 의미 있는 시각 자료에 alt/aria, lang="id".
<title>, 메타 설명, 뷰포트 메타가 있어야 함.
손글씨/스크립트 강조 텍스트는 장식용으로만 유지되며 필수 정보를 전달해서는 안 됩니다.
장식적 주석은 모바일에서 겹치거나 넘치지 않아야 함 (820px 이상에서만 절대 위치 지정).

다음 내용을 명시: 파일 경로, 한 줄의 디자인 방향, "yang perlu lu isi" 목록 (체크아웃 링크, 사진, 멘토 이름, 자리 표시자로 남은 모든 것). 메뉴가 아닌 하나의 구체적인 다음 조정을 제안합니다.