Below is the complete HTML for the mobile-optimized event invitation landing page. You can copy and paste it as is to use it. It is saved to the browser's local storage (localStorage); for actual production, please refer to the API integration section in the comments and change it to server storage. ```html
미래를 여는 MCDI | 라오까이 시범설치 초청
Lao Cai Pilot Installation · 100-ton-per-day Water Purification System
Vietnam Locally Optimized Water Purification Technology Demo & O2&B Free System
November 3, 2025 (Mon) 17:00–20:00
Includes seminar and dinner
Invitation of the first 50 people
Until the start of the event
--
Day
--
hour
--
분
--
candle
Reference: 2025-11-03 17:00 (Can be changed in time zone setting code)
Application Status
0 / 50 Name received
50 seats remaining
Equipment and Technology Videos
If you just put the YouTube video ID in data-video-id, it will load automatically.
Browse photos
Event Information
program
Seminar (Technology Introduction & Q&A) + Equipment Demonstration + Dinner Networking
hour
November 3, 2025 (Mon) 17:00–20:00
core
100-Ton-Per-Day Water Purification System · Local Water Quality Optimization in Vietnam · Introduction to the O2&B Free System
garden
First 50 people (real-time count on this page)
Invited guests
- Central and local government agencies and public enterprises
- Companies related to water supply, wastewater treatment, and the environmental industry
- Research institutions, universities, development cooperation agencies, etc.
Your request has been received. Thank you!
``` Description Summary - Registration Saving: Saved to the browser's localStorage, with the counter updated in real-time. When the capacity reaches 50, the button is automatically disabled and displayed as "Closed". - Timer: Countdown starts from 17:00 on 2025-11-03. To switch to Vietnam time, change +09:00 in EVENT_ISO to +07:00. - YouTube Video: Automatically loads if you enter only the actual video ID in the data-video-id attribute. - Photo Slideshow: Supports autoplay and touch swipe. Practical Operation Tips - Currently, data is saved locally, so it is stored separately for each user's browser. If actual tallying is required, manage the total number of registrants by connecting a server API as shown in the saveRegistrationToServer example in the comments.