![[Source Code] Retro Futurist Agency Landing Page](/api/backend/storage/public/product-media/user_3bf20fb7af5b8145/690b120a57c10b01756f12423c9bd500-animated-46.webp)
[Source Code] Retro Futurist Agency Landing Page
FULL SOURCE CODE: MAINFRAME — RETRO-FUTURIST CREATIVE AGENCY LANDING PAGE Bộ giao diện Landing Page phong cách Retro-Futurist hoài cổ tương lai vô cùng độc đáo dành cho Creative Agency, Studio Thiết kế, AI Agent Interface hoặc thương hiệu dẫn đầu xu hướng! 🌟 TÍNH NĂNG NỔI BẬT: - Hiệu ứng Video tua bằng con trỏ chuột (Mouse-Scrub Video): Video nền tua tiến/lùi theo nhịp di chuyển chuột ngang của người dùng với cơ chế chống nghẽn Seek (Seek-flooding prevention) cực mượt. - Hiệu ứng Chữ gõ máy (Typewriter Effect Custom Hook): Dòng chữ gõ từng ký tự kèm con trỏ nhấp nháy sống động mang lại trải nghiệm tương tác với trợ lý ảo A.R.I.A. - Nhãn giới thiệu làm mờ (Blurred Intro Label): Câu chào mờ ảo độc lạ với hiệu ứng Blur 4px tinh tế. - Bộ nút Action Pills & Nút Copy Email 1-Click: Các nút dạng viên thuốc bo tròn (White Pills & Outline Pill) tích hợp tính năng click tự động sao chép email ([email protected]) vào bộ nhớ tạm. - Typography Helvetica Now Display: Font chữ cao cấp chuẩn thẩm mỹ thiết kế quốc tế. - Responsive 100%: Tương thích hoàn hảo từ màn hình PC đến giao diện Mobile Drawer Menu. 🛠️ CÔNG NGHỆ SỬ DỤNG: - React 19 / TypeScript - Font Helvetica Now Display (Medium & Regular) - Vite 8 - Tailwind CSS 3 - Custom Mouse Scrubbing & Seek Queueing Algorithm 🚀 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 video, chỉnh chữ 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: MAINFRAME — RETRO-FUTURIST CREATIVE AGENCY LANDING PAGE Bộ giao diện Landing Page phong cách Retro-Futurist hoài cổ tương lai vô cùng độc đáo dành cho Creative Agency, Studio Thiết kế, AI Agent Interface hoặc thương hiệu dẫn đầu xu hướng! 🌟 TÍNH NĂNG NỔI BẬT: - Hiệu ứng Video tua bằng con trỏ chuột (Mouse-Scrub Video): Video nền tua tiến/lùi theo nhịp di chuyển chuột ngang của người dùng với cơ chế chống nghẽn Seek (Seek-flooding prevention) cực mượt. - Hiệu ứng Chữ gõ máy (Typewriter Effect Custom Hook): Dòng chữ gõ từng ký tự kèm con trỏ nhấp nháy sống động mang lại trải nghiệm tương tác với trợ lý ảo A.R.I.A. - Nhãn giới thiệu làm mờ (Blurred Intro Label): Câu chào mờ ảo độc lạ với hiệu ứng Blur 4px tinh tế. - Bộ nút Action Pills & Nút Copy Email 1-Click: Các nút dạng viên thuốc bo tròn (White Pills & Outline Pill) tích hợp tính năng click tự động sao chép email ([email protected]) vào bộ nhớ tạm. - Typography Helvetica Now Display: Font chữ cao cấp chuẩn thẩm mỹ thiết kế quốc tế. - Responsive 100%: Tương thích hoàn hảo từ màn hình PC đến giao diện Mobile Drawer Menu. 🛠️ CÔNG NGHỆ SỬ DỤNG: - React 19 / TypeScript - Font Helvetica Now Display (Medium & Regular) - Vite 8 - Tailwind CSS 3 - Custom Mouse Scrubbing & Seek Queueing Algorithm 🚀 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 video, chỉnh chữ 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.