Mạch Khoáng — Landing Resort Suối Khoáng Nóng

Landing page trọn trang cho khu nghỉ dưỡng suối khoáng nóng. Tông ấm, chậm — nắng sớm xiên từ phải, hơi nước còn trên mặt bể, chưa có ai. Bảng màu đất nung và hổ phách cho ánh sáng với đá, ngọc đục cho nước và tre. Không một điểm xanh dương, tím hay hồng nào trên cả trang.

Hero là mô phỏng nước chạy thật, không phải video. Mặt bể gợn theo phương trình sóng; vân sáng dưới đáy được tính từ khúc xạ của chính mặt nước đó rồi nhân lên ảnh đá cuội thật — nên nó phản ứng với nước chứ không nằm đè lên. Một chum sành men rạn ngâm nửa thân trong bể, khẽ lắc gần như không thấy.

Rê con trỏ trên mặt nước là khuấy, và một cử chỉ đó ra ba hệ quả từ cùng một trường vật lý: mặt nước gợn theo vệt tay, vân sáng dưới đáy nhảy theo đúng vệt đó, hơi nước phía trên bị rẽ ra rồi từ từ khép lại.

Mặt nước không dừng ở hero. Nó thành ngữ pháp của cả trang: một đường một pixel được vẽ ra ở mỗi giao section khi người xem vượt qua, rồi lặng về mờ và ở lại đó. Phần tử vào trang theo một đợt sóng chéo, biên độ suy giảm dần theo độ sâu trang rồi vọt lên một lần ở khối kêu gọi cuối. Con số và tiêu đề bị đường nước cắt ngang, nửa dưới lệch 5px vĩnh viễn như nhìn qua nước. Trang khép lại bằng chính tên thương hiệu, khổng lồ và ngâm nửa thân, dùng đúng công thức mặt nạ đã cắt con chum ở hero.

TRONG GÓI CÓ GÌ

Một file HTML tự chứa — không build, không bundler, không framework. Thư viện lấy từ CDN. Mở bằng trình duyệt là chạy.

Prompt spec 2.090 dòng: toàn bộ CSS, markup và JavaScript dán nguyên văn (mô phỏng nước, trường hơi, biên đạo cuộn đều đã tinh chỉnh — tả bằng lời thì dựng lại không ra), bảng mọi con số phải bake vào, bảng thời khắc mở màn theo mili-giây, bảng dải phần trăm cuộn, danh sách chữ nguyên văn, hàng rào "đừng làm", và mục nghiệm thu tả chính xác trang đạt trông thế nào từ trên xuống.

16 ảnh đã tối ưu, host sẵn trên CDN — hoặc tải về đóng kèm, tuỳ anh chị.

Câu thần chú đổi ruột viết sẵn: dán một tin nhắn là AI viết lại toàn bộ nội dung cho doanh nghiệp của anh chị mà không phá vỏ.

BA THỨ KHÁCH HAY HỎI

Chạy có nặng máy không? Có van tự ngắt hai tầng. Máy nhỏ hoặc ít RAM thì không khởi tạo WebGL, dùng ảnh tĩnh. Máy chạy được thì đo khung hình trong 2 giây đầu: dưới 45 bỏ lớp hơi nước, dưới 32 rơi hẳn về ảnh tĩnh. Tĩnh mà mượt hơn là động mà giật.

Người tắt hiệu ứng chuyển động thì sao? Trang vẫn đọc được trọn vẹn — không WebGL, không sóng, đường nước vẽ tĩnh, chữ bị cắt trả về thẳng hàng, đủ chữ. Đây là điểm bán, không phải phần thêm.

Đổi màu thương hiệu được không? Được, và chỉ cần đổi hai con số ở đầu bảng màu. Nhưng phải tránh dải hue 180–330 — lệch vào đó là nước ra màu hồ bơi khách sạn, mất sạch chất Việt của con chum.

[Bản đầy đủ là prompt spec 2.090 dòng theo 12 mục, dán nguyên văn toàn bộ mã kèm bảng tham số và mục nghiệm thu — mở khoá sau khi thanh toán]

Đây là đoạn rút gọn. Nội dung đầy đủ mở khoá ngay sau khi thanh toán thành công.