Xây dựng từ những
khối linh hoạt.

{
  "id": "tieu-de-chinh",
  "type": "heading",
  "blockVersion": 1,
  "level": "h1",
  "text": "Không gian tốt bắt đầu từ một ý tưởng lớn.",
  "align": "left",
  "fontSize": 48,
  "animation": {
    "type": "fade-up",
    "duration": 600,
    "delay": 0,
    "easing": "ease-out"
  },
  "design": {
    "mobile": {
      "fontSize": 34,
      "padding": {
        "top": 0,
        "right": 0,
        "bottom": 8,
        "left": 0
      }
    }
  }
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "mo-ta-ngan",
  "type": "paragraph",
  "blockVersion": 1,
  "text": "Chúng tôi tạo nên những không gian linh hoạt, chỉn chu và phù hợp với nhịp sống của bạn.",
  "align": "left",
  "fontSize": 18,
  "color": "#46534d"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "cau-chuyen-thuong-hieu",
  "type": "richtext",
  "blockVersion": 1,
  "text": "**Từ ý tưởng đến trải nghiệm**\n\nChúng tôi đồng hành cùng bạn qua từng bước:\n- Lắng nghe nhu cầu\n- Thiết kế giải pháp phù hợp\n- Hỗ trợ sau khi bàn giao\n\n[Tìm hiểu thêm](#contact)",
  "fontSize": 16
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "anh-khong-gian",
  "type": "image",
  "blockVersion": 1,
  "imagePlaceholder": true,
  "alt": "Phòng khách sáng với cửa sổ lớn",
  "borderRadius": 16,
  "design": {
    "base": {
      "width": {
        "value": 100,
        "unit": "%"
      }
    }
  }
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "nut-dat-lich",
  "type": "button",
  "blockVersion": 1,
  "text": "Đặt lịch tư vấn",
  "href": "#contact",
  "align": "left",
  "borderRadius": 10
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "form-lien-he",
  "type": "form",
  "blockVersion": 1,
  "label": "Gửi yêu cầu",
  "fields": [
    {
      "id": "ho-ten",
      "label": "Họ và tên",
      "type": "text",
      "required": true
    },
    {
      "id": "email",
      "label": "Email",
      "type": "email",
      "required": true
    },
    {
      "id": "loi-nhan",
      "label": "Bạn cần hỗ trợ gì?",
      "type": "textarea",
      "required": false
    }
  ]
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "duong-phan-cach",
  "type": "divider",
  "blockVersion": 1,
  "design": {
    "base": {
      "width": {
        "value": 64,
        "unit": "px"
      },
      "borderColor": "#dfe5dc",
      "borderWidth": 1,
      "margin": {
        "top": 20,
        "right": 0,
        "bottom": 20,
        "left": 0
      }
    }
  }
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "khoang-cach",
  "type": "spacer",
  "blockVersion": 1,
  "design": {
    "mobile": {
      "height": {
        "value": 24,
        "unit": "px"
      }
    },
    "base": {
      "height": {
        "value": 48,
        "unit": "px"
      }
    }
  }
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "video-gioi-thieu",
  "type": "video",
  "blockVersion": 1,
  "href": "https://youtu.be/VIDEO_ID",
  "label": "Giới thiệu dự án trong 2 phút"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "danh-gia-khach-hang",
  "type": "testimonial",
  "blockVersion": 1,
  "text": "Đội ngũ phản hồi nhanh và giúp chúng tôi triển khai trang đúng tiến độ.",
  "label": "Minh Anh · Chủ cửa hàng",
  "rating": 5
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "bieu-tuong-diem-nhan",
  "type": "icon",
  "blockVersion": 1,
  "text": "✦",
  "align": "center",
  "fontSize": 40,
  "color": "#6f9b58"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "bo-suu-tap-san-pham",
  "type": "carousel",
  "blockVersion": 1,
  "assetIds": [],
  "placeholderCount": 4,
  "galleryMode": "slideshow",
  "galleryWidth": "80",
  "scrollSpeed": 5,
  "alt": "Bộ sưu tập sản phẩm"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "logo-doi-tac",
  "type": "logo-strip",
  "blockVersion": 1,
  "assetIds": [],
  "placeholderCount": 6,
  "scrollSpeed": 28,
  "alt": "Đối tác của chúng tôi"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "thanh-uu-dai",
  "type": "announcement",
  "blockVersion": 1,
  "announcementMode": "rotate",
  "scrollSpeed": 5,
  "items": [
    {
      "title": "Miễn phí tư vấn thiết kế trong tháng này",
      "content": "Liên hệ để biết thêm chi tiết."
    },
    {
      "title": "Đặt lịch tham quan không gian mẫu",
      "content": "Lịch hẹn theo khung giờ có sẵn."
    }
  ]
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "nhan-ban-chay",
  "type": "badge",
  "blockVersion": 1,
  "text": "BÁN CHẠY",
  "design": {
    "base": {
      "color": "#216e54",
      "background": "#eaf2e7",
      "radius": 40,
      "padding": {
        "top": 8,
        "right": 14,
        "bottom": 8,
        "left": 14
      }
    }
  }
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "cau-hoi-thuong-gap",
  "type": "accordion",
  "blockVersion": 1,
  "items": [
    {
      "title": "Tôi có thể đặt lịch tư vấn không?",
      "content": "Có. **Để lại thông tin** trong biểu mẫu, đội ngũ sẽ liên hệ xác nhận."
    },
    {
      "title": "Tôi nhận phản hồi trong bao lâu?",
      "content": "Thông thường trong giờ làm việc tiếp theo."
    }
  ]
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "so-du-an",
  "type": "stat",
  "blockVersion": 1,
  "text": "120+",
  "label": "Dự án đã hoàn thành",
  "align": "center",
  "color": "#216e54"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "minh-hoa-thuong-hieu",
  "type": "art",
  "blockVersion": 1,
  "art": "editorial",
  "label": "BỘ SƯU TẬP MỚI",
  "text": "Sống chậm, chọn điều tinh tế.",
  "color": "#173f32"
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.

{
  "id": "thanh-dieu-huong",
  "type": "navigation",
  "blockVersion": 1,
  "text": "Thương hiệu của bạn",
  "label": "Liên hệ",
  "navigation": {
    "logoWidth": 120,
    "ctaHref": "#contact",
    "links": [
      {
        "id": "gioi-thieu",
        "label": "Giới thiệu",
        "href": "#gioi-thieu",
        "newTab": false
      },
      {
        "id": "dich-vu",
        "label": "Dịch vụ",
        "href": "#dich-vu",
        "newTab": false
      }
    ]
  }
}

Giữ id duy nhất, type đúng loại khối và blockVersion: 1. Thay nội dung, đường dẫn và tài nguyên bằng dữ liệu của bạn.