{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "TabPg",
      "x": 0,
      "y": 0,
      "name": "aPOS Tablet Page",
      "width": 768,
      "fill": "$bg-page",
      "layout": "vertical",
      "children": [
        {
          "type": "frame",
          "id": "tNav",
          "name": "Tablet NavBar",
          "width": "fill_container",
          "padding": [
            16,
            40
          ],
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "tLogo",
              "name": "tNavLogo",
              "gap": 8,
              "alignItems": "center",
              "children": [
                {
                  "type": "ellipse",
                  "id": "CH0we",
                  "name": "logoDot",
                  "fill": "$orange-primary",
                  "width": 10,
                  "height": 10
                },
                {
                  "type": "text",
                  "id": "55EeP",
                  "name": "logoText",
                  "fill": "$text-primary",
                  "content": "aPOS",
                  "fontFamily": "Roboto",
                  "fontSize": 22,
                  "fontWeight": "600",
                  "letterSpacing": 3
                }
              ]
            },
            {
              "type": "frame",
              "id": "tNavLinks",
              "name": "tNavLinksRow",
              "gap": 24,
              "alignItems": "center",
              "children": [
                {
                  "type": "text",
                  "id": "tL1",
                  "name": "tNavL1",
                  "fill": "$text-secondary",
                  "content": "T\u00ednh n\u0103ng",
                  "fontFamily": "Roboto",
                  "fontSize": 14,
                  "fontWeight": "normal"
                },
                {
                  "type": "text",
                  "id": "tL2",
                  "name": "tNavL2",
                  "fill": "$text-secondary",
                  "content": "B\u1ea3ng gi\u00e1",
                  "fontFamily": "Roboto",
                  "fontSize": 14,
                  "fontWeight": "normal"
                },
                {
                  "type": "text",
                  "id": "tL3",
                  "name": "tNavL3",
                  "fill": "$text-secondary",
                  "content": "Li\u00ean h\u1ec7",
                  "fontFamily": "Roboto",
                  "fontSize": 14,
                  "fontWeight": "normal"
                }
              ]
            },
            {
              "type": "frame",
              "id": "tNavCta",
              "name": "tNavTrialBtn",
              "fill": {
                "type": "gradient",
                "gradientType": "linear",
                "enabled": true,
                "rotation": 135,
                "size": {
                  "height": 1
                },
                "colors": [
                  {
                    "color": "#FF5C00",
                    "position": 0
                  },
                  {
                    "color": "#FF8A4C",
                    "position": 1
                  }
                ]
              },
              "cornerRadius": 10,
              "gap": 8,
              "padding": [
                14,
                24
              ],
              "justifyContent": "center",
              "alignItems": "center",
              "children": [
                {
                  "type": "icon_font",
                  "id": "MdCZ7",
                  "name": "btnPIcon",
                  "enabled": false,
                  "width": 16,
                  "height": 16,
                  "iconFontName": "arrow-right",
                  "iconFontFamily": "lucide",
                  "fill": "$text-primary"
                },
                {
                  "type": "text",
                  "id": "UHBDe",
                  "name": "btnPText",
                  "fill": "$text-primary",
                  "content": "D\u00f9ng th\u1eed",
                  "fontFamily": "Roboto",
                  "fontSize": 13,
                  "fontWeight": "600"
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "tHero",
          "name": "Tablet Hero Section",
          "width": "fill_container",
          "layout": "vertical",
          "gap": 32,
          "padding": [
            80,
            48,
            60,
            48
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "tBadge",
              "name": "tHeroBadge",
              "fill": "#FF5C0018",
              "cornerRadius": 100,
              "gap": 8,
              "padding": [
                8,
                16
              ],
              "alignItems": "center",
              "children": [
                {
                  "type": "ellipse",
                  "id": "NEFdT",
                  "name": "heroBadgeDot",
                  "fill": "$orange-primary",
                  "width": 8,
                  "height": 8
                },
                {
                  "type": "text",
                  "id": "x5aXx",
                  "name": "heroBadgeText",
                  "fill": "$orange-primary",
                  "content": "AI-Powered POS \u0026 Loyalty",
                  "fontFamily": "Roboto",
                  "fontSize": 12,
                  "fontWeight": "500"
                }
              ]
            },
            {
              "type": "text",
              "id": "tHead",
              "name": "tHeadline",
              "fill": "$text-primary",
              "textGrowth": "fixed-width",
              "width": 650,
              "content": "Qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng th\u00f4ng minh v\u1edbi AI.\nT\u00edch \u0111i\u1ec3m kh\u00e1ch h\u00e0ng t\u1ef1 \u0111\u1ed9ng.",
              "lineHeight": 1.15,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 40,
              "fontWeight": "normal",
              "letterSpacing": -0.5
            },
            {
              "type": "text",
              "id": "tSub",
              "name": "tSubline",
              "fill": "$text-tertiary",
              "textGrowth": "fixed-width",
              "width": 550,
              "content": "Gi\u1ea3i ph\u00e1p POS to\u00e0n di\u1ec7n cho Nh\u00e0 h\u00e0ng, Cafe, Bar, Karaoke v\u00e0 Spa \u2014 t\u1ef1 \u0111\u1ed9ng h\u00f3a k\u1ebf to\u00e1n v\u00e0 b\u00e1o c\u00e1o realtime.",
              "lineHeight": 1.6,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 16,
              "fontWeight": "normal"
            },
            {
              "type": "frame",
              "id": "tCtas",
              "name": "tCtaRow",
              "gap": 16,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "tCta1",
                  "name": "tPrimaryCta",
                  "fill": {
                    "type": "gradient",
                    "gradientType": "linear",
                    "enabled": true,
                    "rotation": 135,
                    "size": {
                      "height": 1
                    },
                    "colors": [
                      {
                        "color": "#FF5C00",
                        "position": 0
                      },
                      {
                        "color": "#FF8A4C",
                        "position": 1
                      }
                    ]
                  },
                  "cornerRadius": 10,
                  "gap": 8,
                  "padding": [
                    16,
                    32
                  ],
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "DUSpV",
                      "name": "btnPIcon",
                      "width": 16,
                      "height": 16,
                      "iconFontName": "arrow-right",
                      "iconFontFamily": "lucide",
                      "fill": "$text-primary"
                    },
                    {
                      "type": "text",
                      "id": "84psj",
                      "name": "btnPText",
                      "fill": "$text-primary",
                      "content": "D\u00f9ng th\u1eed 14 ng\u00e0y",
                      "fontFamily": "Roboto",
                      "fontSize": 15,
                      "fontWeight": "600"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "tCta2",
                  "name": "tSecondaryCta",
                  "cornerRadius": 10,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-default"
                  },
                  "gap": 8,
                  "padding": [
                    16,
                    32
                  ],
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "7xn7F",
                      "name": "btnSIcon",
                      "width": 16,
                      "height": 16,
                      "iconFontName": "play",
                      "iconFontFamily": "lucide",
                      "fill": "$text-secondary"
                    },
                    {
                      "type": "text",
                      "id": "lDTmo",
                      "name": "btnSText",
                      "fill": "$text-secondary",
                      "content": "Xem demo",
                      "fontFamily": "Roboto",
                      "fontSize": 15,
                      "fontWeight": "500"
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "tMock",
              "name": "tProductMockup",
              "clip": true,
              "width": 650,
              "height": 365,
              "fill": {
                "type": "image",
                "enabled": true,
                "url": "../images/pos-dashboard.png",
                "mode": "fill"
              },
              "cornerRadius": 12,
              "stroke": {
                "thickness": 1,
                "fill": "$border-subtle"
              }
            }
          ]
        },
        {
          "type": "frame",
          "id": "tFeat",
          "name": "Tablet Features Section",
          "width": "fill_container",
          "layout": "vertical",
          "gap": 40,
          "padding": [
            60,
            48
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "tFeatH",
              "name": "tFeatHeader",
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "T79s5",
                  "name": "shBadge",
                  "fill": "#FF5C0018",
                  "cornerRadius": 100,
                  "padding": [
                    6,
                    14
                  ],
                  "children": [
                    {
                      "type": "text",
                      "id": "RPSM5",
                      "name": "badgeText",
                      "fill": "$orange-primary",
                      "content": "T\u00cdNH N\u0102NG",
                      "fontFamily": "Roboto",
                      "fontSize": 11,
                      "fontWeight": "500",
                      "letterSpacing": 2
                    }
                  ]
                },
                {
                  "type": "text",
                  "id": "0kwb9",
                  "name": "shTitle",
                  "fill": "$text-primary",
                  "content": "T\u1ea5t c\u1ea3 c\u00f4ng c\u1ee5 trong m\u1ed9t n\u1ec1n t\u1ea3ng",
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 32,
                  "fontWeight": "normal",
                  "letterSpacing": -1
                },
                {
                  "type": "text",
                  "id": "dr5Bu",
                  "name": "shDesc",
                  "fill": "$text-tertiary",
                  "textGrowth": "fixed-width",
                  "width": 500,
                  "content": "Qu\u1ea3n l\u00fd \u0111\u01a1n h\u00e0ng, t\u00edch \u0111i\u1ec3m th\u00e0nh vi\u00ean, b\u00e1o c\u00e1o doanh thu — t\u1ea5t c\u1ea3 t\u00edch h\u1ee3p s\u1eb5n.",
                  "lineHeight": 1.6,
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 16,
                  "fontWeight": "normal"
                }
              ]
            },
            {
              "type": "frame",
              "id": "tFGrid",
              "name": "tFeatureGrid",
              "width": "fill_container",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "tFC1",
                  "name": "tFeatureCard1",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "CKliQ",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#FF5C0018",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "qwNCa",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "monitor-smartphone",
                          "iconFontFamily": "lucide",
                          "fill": "$orange-primary"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "WzWhl",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "POS \u0110a n\u1ec1n t\u1ea3ng",
                      "fontFamily": "Roboto",
                      "fontSize": 18,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "hH4Ij",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "Ch\u1ea1y m\u01b0\u1ee3t tr\u00ean m\u1ecdi thi\u1ebft b\u1ecb. \u0110\u1ed3ng b\u1ed9 t\u1ee9c th\u00ec.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "tFC2",
                  "name": "tFeatureCard2",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "KLhq7",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#22C55E18",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "uheZw",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "award",
                          "iconFontFamily": "lucide",
                          "fill": "$green-success"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "rToEP",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "T\u00edch \u0111i\u1ec3m th\u00e0nh vi\u00ean",
                      "fontFamily": "Roboto",
                      "fontSize": 18,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "Q9LlX",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "T\u1ef1 \u0111\u1ed9ng t\u00edch \u0111i\u1ec3m, \u0111\u1ed5i qu\u00e0 v\u00e0 n\u00e2ng h\u1ea1ng th\u00e0nh vi\u00ean.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "normal"
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "tFGrid2",
              "name": "tFeatureGrid2",
              "width": "fill_container",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "tFC3",
                  "name": "tFeatureCard3",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "6IGig",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#3B82F618",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "JRpGR",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "chart-bar",
                          "iconFontFamily": "lucide",
                          "fill": "#3B82F6"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "QXd9H",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "B\u00e1o c\u00e1o doanh thu",
                      "fontFamily": "Roboto",
                      "fontSize": 18,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "KCorA",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "Doanh thu realtime, s\u1ea3n ph\u1ea9m b\u00e1n ch\u1ea1y v\u00e0 xu h\u01b0\u1edbng.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "tFC4",
                  "name": "tFeatureCard4",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "OrBY6",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#A855F718",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "wwx7N",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "users",
                          "iconFontFamily": "lucide",
                          "fill": "#A855F7"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "EDunI",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "Qu\u1ea3n l\u00fd nh\u00e2n vi\u00ean",
                      "fontFamily": "Roboto",
                      "fontSize": 18,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "H5L0U",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "Ph\u00e2n quy\u1ec1n chi ti\u1ebft, ch\u1ea5m c\u00f4ng v\u00e0 t\u00ednh l\u01b0\u01a1ng.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "normal"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "tPrc",
          "name": "Tablet Pricing Section",
          "width": "fill_container",
          "fill": "$bg-surface",
          "layout": "vertical",
          "gap": 40,
          "padding": [
            60,
            48
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "tPrcH",
              "name": "tPrcHeader",
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "5A9ot",
                  "name": "shBadge",
                  "fill": "#FF5C0018",
                  "cornerRadius": 100,
                  "padding": [
                    6,
                    14
                  ],
                  "children": [
                    {
                      "type": "text",
                      "id": "u0Adu",
                      "name": "badgeText",
                      "fill": "$orange-primary",
                      "content": "B\u1ea2NG GI\u00c1",
                      "fontFamily": "Roboto",
                      "fontSize": 11,
                      "fontWeight": "500",
                      "letterSpacing": 2
                    }
                  ]
                },
                {
                  "type": "text",
                  "id": "qAvL2",
                  "name": "shTitle",
                  "fill": "$text-primary",
                  "content": "G\u00f3i c\u01a1 b\u1ea3n",
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 32,
                  "fontWeight": "normal",
                  "letterSpacing": -1
                },
                {
                  "type": "text",
                  "id": "oAkDh",
                  "name": "shDesc",
                  "fill": "$text-tertiary",
                  "textGrowth": "fixed-width",
                  "width": 400,
                  "content": "Gi\u00e1 \u0111\u00e3 g\u1ed3m AI credits v\u00e0 cloud.",
                  "lineHeight": 1.6,
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 16,
                  "fontWeight": "normal"
                }
              ]
            },
            {
              "type": "frame",
              "id": "tPrcGrid",
              "name": "tPricingGrid",
              "width": "fill_container",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "tPrc1",
                  "name": "tStarterPlan",
                  "width": "fill_container",
                  "fill": "$bg-page",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 24,
                  "padding": 32,
                  "children": [
                    {
                      "type": "frame",
                      "id": "eJBIC",
                      "name": "pcBadge",
                      "enabled": false,
                      "fill": {
                        "type": "gradient",
                        "gradientType": "linear",
                        "enabled": true,
                        "rotation": 135,
                        "size": {
                          "height": 1
                        },
                        "colors": [
                          {
                            "color": "#FF5C00",
                            "position": 0
                          },
                          {
                            "color": "#FF8A4C",
                            "position": 1
                          }
                        ]
                      },
                      "cornerRadius": 100,
                      "padding": [
                        4,
                        10
                      ],
                      "children": [
                        {
                          "type": "text",
                          "id": "8KP47",
                          "name": "pcBadgeText",
                          "fill": "$text-primary",
                          "content": "Ph\u1ed5 bi\u1ebfn nh\u1ea5t",
                          "fontFamily": "Roboto",
                          "fontSize": 11,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "r4XQV",
                      "name": "pcTop",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 12,
                      "children": [
                        {
                          "type": "text",
                          "id": "6FvlL",
                          "name": "pcName",
                          "fill": "$text-secondary",
                          "content": "STARTER",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600",
                          "letterSpacing": 1
                        },
                        {
                          "type": "frame",
                          "id": "BA67c",
                          "name": "pcPriceRow",
                          "gap": 4,
                          "alignItems": "end",
                          "children": [
                            {
                              "type": "text",
                              "id": "G2fB2",
                              "name": "pcPrice",
                              "fill": "$text-primary",
                              "content": "2.990K",
                              "fontFamily": "Roboto",
                              "fontSize": 36,
                              "fontWeight": "500",
                              "letterSpacing": -1
                            },
                            {
                              "type": "text",
                              "id": "vMefg",
                              "name": "pcPer",
                              "fill": "$text-tertiary",
                              "content": "/th\u00e1ng",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "t3jSo",
                          "name": "pcDesc",
                          "fill": "$text-tertiary",
                          "content": "10K giao d\u1ecbch + 2K AI credits/th\u00e1ng",
                          "lineHeight": 1.5,
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "rectangle",
                      "id": "uU5EQ",
                      "name": "pcDivider",
                      "fill": "$border-subtle",
                      "width": "fill_container",
                      "height": 1
                    },
                    {
                      "type": "frame",
                      "id": "l16NG",
                      "name": "pcFeats",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 14,
                      "children": [
                        {
                          "type": "frame",
                          "id": "EN6Ut",
                          "name": "pcF1",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "VlKXx",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "YIaJg",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "1 c\u1eeda h\u00e0ng · 5 nh\u00e2n vi\u00ean",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "CMC5G",
                          "name": "pcF2",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "OMeW3",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "EG7K3",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "10GB storage · 20K API",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "PiwxZ",
                          "name": "pcF3",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "t2bi7",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "sgJ0T",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "AI: b\u00e1o c\u00e1o, g\u1ee3i \u00fd c\u01a1 b\u1ea3n",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "wc9r2",
                      "name": "pcBtn",
                      "width": "fill_container",
                      "cornerRadius": 10,
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border-default"
                      },
                      "gap": 8,
                      "padding": [
                        14,
                        24
                      ],
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "I93SS",
                          "name": "btnSIcon",
                          "enabled": false,
                          "width": 16,
                          "height": 16,
                          "iconFontName": "arrow-right",
                          "iconFontFamily": "lucide",
                          "fill": "$text-secondary"
                        },
                        {
                          "type": "text",
                          "id": "KbD8j",
                          "name": "btnSText",
                          "fill": "$text-primary",
                          "content": "D\u00f9ng th\u1eed 14 ng\u00e0y",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "500"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "tPrc2",
                  "name": "tProPlan",
                  "width": "fill_container",
                  "fill": "$bg-page",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 2,
                    "fill": "$orange-primary"
                  },
                  "layout": "vertical",
                  "gap": 24,
                  "padding": 32,
                  "children": [
                    {
                      "type": "frame",
                      "id": "tPRqe",
                      "name": "pcBadge",
                      "fill": {
                        "type": "gradient",
                        "gradientType": "linear",
                        "enabled": true,
                        "rotation": 135,
                        "size": {
                          "height": 1
                        },
                        "colors": [
                          {
                            "color": "#FF5C00",
                            "position": 0
                          },
                          {
                            "color": "#FF8A4C",
                            "position": 1
                          }
                        ]
                      },
                      "cornerRadius": 100,
                      "padding": [
                        4,
                        10
                      ],
                      "children": [
                        {
                          "type": "text",
                          "id": "QT07v",
                          "name": "pcBadgeText",
                          "fill": "$text-primary",
                          "content": "Ph\u1ed5 bi\u1ebfn nh\u1ea5t",
                          "fontFamily": "Roboto",
                          "fontSize": 11,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "BpPrf",
                      "name": "pcTop",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 12,
                      "children": [
                        {
                          "type": "text",
                          "id": "0aX3K",
                          "name": "pcName",
                          "fill": "$orange-primary",
                          "content": "GROWTH",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600",
                          "letterSpacing": 1
                        },
                        {
                          "type": "frame",
                          "id": "Yn0xA",
                          "name": "pcPriceRow",
                          "gap": 4,
                          "alignItems": "end",
                          "children": [
                            {
                              "type": "text",
                              "id": "ZM7dC",
                              "name": "pcPrice",
                              "fill": "$text-primary",
                              "content": "8.990K",
                              "fontFamily": "Roboto",
                              "fontSize": 36,
                              "fontWeight": "500",
                              "letterSpacing": -1
                            },
                            {
                              "type": "text",
                              "id": "qSsdQ",
                              "name": "pcPer",
                              "fill": "$text-tertiary",
                              "content": "/th\u00e1ng",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "aKzal",
                          "name": "pcDesc",
                          "fill": "$text-tertiary",
                          "content": "50K giao d\u1ecbch + 20K AI credits/th\u00e1ng",
                          "lineHeight": 1.5,
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "rectangle",
                      "id": "ZpCjl",
                      "name": "pcDivider",
                      "fill": "$border-subtle",
                      "width": "fill_container",
                      "height": 1
                    },
                    {
                      "type": "frame",
                      "id": "kgCR9",
                      "name": "pcFeats",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 14,
                      "children": [
                        {
                          "type": "frame",
                          "id": "6bqLl",
                          "name": "pcF1",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "vMQnD",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "SVxvC",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "5 c\u1eeda h\u00e0ng · 25 nh\u00e2n vi\u00ean",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "AY7Uh",
                          "name": "pcF2",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "WXfvG",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "0zD8m",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "100GB storage · 200K API",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "4egsm",
                          "name": "pcF3",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "Hd4C4",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "NHplH",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "Full AI: d\u1ef1 \u0111o\u00e1n, t\u1ef1 \u0111\u1ed9ng h\u00f3a",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "Gg92n",
                      "name": "tProCta",
                      "width": "fill_container",
                      "fill": {
                        "type": "gradient",
                        "gradientType": "linear",
                        "enabled": true,
                        "rotation": 135,
                        "size": {
                          "height": 1
                        },
                        "colors": [
                          {
                            "color": "#FF5C00",
                            "position": 0
                          },
                          {
                            "color": "#FF8A4C",
                            "position": 1
                          }
                        ]
                      },
                      "cornerRadius": 10,
                      "gap": 8,
                      "padding": [
                        14,
                        24
                      ],
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "E8Q4M",
                          "name": "btnPIcon",
                          "enabled": false,
                          "width": 16,
                          "height": 16,
                          "iconFontName": "arrow-right",
                          "iconFontFamily": "lucide",
                          "fill": "$text-primary"
                        },
                        {
                          "type": "text",
                          "id": "cG89F",
                          "name": "btnPText",
                          "fill": "$text-primary",
                          "content": "D\u00f9ng th\u1eed 14 ng\u00e0y",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "tCta",
          "name": "Tablet CTA Section",
          "width": "fill_container",
          "fill": {
            "type": "gradient",
            "gradientType": "linear",
            "enabled": true,
            "rotation": 180,
            "size": {
              "height": 1
            },
            "colors": [
              {
                "color": "#FF5C0015",
                "position": 0
              },
              {
                "color": "#0A0A0B",
                "position": 1
              }
            ]
          },
          "layout": "vertical",
          "gap": 24,
          "padding": [
            60,
            48
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "text",
              "id": "tCtaT",
              "name": "tCtaTitle",
              "fill": "$text-primary",
              "textGrowth": "fixed-width",
              "width": 500,
              "content": "S\u1eb5n s\u00e0ng n\u00e2ng c\u1ea5p\ndoanh nghi\u1ec7p c\u1ee7a b\u1ea1n?",
              "lineHeight": 1.2,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 36,
              "fontWeight": "normal",
              "letterSpacing": -0.5
            },
            {
              "type": "frame",
              "id": "tCtaBtns",
              "name": "tCtaButtons",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "tCtaB1",
                  "name": "tCtaPrimary",
                  "fill": {
                    "type": "gradient",
                    "gradientType": "linear",
                    "enabled": true,
                    "rotation": 135,
                    "size": {
                      "height": 1
                    },
                    "colors": [
                      {
                        "color": "#FF5C00",
                        "position": 0
                      },
                      {
                        "color": "#FF8A4C",
                        "position": 1
                      }
                    ]
                  },
                  "cornerRadius": 12,
                  "gap": 8,
                  "padding": [
                    18,
                    40
                  ],
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "8hMtq",
                      "name": "btnPIcon",
                      "width": 16,
                      "height": 16,
                      "iconFontName": "arrow-right",
                      "iconFontFamily": "lucide",
                      "fill": "$text-primary"
                    },
                    {
                      "type": "text",
                      "id": "cAq9F",
                      "name": "btnPText",
                      "fill": "$text-primary",
                      "content": "B\u1eaft \u0111\u1ea7u mi\u1ec5n ph\u00ed",
                      "fontFamily": "Roboto",
                      "fontSize": 16,
                      "fontWeight": "600"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "tCtaB2",
                  "name": "tCtaSecondary",
                  "cornerRadius": 12,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-default"
                  },
                  "gap": 8,
                  "padding": [
                    18,
                    40
                  ],
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "q3Jhu",
                      "name": "btnSIcon",
                      "enabled": false,
                      "width": 16,
                      "height": 16,
                      "iconFontName": "arrow-right",
                      "iconFontFamily": "lucide",
                      "fill": "$text-secondary"
                    },
                    {
                      "type": "text",
                      "id": "cLISI",
                      "name": "btnSText",
                      "fill": "$text-secondary",
                      "content": "\u0110\u1eb7t l\u1ecbch demo",
                      "fontFamily": "Roboto",
                      "fontSize": 16,
                      "fontWeight": "500"
                    }
                  ]
                }
              ]
            },
            {
              "type": "text",
              "id": "tCtaTrust",
              "name": "tCtaTrustText",
              "fill": "$text-disabled",
              "content": "Kh\u00f4ng c\u1ea7n th\u1ebb t\u00edn d\u1ee5ng \u00b7 Thi\u1ebft l\u1eadp trong 2 ph\u00fat \u00b7 H\u1ee7y b\u1ea5t k\u1ef3 l\u00fac n\u00e0o",
              "fontFamily": "Roboto",
              "fontSize": 13,
              "fontWeight": "normal"
            }
          ]
        },
        {
          "type": "frame",
          "id": "tFoot",
          "name": "Tablet Footer",
          "width": "fill_container",
          "fill": "$bg-surface",
          "layout": "vertical",
          "gap": 32,
          "padding": 48,
          "children": [
            {
              "type": "frame",
              "id": "tFootTop",
              "name": "tFooterTop",
              "width": "fill_container",
              "justifyContent": "space_between",
              "children": [
                {
                  "type": "frame",
                  "id": "tFootBrand",
                  "name": "tFooterBrand",
                  "width": 280,
                  "layout": "vertical",
                  "gap": 12,
                  "children": [
                    {
                      "type": "frame",
                      "id": "tFLogo",
                      "name": "tFootLogo",
                      "gap": 8,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "ellipse",
                          "id": "2voAL",
                          "name": "logoDot",
                          "fill": "$orange-primary",
                          "width": 10,
                          "height": 10
                        },
                        {
                          "type": "text",
                          "id": "6WxMZ",
                          "name": "logoText",
                          "fill": "$text-primary",
                          "content": "aPOS",
                          "fontFamily": "Roboto",
                          "fontSize": 22,
                          "fontWeight": "600",
                          "letterSpacing": 3
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "tFTag",
                      "name": "tFootTagline",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": 260,
                      "content": "H\u1ec7 th\u1ed1ng POS v\u00e0 t\u00edch \u0111i\u1ec3m th\u00e0nh vi\u00ean h\u00e0ng \u0111\u1ea7u cho F&B t\u1ea1i Vi\u1ec7t Nam.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 13,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "tFootCols",
                  "name": "tFooterColumns",
                  "gap": 48,
                  "children": [
                    {
                      "type": "frame",
                      "id": "tFCol1",
                      "name": "tFootCol1",
                      "layout": "vertical",
                      "gap": 16,
                      "children": [
                        {
                          "type": "text",
                          "id": "vQ3jr",
                          "name": "footColTitle",
                          "fill": "$text-primary",
                          "content": "S\u1ea3n ph\u1ea9m",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "vsK21",
                          "name": "footColL1",
                          "fill": "$text-tertiary",
                          "content": "POS System",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "text",
                          "id": "YG2ju",
                          "name": "footColL2",
                          "fill": "$text-tertiary",
                          "content": "Loyalty",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "text",
                          "id": "dg59B",
                          "name": "footColL3",
                          "fill": "$text-tertiary",
                          "content": "B\u00e1o c\u00e1o",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "text",
                          "id": "eMbMV",
                          "name": "footColL4",
                          "fill": "$text-tertiary",
                          "content": "Qu\u1ea3n l\u00fd kho",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "tFCol2",
                      "name": "tFootCol2",
                      "layout": "vertical",
                      "gap": 16,
                      "children": [
                        {
                          "type": "text",
                          "id": "AwD8s",
                          "name": "footColTitle",
                          "fill": "$text-primary",
                          "content": "H\u1ed7 tr\u1ee3",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "sTwJb",
                          "name": "footColL1",
                          "fill": "$text-tertiary",
                          "content": "Tr\u1ee3 gi\u00fap",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "text",
                          "id": "EOJmD",
                          "name": "footColL2",
                          "fill": "$text-tertiary",
                          "content": "Li\u00ean h\u1ec7",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "text",
                          "id": "XpRcP",
                          "name": "footColL3",
                          "fill": "$text-tertiary",
                          "content": "B\u1ea3o m\u1eadt",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "text",
                          "id": "qybaE",
                          "name": "footColL4",
                          "fill": "$text-tertiary",
                          "content": "\u0110i\u1ec1u kho\u1ea3n",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "normal"
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "rectangle",
              "id": "tFootDiv",
              "name": "tFooterDivider",
              "fill": "$border-subtle",
              "width": "fill_container",
              "height": 1
            },
            {
              "type": "frame",
              "id": "tFootBot",
              "name": "tFooterBottom",
              "width": "fill_container",
              "justifyContent": "space_between",
              "alignItems": "center",
              "children": [
                {
                  "type": "text",
                  "id": "tCopy",
                  "name": "tCopyright",
                  "fill": "$text-disabled",
                  "content": "\u00a9 2026 aPOS. All rights reserved.",
                  "fontFamily": "Roboto",
                  "fontSize": 12,
                  "fontWeight": "normal"
                },
                {
                  "type": "frame",
                  "id": "tSocRow",
                  "name": "tSocialRow",
                  "gap": 16,
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "frame",
                      "id": "tS1",
                      "name": "tSoc1",
                      "width": 36,
                      "height": 36,
                      "cornerRadius": 18,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "jTxLT",
                          "name": "socIcn",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "facebook",
                          "iconFontFamily": "lucide",
                          "fill": "$text-disabled"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "tS2",
                      "name": "tSoc2",
                      "width": 36,
                      "height": 36,
                      "cornerRadius": 18,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "gxXJf",
                          "name": "socIcn",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "instagram",
                          "iconFontFamily": "lucide",
                          "fill": "$text-disabled"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "tS3",
                      "name": "tSoc3",
                      "width": 36,
                      "height": 36,
                      "cornerRadius": 18,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "FtADR",
                          "name": "socIcn",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "youtube",
                          "iconFontFamily": "lucide",
                          "fill": "$text-disabled"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "tS4",
                      "name": "tSoc4",
                      "width": 36,
                      "height": 36,
                      "cornerRadius": 18,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "kXQIC",
                          "name": "socIcn",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "linkedin",
                          "iconFontFamily": "lucide",
                          "fill": "$text-disabled"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "variables": {
    "bg-elevated": {
      "type": "color",
      "value": "#1A1A1D"
    },
    "bg-interactive": {
      "type": "color",
      "value": "#2A2A2E"
    },
    "bg-page": {
      "type": "color",
      "value": "#0A0A0B"
    },
    "bg-surface": {
      "type": "color",
      "value": "#111113"
    },
    "border-default": {
      "type": "color",
      "value": "#2A2A2E"
    },
    "border-subtle": {
      "type": "color",
      "value": "#1F1F23"
    },
    "green-success": {
      "type": "color",
      "value": "#22C55E"
    },
    "orange-light": {
      "type": "color",
      "value": "#FF8A4C"
    },
    "orange-primary": {
      "type": "color",
      "value": "#FF5C00"
    },
    "text-disabled": {
      "type": "color",
      "value": "#6B6B70"
    },
    "text-muted": {
      "type": "color",
      "value": "#FFFFFFCC"
    },
    "text-primary": {
      "type": "color",
      "value": "#FFFFFF"
    },
    "text-secondary": {
      "type": "color",
      "value": "#ADADB0"
    },
    "text-tertiary": {
      "type": "color",
      "value": "#8B8B90"
    }
  }
}