ShopVN - Ca hng thi trang

Trạng thái: deployed

Bản xem trước sẽ hiển thị ở đây sau khi tạo xong.

Trợ lý AI

Create a portfolio website with the following details: IMPORTANT: All website content, text, labels, navigation, headings, and descriptions MUST be written in Vietnamese. Theme: spotify Pages: Trang chủ, Sản phẩm, Chi tiết sản phẩm, Giỏ hàng, Liên hệ Texts: --- Trang chủ Page --- Trang đích nổi bật với banner khuyến mãi lớn, khối sản phẩm bán chạy, bộ sưu tập mới nhất và nút kêu gọi 'Mua ngay'. Bao gồm thanh tìm kiếm và Website sản phẩm nổi bật. --- Sản phẩm Page --- Danh sách sản phẩm dạng lưới với ảnh, tên, giá, nhãn giảm giá, và nút 'Thêm vào giỏ'. Có bộ lọc theo Website, khoảng giá và sắp xếp. --- Chi tiết sản phẩm Page --- Trang chi tiết với ảnh sản phẩm lớn, bộ chọn size/màu, mô tả chi tiết, đánh giá khách hàng dạng sao, và sản phẩm liên quan. --- Giỏ hàng Page --- Trang giỏ hàng hiển thị danh sách sản phẩm đã chọn, tổng tiền, mã giảm giá và nút 'Tiến hành thanh toán'. --- Liên hệ Page --- Thông tin liên hệ cửa hàng, biểu mẫu gửi tin nhắn, bản đồ vị trí và các kênh hỗ trợ (hotline, email, Zalo). No images provided.

Now let me set up the full Spotify-themed design system and all pages:

Now let me create all the components and pages:

Now let me create the main layout with cart provider and build the home page:

Website ShopVN đã hoàn thành đầy đủ 5 trang với giao diện Spotify theme (nền đen #191414, xanh lá #1DB954). Dưới đây là tóm tắt những gì đã được xây dựng:

Cấu trúc:

  • Trang Chủ — Hero banner chuyển động, thanh tìm kiếm, danh mục nổi bật, sản phẩm bán chạy, hàng mới về, testimonials và newsletter
  • Sản Phẩm — Lưới sản phẩm với bộ lọc theo danh mục, khoảng giá, sắp xếp, chế độ xem lưới/danh sách
  • Chi Tiết Sản Phẩm — Ảnh gallery, chọn size/màu, số lượng, tabs mô tả & đánh giá sao, sản phẩm liên quan
  • Giỏ Hàng — Quản lý sản phẩm, mã giảm giá (thử: SHOPVN10, SALE20), tính tổng tiền, thanh toán
  • Liên Hệ — Thông tin cửa hàng, biểu mẫu có validate, bản đồ vị trí, các kênh hỗ trợ (Zalo, Hotline, Facebook, Email)

Giỏ hàng được quản lý toàn cục qua React Context, cho phép thêm/xóa/cập nhật sản phẩm từ bất kỳ trang nào.