Prism — Bộ trang đích

Prism là một thư viện section, không phải một template duy nhất. Nhiều biến thể hero, lưới tính năng, bảng giá, tường đánh giá, hỏi đáp dạng accordion và khối CTA — tất cả dùng chung một API props có kiểu dữ liệu chặt chẽ, nên bất kỳ hai section nào ghép lại cũng trông như được thiết kế cùng nhau.

Điểm khác biệt

• Hiệu ứng tôn trọng người dùng — Hiệu ứng xuất hiện theo cuộn trang và chuyển trang dựng bằng Motion, tự động tắt khi người dùng bật giảm hiệu ứng.
• Theme dựa trên token — Mọi màu sắc, độ bo góc và bóng đổ đều là biến CSS. Đổi toàn bộ thương hiệu chỉ bằng cách sửa một tệp.
• SEO đã được triển khai — Metadata cho từng route, URL canonical, sitemap XML, quy tắc robots, dữ liệu có cấu trúc JSON-LD và ảnh Open Graph động.
• Component dễ tiếp cận — Điều hướng bằng bàn phím, viền focus, nhãn ARIA và độ tương phản WCAG AA được kiểm tra trên mọi thành phần tương tác.
• Thiết kế cho mọi breakpoint — Không chỉ co giãn tự động — mobile, tablet và desktop đều có bố cục được thiết kế riêng có chủ đích.
• Server component làm mặc định — Việc lấy dữ liệu diễn ra trên server, nhờ đó trang gần như không gửi JavaScript và vẫn nhanh trên điện thoại tầm trung.

Phù hợp với ai

Người làm marketing và lập trình viên phải ra trang chiến dịch với deadline liên tục thay đổi.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Motion

Trong tệp tải về

• Toàn bộ mã nguồn Next.js (TypeScript)
• Tệp thiết kế Figma
• Design token Tailwind CSS
• Tài liệu hướng dẫn dạng văn bản
• Cấu hình triển khai một cú nhấp

Cập nhật và hỗ trợ

Nâng cấp framework và sửa lỗi miễn phí chừng nào sản phẩm này còn tồn tại. Bản quyền Thường kèm 6 tháng hỗ trợ, bản Mở rộng kèm 12 tháng, và có thể gia hạn bất cứ lúc nào.