Atlas — Agency & Portfolio

Atlas mang lại cho các studio sáng tạo một website trông như được thiết kế thật chứ không phải lắp ghép: hiệu ứng xuất hiện theo cuộn trang, hero 3D có thể thay bằng video, và bố cục case study dài giữ được sự chú ý của khách hàng.

Đ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.
• Hero 3D — Một scene Three.js nhẹ, tải sau lần vẽ đầu tiên và chuyển về ảnh gradient tĩnh trên thiết bị cấu hình thấp.
• Lớp nội dung sẵn sàng cho CMS — Nội dung được đọc qua một adapter duy nhất, nên việc thay MDX bằng Sanity, Payload hay API riêng chỉ ảnh hưởng 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.
• 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.
• 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.

Phù hợp với ai

Các studio thiết kế, freelancer và công ty sản xuất mà website chính là tài sản bán hàng mạnh nhất.

Công nghệ sử dụng

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

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.