Skip to content
HOWLSLAB
Đã cũ

Landing giải chạy

Landing cho một giải chạy, dựng trên codebase bán vé sẵn. Nền 3D, chuyển động khi cuộn, bốn cự ly. Repo còn giữ luồng mua vé, check-in và dashboard của nền tảng gốc.

Vé · Landing

Minh hoạ tạm — ảnh chụp sản phẩm sắp cập nhật.

  • Minh hoạ trừu tượng nhịp trang giải chạy
    Nhịp trang
  • Minh hoạ trừu tượng thẻ cự ly
    Cự ly
  • Minh hoạ trừu tượng bố cục giới thiệu
    Giới thiệu

Giới thiệu

Trang này là lớp giới thiệu đặt trên hệ bán vé đã có. Bốn cự ly được ghi trong repo là 5K, 10K, 21K và 42K.

Form đăng ký thật và đếm ngược thật được README ghi là việc chưa làm. Giải đã diễn ra chưa, và phần vé có được dùng thật không: Sắp cập nhật.

Tính năng chính

  1. 01Trang giải chạy: khối mở đầu 3D, giới thiệu, thẻ bốn cự ly, gallery và kêu gọi đăng ký
  2. 02Cuộn mượt và hoạt ảnh khi vào khung nhìn
  3. 03Phần kế thừa từ nền tảng vé: mua vé, webhook thanh toán, email vé, check-in QR, dashboard

Thông tin

Năm
Sắp cập nhật
Trạng thái
Đã cũ
Công nghệ
Next.js 15, React 19, TypeScript, Tailwind CSS v4, framer-motion, Three.js, Lenis, Supabase, Resend, SePay, Vercel

Muốn xem trực tiếp?

Dự án này không còn link public. Gửi một lời nhắn, lab sẽ mở lại cho bạn xem.