AI / Tech
Vercel-style Landing
Tóm tắt ngắn 1-2 câu cho bài viết — content-agent sẽ thay bằng đoạn mô tả thực sau khi pipeline content chạy.
Xem chi tiết
Quay lại template
SaaS · Landing
Linear Clone — SaaS Project Management
Template landing page hiện đại lấy cảm hứng từ Linear: gradient subtle, typography sắc nét, animation tinh tế. Phù hợp cho B2B SaaS muốn tạo first-impression chuyên nghiệp.
SaaSBento gridAnimationNext.jsTailwind
Tech stack
Next.js 14 (App Router), Tailwind CSS, framer-motion, lucide-react, shadcn/ui. JavaScript-only — không TypeScript để dễ tuỳ chỉnh.
Page bao gồm
10 trang sẵn: Home, About, Pricing, Blog, Blog Detail, Customer Stories, Customer Story Detail, Docs, Docs Detail, Contact.
Responsive
Đầy đủ breakpoint mobile (<768px), tablet (768-1023), desktop (≥1024). Đã test trên Safari iOS, Chrome Android, Firefox desktop.
Accessibility
Tuân thủ WCAG 2.1 AA: heading hierarchy, contrast ratio, keyboard navigation, prefers-reduced-motion.
Hiệu năng
Lighthouse score 95+ trên Desktop. Core Web Vitals đạt yêu cầu Google: LCP < 2.5s, CLS < 0.1, FID < 100ms.
License
MIT — bạn có thể dùng cho dự án thương mại, sửa đổi tự do, không cần ghi nguồn.
Screenshots các page chính
Bạn có thể thích
SaaS
Stripe Pricing
Tóm tắt ngắn 1-2 câu cho bài viết — content-agent sẽ thay bằng đoạn mô tả thực sau khi pipeline content chạy.
Xem chi tiết
Agency
Framer Agency
Tóm tắt ngắn 1-2 câu cho bài viết — content-agent sẽ thay bằng đoạn mô tả thực sau khi pipeline content chạy.
Xem chi tiết
AI / Tech
Shopify Store
Tóm tắt ngắn 1-2 câu cho bài viết — content-agent sẽ thay bằng đoạn mô tả thực sau khi pipeline content chạy.
Xem chi tiết
Bắt đầu
Sẵn sàng dùng template này?
Click Dùng template để clone vào workspace của bạn — sau đó customize bằng prompt hoặc visual editor.