🏢 GIỚI THIỆU & MÔ TẢ DỰ ÁN

TODNINHXA.VN (Hùng Vương Land) là một dự án website bất động sản cao cấp, được định vị là Trung tâm thông tin quy hoạch, hạ tầng TOD (Transit-Oriented Development) và Ga đường sắt Ninh Xá, đồng thời là kênh truyền thông và giới thiệu quỹ đất chính thức của thương hiệu Hùng Vương Land.

🌟 Điểm khác biệt cốt lõi

• Không phải web rao vặt truyền thống: Dự án tránh xa lối mòn của các trang web môi giới, rao vặt lộn xộn. Website tập trung tối đa vào việc cung cấp thông tin quy hoạch tầm vĩ mô, hạ tầng giao thông và định hướng phát triển khu vực (Ninh Xá, Bắc An Phụ, Hải Phòng).
• Ngôn ngữ thiết kế luxury: Định hướng theo phong cách hiện đại, cao cấp đô thị (luxury urban) lấy cảm hứng từ các chủ đầu tư lớn (Vinhomes, Masterise, Sun Property). Sử dụng tông màu chủ đạo sang trọng: Navy đậm, Bạc ghi, Champagne Gold và Ánh vàng ấm.
• Công nghệ hiện đại & tối ưu: Xây dựng trên nền tảng Laravel tối ưu SEO cực mạnh, kết hợp giao diện Blade & Tailwind CSS mượt mà, sử dụng Alpine.js cho các tính năng tương tác nhanh và hiệu ứng chuyển động tinh tế.

🌐 CHỨC NĂNG DÀNH CHO USER (KHÁCH HÀNG & KHÁCH VÃNG LAI)

Giao diện public hướng tới trải nghiệm người dùng cao cấp, cung cấp đầy đủ thông tin trực quan và hỗ trợ liên hệ cực kỳ nhanh chóng.

1. Trang Chủ (Homepage)

• Hero Banner Luxury: Hiển thị video flycam thực tế toàn cảnh hạ tầng hoặc hình ảnh chất lượng cao kèm thông điệp định vị thương hiệu Hùng Vương Land.
• Khối thông tin tiêu điểm: Hiển thị nổi bật cập nhật quy hoạch mới nhất, tiêu điểm Ga Ninh Xá và hạ tầng TOD.
• Khối Nhà đất nổi bật & Video thực tế: Trình bày danh sách quỹ đất đặc sắc và các video flycam sinh động dưới dạng thẻ (cards) sang trọng.
• CTA & Liên hệ nhanh: Các nút gọi Hotline 0889 273 273 và chat Zalo luôn hiển thị cố định ở góc màn hình (Floating contact buttons) để khách hàng kết nối ngay lập tức.

2. Chuyên Mục: TOD & Ga Ninh Xá (Tin Tức Quy Hoạch)

• Bộ lọc bài viết: Cho phép người dùng lọc tin tức theo các chuyên mục chuyên sâu: Tin tức chung, Phát triển TOD, Ga đường sắt, Dự án cao tốc, Tiến độ hạ tầng, Định hướng phát triển.
• Trang chi tiết bài viết chuẩn SEO: Thiết kế tối giản, dễ đọc, hỗ trợ hiển thị hình ảnh sắc nét, thư viện ảnh (gallery) và các video đính kèm.

3. Quy Hoạch - Bản Đồ Tương Tác (Interactive Map)

• Bản đồ trực quan: Hiển thị ảnh bản đồ quy hoạch chất lượng cao (Quy hoạch Hải Phòng, Bắc An Phụ, TOD Ninh Xá).
• Điểm nóng tương tác (Hotspots): Trên bản đồ có các biểu tượng chấm tròn nhấp nháy định vị các vị trí chiến lược (như vị trí ga, nút giao cao tốc, khu công nghiệp, khu đô thị phát triển).
• Popup thông tin nhanh: Khi rê chuột hoặc click vào hotspot, một popup thông tin (tiêu đề, mô tả ngắn, hình ảnh) sẽ hiện lên tức thì và có đường dẫn liên kết đến bài viết phân tích chi tiết.

4. Quỹ Đất Ninh Xá (Danh sách sản phẩm BĐS)

• Bộ lọc thông minh (Filter): Tìm kiếm bất động sản dễ dàng theo: Khu vực, Loại hình (Đất mặt đường, Đất đầu tư, Nhà đất địa phương, Cho thuê...), Khoảng giá, Diện tích và Trạng thái.
• Chi tiết sản phẩm BĐS:
  • Thư viện ảnh gallery sắc nét, video thực tế của lô đất.
  • Thông tin chi tiết: Diện tích, giá cả, pháp lý (sổ đỏ, quy hoạch), mô tả vị trí và tiềm năng đầu tư.
  • Form Ký gửi / Liên hệ tư vấn: Khách hàng có thể gửi thông tin yêu cầu tư vấn hoặc ký gửi bất động sản trực tiếp tại trang chi tiết.

5. Video Thực Tế (Thư viện Media)

