[Source Code] Impact Ventures Design Agency Landing Page
FULL SOURCE CODE: ATELIER — IMPACT VENTURES DESIGN AGENCY LANDING PAGE Bộ giao diện Landing Page trang trí trang chủ Design Agency, UX/UI Design Studio, Branding Agency hoặc Đơn vị Sáng tạo sản phẩm số hàng đầu! 🌟 TÍNH NĂNG NỔI BẬT: - Nghệ thuật Typography Instrument Serif: Tiêu đề khổng lồ "UX and APP DESIGN for BOLD VENTURES" với các từ in nghiêng (and, for) tinh tế đệm giữa các dòng chữ. - Mobile Hamburger Animation & Backdrop Blur Overlay: Menu di động hoạt ảnh chuyển đổi 3 gạch thành dấu X mượt 500ms cubic-bezier kèm màn hình phủ mờ ảo (Backdrop Blur-XL). - Bộ nút bấm Call-To-Action (CTA) đôi: Nút "See Cases" trắng tròn nổi bật kèm icon mũi tên dịch chuyển mượt khi hover và nút "Watch Reel" đường viền mờ sang trọng. - Navigation Bar đa thiết bị: Logo Atelier tối giản, thanh liên kết Projects, Expertise, Studio, Insights và nút bấm Reach Out / Let's Talk. - Fullscreen Video Loop Background: Video chuyển động nghệ thuật tràn viền 100% Viewport. - Responsive 100%: Tương thích hoàn hảo từ màn hình PC cho đến thiết bị di động. 🛠️ CÔNG NGHỆ SỬ DỤNG: - React 19 / TypeScript - Font Instrument Serif (Regular & Italic) & Inter Google Fonts - Vite 8 - Tailwind CSS 3 - Lucide React Icons 🚀 HƯỚNG DẪN CÀI ĐẶT & CHẠY DỰ ÁN: 1. Giải nén file .zip 2. Mở terminal tại thư mục dự án và chạy: npm install 3. Khởi chạy giao diện thử nghiệm: npm run dev 4. Build ra sản phẩm thực tế: npm run build (Đã đính kèm file HUONG_DAN_SU_DUNG_VA_DEPLOY.md hướng dẫn từng bước thay đổi nội dung, màu sắc và đưa lên mạng miễn phí!) 📩 Hỗ trợ giải đáp & hướng dẫn cài đặt nếu gặp khó khăn trong quá trình sử dụng.
Mô tả sản phẩm
FULL SOURCE CODE: ATELIER — IMPACT VENTURES DESIGN AGENCY LANDING PAGE Bộ giao diện Landing Page trang trí trang chủ Design Agency, UX/UI Design Studio, Branding Agency hoặc Đơn vị Sáng tạo sản phẩm số hàng đầu! 🌟 TÍNH NĂNG NỔI BẬT: - Nghệ thuật Typography Instrument Serif: Tiêu đề khổng lồ "UX and APP DESIGN for BOLD VENTURES" với các từ in nghiêng (and, for) tinh tế đệm giữa các dòng chữ. - Mobile Hamburger Animation & Backdrop Blur Overlay: Menu di động hoạt ảnh chuyển đổi 3 gạch thành dấu X mượt 500ms cubic-bezier kèm màn hình phủ mờ ảo (Backdrop Blur-XL). - Bộ nút bấm Call-To-Action (CTA) đôi: Nút "See Cases" trắng tròn nổi bật kèm icon mũi tên dịch chuyển mượt khi hover và nút "Watch Reel" đường viền mờ sang trọng. - Navigation Bar đa thiết bị: Logo Atelier tối giản, thanh liên kết Projects, Expertise, Studio, Insights và nút bấm Reach Out / Let's Talk. - Fullscreen Video Loop Background: Video chuyển động nghệ thuật tràn viền 100% Viewport. - Responsive 100%: Tương thích hoàn hảo từ màn hình PC cho đến thiết bị di động. 🛠️ CÔNG NGHỆ SỬ DỤNG: - React 19 / TypeScript - Font Instrument Serif (Regular & Italic) & Inter Google Fonts - Vite 8 - Tailwind CSS 3 - Lucide React Icons 🚀 HƯỚNG DẪN CÀI ĐẶT & CHẠY DỰ ÁN: 1. Giải nén file .zip 2. Mở terminal tại thư mục dự án và chạy: npm install 3. Khởi chạy giao diện thử nghiệm: npm run dev 4. Build ra sản phẩm thực tế: npm run build (Đã đính kèm file HUONG_DAN_SU_DUNG_VA_DEPLOY.md hướng dẫn từng bước thay đổi nội dung, màu sắc và đưa lên mạng miễn phí!) 📩 Hỗ trợ giải đáp & hướng dẫn cài đặt nếu gặp khó khăn trong quá trình sử dụng.