{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "SpaJourney1",
      "name": "Spa Journey/1-Booking",
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "SJ1Modal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 20,
          "padding": 28,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "SJ1Step", "fill": "#22C55E20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "SJ1StepT", "fill": "#22C55E", "content": "Bước 1/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
            {"type": "frame", "id": "SJ1Icon", "width": 64, "height": 64, "fill": "#22C55E1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SJ1IconI", "width": 28, "height": 28, "iconFontName": "calendar-check", "iconFontFamily": "lucide", "fill": "#22C55E"}
            ]},
            {"type": "frame", "id": "SJ1Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
              {"type": "text", "id": "SJ1TitleT", "fill": "#FFFFFF", "content": "Xác nhận lịch hẹn", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
              {"type": "text", "id": "SJ1Desc", "fill": "#8B8B90", "content": "Chào mừng chị Ngọc Anh!", "fontFamily": "Roboto", "fontSize": 14}
            ]},
            {"type": "frame", "id": "SJ1Booking", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 14, "padding": 16, "layout": "vertical", "gap": 12, "children": [
              {"type": "frame", "id": "SJ1BookingRow1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ1BookingL1", "fill": "#8B8B90", "content": "Dịch vụ", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "SJ1BookingV1", "fill": "#FFFFFF", "content": "Combo Relax 120'", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "SJ1BookingRow2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ1BookingL2", "fill": "#8B8B90", "content": "Ngày giờ", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "SJ1BookingV2", "fill": "#22C55E", "content": "Hôm nay, 14:00", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
              {"type": "frame", "id": "SJ1BookingRow3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ1BookingL3", "fill": "#8B8B90", "content": "Nhân viên", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "SJ1BookingV3", "fill": "#FFFFFF", "content": "Chị Hương ⭐ 4.9", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "SJ1Divider", "width": "fill_container", "height": 1, "fill": "#22C55E30"},
              {"type": "frame", "id": "SJ1BookingRow4", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ1BookingL4", "fill": "#8B8B90", "content": "Giá dịch vụ", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "SJ1BookingV4", "fill": "#22C55E", "content": "599,000₫", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}]}
            ]},
            {"type": "frame", "id": "SJ1Actions", "width": "fill_container", "gap": 10, "children": [
              {"type": "frame", "id": "SJ1Change", "width": 48, "height": 48, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "SJ1ChangeI", "width": 18, "height": 18, "iconFontName": "edit-3", "iconFontFamily": "lucide", "fill": "#ADADB0"}]},
              {"type": "frame", "id": "SJ1Confirm", "width": "fill_container", "height": 48, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SJ1ConfirmI", "width": 16, "height": 16, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
                {"type": "text", "id": "SJ1ConfirmT", "fill": "#FFFFFF", "content": "Check-in ngay", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
              ]}
            ]}
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "SpaJourney2",
      "name": "Spa Journey/2-CheckIn",
      "x": 540,
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "SJ2Modal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 24,
          "padding": 32,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "SJ2Step", "fill": "#3B82F620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "SJ2StepT", "fill": "#3B82F6", "content": "Bước 2/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
            {"type": "frame", "id": "SJ2Icon", "width": 72, "height": 72, "fill": "#3B82F61A", "cornerRadius": 36, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SJ2IconI", "width": 32, "height": 32, "iconFontName": "user-check", "iconFontFamily": "lucide", "fill": "#3B82F6"}
            ]},
            {"type": "frame", "id": "SJ2Title", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
              {"type": "text", "id": "SJ2TitleT", "fill": "#FFFFFF", "content": "Check-in thành công!", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
              {"type": "text", "id": "SJ2Desc", "fill": "#8B8B90", "content": "Vui lòng vào phòng thay đồ", "fontFamily": "Roboto", "fontSize": 14}
            ]},
            {"type": "frame", "id": "SJ2Staff", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 14, "padding": 16, "gap": 14, "alignItems": "center", "children": [
              {"type": "frame", "id": "SJ2StaffAvatar", "width": 56, "height": 56, "fill": "#EC489930", "cornerRadius": 28, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "SJ2StaffInitial", "fill": "#EC4899", "content": "H", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"}]},
              {"type": "frame", "id": "SJ2StaffInfo", "layout": "vertical", "gap": 4, "children": [
                {"type": "text", "id": "SJ2StaffName", "fill": "#FFFFFF", "content": "Chị Hương", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"},
                {"type": "frame", "id": "SJ2StaffRating", "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "SJ2StaffStar", "width": 14, "height": 14, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                  {"type": "text", "id": "SJ2StaffRatingT", "fill": "#8B8B90", "content": "4.9 • 5 năm kinh nghiệm", "fontFamily": "Roboto", "fontSize": 12}
                ]},
                {"type": "text", "id": "SJ2StaffStatus", "fill": "#22C55E", "content": "Sẵn sàng phục vụ", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}
              ]}
            ]},
            {"type": "frame", "id": "SJ2Room", "width": "fill_container", "fill": "#EC489910", "cornerRadius": 10, "padding": 12, "gap": 10, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SJ2RoomI", "width": 18, "height": 18, "iconFontName": "door-open", "iconFontFamily": "lucide", "fill": "#EC4899"},
              {"type": "text", "id": "SJ2RoomT", "fill": "#EC4899", "content": "Phòng VIP 03 đã sẵn sàng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
            ]},
            {"type": "frame", "id": "SJ2Next", "width": "fill_container", "height": 48, "fill": "#3B82F6", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "text", "id": "SJ2NextT", "fill": "#FFFFFF", "content": "Bắt đầu dịch vụ", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
              {"type": "icon_font", "id": "SJ2NextI", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#FFFFFF"}
            ]}
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "SpaJourney3",
      "name": "Spa Journey/3-Service",
      "x": 1080,
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "SJ3Modal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 20,
          "padding": 28,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "SJ3Step", "fill": "#EC489920", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "SJ3StepT", "fill": "#EC4899", "content": "Bước 3/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
            {"type": "frame", "id": "SJ3Timer", "width": "fill_container", "fill": "#EC48991A", "cornerRadius": 16, "padding": 20, "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
              {"type": "text", "id": "SJ3TimerLabel", "fill": "#EC4899", "content": "ĐANG THỰC HIỆN", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"},
              {"type": "text", "id": "SJ3TimerValue", "fill": "#EC4899", "content": "45:23", "fontFamily": "Roboto", "fontSize": 44, "fontWeight": "700"},
              {"type": "text", "id": "SJ3TimerRemain", "fill": "#8B8B90", "content": "Còn 75 phút", "fontFamily": "Roboto", "fontSize": 13}
            ]},
            {"type": "frame", "id": "SJ3Progress", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [
              {"type": "frame", "id": "SJ3Service1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "SJ3Service1L", "gap": 8, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "SJ3Service1Check", "width": 16, "height": 16, "iconFontName": "check-circle", "iconFontFamily": "lucide", "fill": "#22C55E"},
                  {"type": "text", "id": "SJ3Service1N", "fill": "#FFFFFF", "content": "Massage đầu vai gáy", "fontFamily": "Roboto", "fontSize": 13}
                ]},
                {"type": "text", "id": "SJ3Service1S", "fill": "#22C55E", "content": "Hoàn thành", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "500"}
              ]},
              {"type": "frame", "id": "SJ3Service2", "width": "fill_container", "fill": "#EC489910", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "SJ3Service2L", "gap": 8, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "SJ3Service2Wait", "width": 16, "height": 16, "iconFontName": "loader-2", "iconFontFamily": "lucide", "fill": "#EC4899"},
                  {"type": "text", "id": "SJ3Service2N", "fill": "#FFFFFF", "content": "Massage toàn thân", "fontFamily": "Roboto", "fontSize": 13}
                ]},
                {"type": "text", "id": "SJ3Service2S", "fill": "#EC4899", "content": "Đang thực hiện", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "500"}
              ]},
              {"type": "frame", "id": "SJ3Service3", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "SJ3Service3L", "gap": 8, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "SJ3Service3Wait", "width": 16, "height": 16, "iconFontName": "circle", "iconFontFamily": "lucide", "fill": "#6B6B70"},
                  {"type": "text", "id": "SJ3Service3N", "fill": "#8B8B90", "content": "Xông hơi + Đắp mặt nạ", "fontFamily": "Roboto", "fontSize": 13}
                ]},
                {"type": "text", "id": "SJ3Service3S", "fill": "#6B6B70", "content": "Chờ", "fontFamily": "Roboto", "fontSize": 11}
              ]}
            ]},
            {"type": "frame", "id": "SJ3Actions", "width": "fill_container", "gap": 10, "children": [
              {"type": "frame", "id": "SJ3Add", "width": "fill_container", "height": 44, "fill": "#2A2A2E", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SJ3AddI", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "#ADADB0"},
                {"type": "text", "id": "SJ3AddT", "fill": "#ADADB0", "content": "Thêm dịch vụ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]},
              {"type": "frame", "id": "SJ3Drink", "width": "fill_container", "height": 44, "fill": "#2A2A2E", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SJ3DrinkI", "width": 16, "height": 16, "iconFontName": "cup-soda", "iconFontFamily": "lucide", "fill": "#ADADB0"},
                {"type": "text", "id": "SJ3DrinkT", "fill": "#ADADB0", "content": "Gọi nước", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]}
            ]}
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "SpaJourney4",
      "name": "Spa Journey/4-Upsell",
      "x": 1620,
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "SJ4Modal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 20,
          "padding": 28,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "SJ4Step", "fill": "#8B5CF620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "SJ4StepT", "fill": "#8B5CF6", "content": "Bước 4/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
            {"type": "frame", "id": "SJ4Icon", "width": 64, "height": 64, "fill": "#8B5CF61A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SJ4IconI", "width": 28, "height": 28, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "#8B5CF6"}
            ]},
            {"type": "frame", "id": "SJ4Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
              {"type": "text", "id": "SJ4TitleT", "fill": "#FFFFFF", "content": "Gợi ý cho bạn", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"},
              {"type": "text", "id": "SJ4Desc", "fill": "#8B8B90", "content": "Nâng cấp trải nghiệm của bạn", "fontFamily": "Roboto", "fontSize": 13}
            ]},
            {"type": "frame", "id": "SJ4Offers", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
              {"type": "frame", "id": "SJ4Offer1", "width": "fill_container", "fill": "#8B5CF610", "stroke": {"thickness": 2, "fill": "#8B5CF6"}, "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
                {"type": "frame", "id": "SJ4Offer1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "SJ4Offer1L", "gap": 8, "alignItems": "center", "children": [
                    {"type": "text", "id": "SJ4Offer1N", "fill": "#FFFFFF", "content": "Đắp mặt nạ cao cấp", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                    {"type": "frame", "id": "SJ4Offer1Badge", "fill": "#22C55E", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "SJ4Offer1BadgeT", "fill": "#FFF", "content": "-30%", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "700"}]}
                  ]},
                  {"type": "icon_font", "id": "SJ4Offer1Check", "width": 18, "height": 18, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#8B5CF6"}
                ]},
                {"type": "frame", "id": "SJ4Offer1Price", "gap": 8, "alignItems": "center", "children": [
                  {"type": "text", "id": "SJ4Offer1Old", "fill": "#6B6B70", "content": "150,000₫", "fontFamily": "Roboto", "fontSize": 12, "textDecoration": "line-through"},
                  {"type": "text", "id": "SJ4Offer1New", "fill": "#8B5CF6", "content": "99,000₫", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                ]}
              ]},
              {"type": "frame", "id": "SJ4Offer2", "width": "fill_container", "fill": "#1A1A1D", "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "cornerRadius": 12, "padding": 14, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "SJ4Offer2L", "layout": "vertical", "gap": 4, "children": [
                  {"type": "text", "id": "SJ4Offer2N", "fill": "#FFFFFF", "content": "Thêm 30 phút massage", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                  {"type": "text", "id": "SJ4Offer2P", "fill": "#8B8B90", "content": "+120,000₫", "fontFamily": "Roboto", "fontSize": 13}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "SJ4Actions", "width": "fill_container", "gap": 10, "children": [
              {"type": "frame", "id": "SJ4Skip", "width": "fill_container", "height": 44, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "SJ4SkipT", "fill": "#ADADB0", "content": "Bỏ qua", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "SJ4Add", "width": "fill_container", "height": 44, "fill": "#8B5CF6", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SJ4AddI", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
                {"type": "text", "id": "SJ4AddT", "fill": "#FFFFFF", "content": "Thêm +99,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
              ]}
            ]}
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "SpaJourney5",
      "name": "Spa Journey/5-Payment",
      "x": 2160,
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "SJ5Modal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 16,
          "padding": 24,
          "children": [
            {"type": "frame", "id": "SJ5Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
              {"type": "frame", "id": "SJ5Step", "fill": "#FF5C0020", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "SJ5StepT", "fill": "#FF5C00", "content": "Bước 5/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
              {"type": "text", "id": "SJ5Time", "fill": "#8B8B90", "content": "120 phút", "fontFamily": "Roboto", "fontSize": 12}
            ]},
            {"type": "frame", "id": "SJ5Title", "width": "fill_container", "children": [{"type": "text", "id": "SJ5TitleT", "fill": "#FFFFFF", "content": "Tính tiền", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}]},
            {"type": "frame", "id": "SJ5Bill", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
              {"type": "frame", "id": "SJ5BillRow1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ5BillL1", "fill": "#8B8B90", "content": "Combo Relax 120'", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "SJ5BillV1", "fill": "#FFFFFF", "content": "599,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]},
              {"type": "frame", "id": "SJ5BillRow2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ5BillL2", "fill": "#8B8B90", "content": "Đắp mặt nạ cao cấp", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "SJ5BillV2", "fill": "#FFFFFF", "content": "99,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]},
              {"type": "frame", "id": "SJ5BillRow3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ5BillL3", "fill": "#8B8B90", "content": "Trà hoa cúc", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "SJ5BillV3", "fill": "#FFFFFF", "content": "35,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
            ]},
            {"type": "frame", "id": "SJ5Summary", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
              {"type": "frame", "id": "SJ5Sub", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ5SubL", "fill": "#8B8B90", "content": "Tạm tính", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "SJ5SubV", "fill": "#FFFFFF", "content": "733,000₫", "fontFamily": "Roboto", "fontSize": 13}]},
              {"type": "frame", "id": "SJ5Loyalty", "width": "fill_container", "justifyContent": "space_between", "children": [
                {"type": "frame", "id": "SJ5LoyaltyL", "gap": 6, "alignItems": "center", "children": [{"type": "icon_font", "id": "SJ5LoyaltyI", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "SJ5LoyaltyT", "fill": "#14B8A6", "content": "Dùng 200 điểm", "fontFamily": "Roboto", "fontSize": 13}]},
                {"type": "text", "id": "SJ5LoyaltyV", "fill": "#14B8A6", "content": "-20,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]},
              {"type": "frame", "id": "SJ5DividerB", "width": "fill_container", "height": 1, "fill": "#2A2A2E"},
              {"type": "frame", "id": "SJ5Total", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "SJ5TotalL", "fill": "#FFFFFF", "content": "Tổng thanh toán", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, {"type": "text", "id": "SJ5TotalV", "fill": "#FF5C00", "content": "713,000₫", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"}]}
            ]},
            {"type": "frame", "id": "SJ5Pay", "width": "fill_container", "height": 50, "fill": {"type": "gradient", "gradientType": "linear", "rotation": 135, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SJ5PayI", "width": 18, "height": 18, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
              {"type": "text", "id": "SJ5PayT", "fill": "#FFFFFF", "content": "Thanh toán", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
            ]}
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "SpaJourney6",
      "name": "Spa Journey/6-Feedback",
      "x": 2700,
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "SJ6Modal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 24,
          "padding": 36,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "SJ6Step", "fill": "#14B8A620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "SJ6StepT", "fill": "#14B8A6", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
            {"type": "frame", "id": "SJ6Icon", "width": 88, "height": 88, "fill": "#14B8A61A", "cornerRadius": 44, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SJ6IconI", "width": 40, "height": 40, "iconFontName": "heart", "iconFontFamily": "lucide", "fill": "#14B8A6"}
            ]},
            {"type": "frame", "id": "SJ6Title", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
              {"type": "text", "id": "SJ6TitleT", "fill": "#FFFFFF", "content": "Cảm ơn chị Ngọc Anh!", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
              {"type": "text", "id": "SJ6Desc", "fill": "#8B8B90", "content": "Hẹn gặp lại lần sau 💆‍♀️", "fontFamily": "Roboto", "fontSize": 14}
            ]},
            {"type": "frame", "id": "SJ6Points", "width": "fill_container", "fill": "#14B8A610", "cornerRadius": 14, "padding": 18, "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
              {"type": "frame", "id": "SJ6PointsRow", "gap": 8, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SJ6PointsI", "width": 18, "height": 18, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"},
                {"type": "text", "id": "SJ6PointsLabel", "fill": "#14B8A6", "content": "Điểm tích lũy", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}
              ]},
              {"type": "text", "id": "SJ6PointsValue", "fill": "#14B8A6", "content": "+71 điểm", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
              {"type": "text", "id": "SJ6PointsTotal", "fill": "#8B8B90", "content": "Tổng: 3,891 điểm", "fontFamily": "Roboto", "fontSize": 11}
            ]},
            {"type": "frame", "id": "SJ6Rating", "width": "fill_container", "layout": "vertical", "gap": 12, "alignItems": "center", "children": [
              {"type": "text", "id": "SJ6RatingLabel", "fill": "#8B8B90", "content": "Đánh giá dịch vụ hôm nay", "fontFamily": "Roboto", "fontSize": 12},
              {"type": "frame", "id": "SJ6Stars", "gap": 10, "children": [
                {"type": "icon_font", "id": "SJ6Star1", "width": 32, "height": 32, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                {"type": "icon_font", "id": "SJ6Star2", "width": 32, "height": 32, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                {"type": "icon_font", "id": "SJ6Star3", "width": 32, "height": 32, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                {"type": "icon_font", "id": "SJ6Star4", "width": 32, "height": 32, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                {"type": "icon_font", "id": "SJ6Star5", "width": 32, "height": 32, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"}
              ]},
              {"type": "text", "id": "SJ6RatingText", "fill": "#F59E0B", "content": "Tuyệt vời!", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
            ]},
            {"type": "frame", "id": "SJ6Done", "width": "fill_container", "height": 48, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "text", "id": "SJ6DoneT", "fill": "#FFFFFF", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
            ]}
          ]
        }
      ]
    }
  ]
}