• Nơi tổng hợp các thước phim chân thực bằng flycam, video ngắn dạng TikTok, cập nhật tiến độ hạ tầng địa phương giúp nhà đầu tư ở xa dễ dàng hình dung thực địa.
• Xem video mượt mà, tối ưu hóa tốc độ tải trang nhờ cơ chế Lazy-load (chỉ load video khi người dùng click xem).

6. Giới Thiệu & Liên Hệ

• Giới thiệu năng lực, tầm nhìn và văn phòng đại diện của Hùng Vương Land.
• Form liên hệ chung gửi trực tiếp yêu cầu của khách hàng về cho hệ thống.

🔑 CHỨC NĂNG DÀNH CHO ADMIN (HỆ THỐNG QUẢN TRỊ CMS)

Hệ thống quản trị trực quan giúp Admin dễ dàng cập nhật thông tin quy hoạch và sản phẩm mà không cần can thiệp vào code.

1. Dashboard Tổng Quan

• Thống kê nhanh số lượng: Bài viết tin tức, Sản phẩm nhà đất, Thư viện Video, Số lượng khách hàng đăng ký liên hệ (Leads).
• Hiển thị danh sách các bài viết nháp và các lead mới cần xử lý ngay trên màn hình chính.

2. Quản Lý Bài Viết (Tin tức & Quy hoạch)

• CRUD chuyên mục & bài viết: Thêm, sửa, xóa các bài viết dễ dàng.
• Trình soạn thảo cao cấp (WYSIWYG): Soạn thảo bài viết trực quan như Word, hỗ trợ chèn ảnh, định dạng chữ, chèn bảng biểu.
• Quản lý SEO động: Admin tự cấu hình đường dẫn thân thiện (Slug), nhập SEO Title và SEO Description cho từng bài viết để tối ưu hóa thứ hạng tìm kiếm trên Google.

3. Quản Lý Sản Phẩm Nhà Đất (Quỹ đất)

• Cập nhật đầy đủ thông tin: Mã sản phẩm, Tiêu đề, Loại hình, Khu vực, Giá, Diện tích, Pháp lý, Mô tả tiềm năng.
• Đa dạng nguồn ảnh/video: Admin có thể tải ảnh/video trực tiếp từ máy tính lên máy chủ hoặc dán link ảnh/video từ nguồn ngoài (Google Drive, Youtube, Cloud...) giúp tiết kiệm dung lượng hosting và load trang cực nhanh.
• Quản lý trạng thái sản phẩm: Đang mở bán, Đã bán, Ẩn sản phẩm.

4. Quản Lý Video

• Đăng tải video nhanh chóng bằng cách nhập link trực tiếp từ YouTube, TikTok hoặc Facebook.
• Upload hình ảnh đại diện (Thumbnail) cho video.
• Phân loại nhóm video và lựa chọn "Video nổi bật" để đưa ra trang chủ.

5. Quản Lý Bản Đồ Quy Hoạch & Điểm Nóng (Hotspots)

• Đăng tải bản đồ: Admin đăng tải các file ảnh bản đồ quy hoạch của khu vực.
• Tạo Hotspot trực quan (Visual Editor): Admin chỉ cần click trực tiếp vào một điểm bất kỳ trên ảnh bản đồ để xác định tọa độ. Hệ thống sẽ tự động tính toán tọa độ phần trăm (%) giúp hotspot hiển thị chuẩn xác trên mọi thiết bị di động hay máy tính.
• Gắn thông tin cho Hotspot: Tiêu đề, mô tả nhanh và liên kết hotspot đó với một bài viết phân tích quy hoạch sâu hơn đã viết trước đó.

6. Quản Lý Lead (Form Đăng ký / Ký gửi của khách hàng)

• Tiếp nhận thông tin khách hàng gửi từ các Form liên hệ, Form ký gửi đất, Form yêu cầu tư vấn sản phẩm.
• Quản lý quy trình xử lý: Phân loại trạng thái lead (Mới tiếp nhận, Đã liên hệ, Đang xử lý, Hoàn tất).
• Ghi chú nội bộ: Cho phép admin ghi chú lại lịch sử trao đổi với khách hàng (ví dụ: "Khách đang phân vân lô góc, hẹn gọi lại sau").
• Bộ lọc tìm kiếm khách hàng đăng ký theo thời gian và trạng thái xử lý.

7. Quản Lý Cấu Hình Hệ Thống (Site Settings)

• Cấu hình thông tin liên hệ chung: Số điện thoại Hotline thương hiệu, link chat Zalo, Facebook Fanpage, kênh TikTok, địa chỉ văn phòng.
• Quản lý danh sách các Banner chạy ở trang chủ.
• Thiết lập các thông số SEO mặc định cho toàn bộ website.

Dự án được xây dựng với mục tiêu mang lại trải nghiệm chuyên nghiệp nhất cho nhà đầu tư bất động sản cao cấp, đồng thời đơn giản hóa tối đa việc vận hành và đăng tải thông tin của Hùng Vương Land.