{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "LoyaltyScan",
      "name": "Loyalty Scan",
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "LSModal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 20,
          "padding": 28,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "LSIcon", "width": 64, "height": 64, "fill": "#F59E0B1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "LSIconI", "width": 28, "height": 28, "iconFontName": "scan", "iconFontFamily": "lucide", "fill": "#F59E0B"}
            ]},
            {"type": "frame", "id": "LSTitle", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
              {"type": "text", "id": "LSTitleT", "fill": "#FFFFFF", "content": "Quét thẻ thành viên", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
              {"type": "text", "id": "LSDesc", "fill": "#8B8B90", "content": "Đưa thẻ/QR vào camera hoặc nhập số điện thoại", "fontFamily": "Roboto", "fontSize": 13, "textAlign": "center"}
            ]},
            {"type": "frame", "id": "LSCamera", "width": "fill_container", "height": 180, "fill": "#1A1A1D", "cornerRadius": 14, "stroke": {"thickness": 2, "fill": "#F59E0B", "dashArray": [8, 4]}, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "frame", "id": "LSCameraInner", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "LSCameraI", "width": 40, "height": 40, "iconFontName": "qr-code", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                {"type": "text", "id": "LSCameraT", "fill": "#8B8B90", "content": "Đang chờ quét...", "fontFamily": "Roboto", "fontSize": 13}
              ]}
            ]},
            {"type": "frame", "id": "LSDivider", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [
              {"type": "frame", "id": "LSDivL", "width": "fill_container", "height": 1, "fill": "#2A2A2E"},
              {"type": "text", "id": "LSDivT", "fill": "#6B6B70", "content": "hoặc", "fontFamily": "Roboto", "fontSize": 12},
              {"type": "frame", "id": "LSDivR", "width": "fill_container", "height": 1, "fill": "#2A2A2E"}
            ]},
            {"type": "frame", "id": "LSPhone", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
              {"type": "text", "id": "LSPhoneL", "fill": "#8B8B90", "content": "Số điện thoại", "fontFamily": "Roboto", "fontSize": 12},
              {"type": "frame", "id": "LSPhoneInput", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "padding": [12, 14], "gap": 10, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "LSPhoneI", "width": 18, "height": 18, "iconFontName": "phone", "iconFontFamily": "lucide", "fill": "#6B6B70"},
                {"type": "text", "id": "LSPhoneV", "fill": "#6B6B70", "content": "Nhập số điện thoại...", "fontFamily": "Roboto", "fontSize": 14}
              ]}
            ]},
            {"type": "frame", "id": "LSActions", "width": "fill_container", "gap": 10, "children": [
              {"type": "frame", "id": "LSSkip", "width": "fill_container", "height": 48, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "LSSkipT", "fill": "#ADADB0", "content": "Bỏ qua", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
              {"type": "frame", "id": "LSSearch", "width": "fill_container", "height": 48, "fill": "#F59E0B", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "LSSearchI", "width": 16, "height": 16, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "#000"},
                {"type": "text", "id": "LSSearchT", "fill": "#000000", "content": "Tìm kiếm", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
              ]}
            ]}
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "LoyaltyFound",
      "name": "Loyalty Found",
      "x": 540,
      "width": 440,
      "height": 700,
      "fill": "#0A0A0B",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "LFModal",
          "width": 380,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 2, "fill": "#22C55E"},
          "layout": "vertical",
          "gap": 20,
          "padding": 28,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "LFAvatar", "width": 72, "height": 72, "fill": "#F59E0B30", "cornerRadius": 36, "stroke": {"thickness": 3, "fill": "#F59E0B"}, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "text", "id": "LFInitial", "fill": "#F59E0B", "content": "NM", "fontFamily": "Roboto", "fontSize": 24, "fontWeight": "700"}
            ]},
            {"type": "frame", "id": "LFInfo", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
              {"type": "text", "id": "LFName", "fill": "#FFFFFF", "content": "Nguyễn Minh", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
              {"type": "frame", "id": "LFTier", "fill": "#F59E0B", "cornerRadius": 12, "padding": [4, 12], "children": [{"type": "text", "id": "LFTierT", "fill": "#000", "content": "GOLD MEMBER", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "700"}]},
              {"type": "text", "id": "LFPhone", "fill": "#8B8B90", "content": "0912 345 678", "fontFamily": "Roboto", "fontSize": 13}
            ]},
            {"type": "frame", "id": "LFPoints", "width": "fill_container", "fill": "#F59E0B10", "cornerRadius": 14, "padding": 18, "justifyContent": "space_around", "children": [
              {"type": "frame", "id": "LFP1", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
                {"type": "text", "id": "LFP1V", "fill": "#F59E0B", "content": "2,340", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
                {"type": "text", "id": "LFP1L", "fill": "#8B8B90", "content": "Điểm hiện có", "fontFamily": "Roboto", "fontSize": 11}
              ]},
              {"type": "frame", "id": "LFPDiv", "width": 1, "height": 40, "fill": "#F59E0B30"},
              {"type": "frame", "id": "LFP2", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
                {"type": "text", "id": "LFP2V", "fill": "#22C55E", "content": "-5%", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
                {"type": "text", "id": "LFP2L", "fill": "#8B8B90", "content": "Ưu đãi Gold", "fontFamily": "Roboto", "fontSize": 11}
              ]}
            ]},
            {"type": "frame", "id": "LFRewards", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
              {"type": "text", "id": "LFRewardsL", "fill": "#8B8B90", "content": "Ưu đãi khả dụng", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
              {"type": "frame", "id": "LFR1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 8, "padding": 10, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "LFR1L", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "LFR1I", "width": 14, "height": 14, "iconFontName": "gift", "iconFontFamily": "lucide", "fill": "#22C55E"}, {"type": "text", "id": "LFR1T", "fill": "#22C55E", "content": "Free 1 bánh mì", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]},
                {"type": "text", "id": "LFR1V", "fill": "#8B8B90", "content": "500 điểm", "fontFamily": "Roboto", "fontSize": 11}
              ]},
              {"type": "frame", "id": "LFR2", "width": "fill_container", "fill": "#3B82F610", "cornerRadius": 8, "padding": 10, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "LFR2L", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "LFR2I", "width": 14, "height": 14, "iconFontName": "percent", "iconFontFamily": "lucide", "fill": "#3B82F6"}, {"type": "text", "id": "LFR2T", "fill": "#3B82F6", "content": "Giảm 15% đơn tiếp", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]},
                {"type": "text", "id": "LFR2V", "fill": "#8B8B90", "content": "1000 điểm", "fontFamily": "Roboto", "fontSize": 11}
              ]}
            ]},
            {"type": "frame", "id": "LFApply", "width": "fill_container", "height": 50, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "LFApplyI", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
              {"type": "text", "id": "LFApplyT", "fill": "#FFFFFF", "content": "Áp dụng cho đơn hàng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
            ]}
          ]
        }
      ]
    }
  ]
}
