아래는 모바일에 최적화된 행사 초청 랜딩페이지 전체 HTML입니다. 그대로 복사해 붙여넣으면 동작합니다. 저장은 브라우저의 로컬 저장소(localStorage)에 저장되며, 실제 운영 시에는 주석의 API 연동 부분을 참고해 서버 저장으로 바꿔주세요.
```html
미래를 여는 MCDI | 라오까이 시범설치 초청
라오까이 시범설치 · 1일 100톤 정수 시스템
베트남 현지 최적화 정수 기술 데모 & O2&B 무상 시스템
2025년 11월 3일(월) 17:00–20:00
세미나 · 만찬 포함
선착순 50명 초청
행사 시작까지
--
일
--
시간
--
분
--
초
기준: 2025-11-03 17:00 (타임존 설정 코드에서 변경 가능)
접수 현황
0 / 50 명 접수
남은 좌석 50
장비·기술 영상
유튜브 영상 ID만 data-video-id에 넣으면 자동으로 로드됩니다.
사진 둘러보기
행사 안내
프로그램
세미나(기술 소개·Q&A) + 장비 데모 + 만찬 네트워킹
시간
2025년 11월 3일(월) 17:00–20:00
핵심
1일 100톤 정수 시스템 · 베트남 현지 수질 최적화 · O2&B 무상 시스템 소개
정원
선착순 50명 (현 페이지에서 실시간 카운트)
초청 대상
- 중앙·지방 정부기관 및 공기업
- 상하수도, 수처리, 환경산업 관련 기업
- 연구기관, 대학, 개발협력기관 등
접수되었습니다. 감사합니다!
```
설명 요약
- 참가등록 저장: 브라우저 localStorage에 저장되며 카운터가 실시간 반영됩니다. 정원이 50명에 도달하면 자동으로 버튼이 비활성화되고 “마감”으로 표기됩니다.
- 타이머: 2025-11-03 17:00 기준으로 카운트다운합니다. 베트남 시간으로 변경하려면 EVENT_ISO의 +09:00을 +07:00으로 바꾸세요.
- 유튜브 영상: data-video-id 속성에 실제 영상 ID만 넣으면 자동으로 로드됩니다.
- 사진 슬라이드: 자동 재생 및 터치 스와이프 지원.
실운영 팁
- 현재는 로컬 저장이라 사용자 브라우저별로 따로 저장됩니다. 실제 집계가 필요하면 주석의 saveRegistrationToServer 예시처럼 서버 API를 연결해 총 접수 인원을 관리하세요.