Mâm cúng Hảo Tâm An
Landing page đặt mâm cúng thôi nôi: chọn gói theo phiên bản bé trai/bé gái, xem từng lễ vật trên mâm và gửi yêu cầu tư vấn qua Zalo hoặc Fanpage.
Astro · TypeScript · Node.js · Vercel
Bài toán
Shop nhận đơn chủ yếu qua Zalo và Fanpage, nên khách thường phải nhắn hỏi lại giá và danh sách lễ vật của từng gói. Cần một trang giới thiệu đủ rõ — gói nào, gồm món gì, ảnh thật ra sao — rồi chuyển thẳng sang kênh chat quen thuộc để chốt đơn, thay vì một sàn thương mại điện tử nặng nề.
Vai trò của tôi
Thiết kế và phát triển toàn bộ landing page — cấu trúc nội dung, giao diện, xử lý ảnh sản phẩm thật của shop và luồng đặt hàng qua kênh chat.
Phạm vi đã triển khai
- Trang tĩnh Astro: ba gói mâm cúng với ảnh chụp thật, hai phiên bản bé trai/bé gái và danh sách lễ vật chi tiết từng món.
- Luồng đặt tư vấn tôn trọng thực tế bán hàng — gửi qua endpoint khi có, nếu không chuyển sang Zalo kèm tin nhắn tổng hợp sẵn, không trạng thái "thành công" giả.
- Bot Fanpage tự động báo giá theo kịch bản gói (webhook Node riêng), đọc cùng nguồn dữ liệu với trang nên giá và ảnh luôn đồng bộ.
- Toàn bộ nội dung tách khỏi giao diện thành file dữ liệu riêng để cập nhật giá, lễ vật và ảnh mà không đụng code hiển thị.
Hiện trạng
Trang đang vận hành tại https://mamcunghaotaman.vercel.app — địa chỉ tạm thời trên Vercel trong khi chờ domain chính thức. Việc cập nhật nội dung và bảo trì vẫn đang tiếp tục.