{
  "version": "2.7",
  "children": [
    {
      "type": "frame",
      "id": "MobPg",
      "x": 0,
      "y": 0,
      "name": "aPOS Mobile Page",
      "width": 390,
      "fill": "$bg-page",
      "layout": "vertical",
      "children": [
        {
          "type": "frame",
          "id": "mNav1",
          "name": "mobileHeader",
          "width": 390,
          "padding": [
            16,
            20
          ],
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "NsgO1",
              "name": "mNavLogo",
              "gap": 8,
              "alignItems": "center",
              "children": [
                {
                  "type": "ellipse",
                  "id": "eWA05",
                  "name": "logoDot",
                  "fill": "$orange-primary",
                  "width": 10,
                  "height": 10
                },
                {
                  "type": "text",
                  "id": "WHoit",
                  "name": "logoText",
                  "fill": "$text-primary",
                  "content": "aPOS",
                  "fontFamily": "Roboto",
                  "fontSize": 18,
                  "fontWeight": "600",
                  "letterSpacing": 3
                }
              ]
            },
            {
              "type": "icon_font",
              "id": "4TnP7",
              "name": "hamburgerIcon",
              "width": 24,
              "height": 24,
              "iconFontName": "menu",
              "iconFontFamily": "lucide",
              "fill": "$text-primary"
            }
          ]
        },
        {
          "type": "frame",
          "id": "mHero",
          "name": "Mobile Hero Section",
          "width": "fill_container",
          "layout": "vertical",
          "gap": 24,
          "padding": [
            60,
            24,
            40,
            24
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "mBadge1",
              "name": "mHeroBadge",
              "fill": "#FF5C0018",
              "cornerRadius": 100,
              "gap": 8,
              "padding": [
                8,
                16
              ],
              "alignItems": "center",
              "children": [
                {
                  "type": "ellipse",
                  "id": "Z3jN0",
                  "name": "heroBadgeDot",
                  "fill": "$orange-primary",
                  "width": 8,
                  "height": 8
                },
                {
                  "type": "text",
                  "id": "6PLFF",
                  "name": "heroBadgeText",
                  "fill": "$orange-primary",
                  "content": "AI-Powered POS & Loyalty",
                  "fontFamily": "Roboto",
                  "fontSize": 11,
                  "fontWeight": "500"
                }
              ]
            },
            {
              "type": "text",
              "id": "mHead1",
              "name": "mHeadline",
              "fill": "$text-primary",
              "textGrowth": "fixed-width",
              "width": "fill_container",
              "content": "Quản lý bán hàng\nthông minh với AI",
              "lineHeight": 1.15,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 32,
              "fontWeight": "normal",
              "letterSpacing": -0.5
            },
            {
              "type": "text",
              "id": "mSub1",
              "name": "mSubline",
              "fill": "$text-tertiary",
              "textGrowth": "fixed-width",
              "width": "fill_container",
              "content": "Giải pháp POS cho Nhà hàng, Cafe, Bar, Karaoke và Spa — tự động hóa kế toán và báo cáo.",
              "lineHeight": 1.6,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 15,
              "fontWeight": "normal"
            },
            {
              "type": "frame",
              "id": "mCtas",
              "name": "mCtaStack",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 12,
              "children": [
                {
                  "type": "frame",
                  "id": "mCta1",
                  "name": "mPrimaryCta",
                  "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": [
                    16,
                    24
                  ],
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "I0W7T",
                      "name": "btnPIcon",
                      "width": 16,
                      "height": 16,
                      "iconFontName": "arrow-right",
                      "iconFontFamily": "lucide",
                      "fill": "$text-primary"
                    },
                    {
                      "type": "text",
                      "id": "nCPiZ",
                      "name": "btnPText",
                      "fill": "$text-primary",
                      "content": "Dùng thử 14 ngày",
                      "fontFamily": "Roboto",
                      "fontSize": 15,
                      "fontWeight": "600"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "mCta2",
                  "name": "mSecondaryCta",
                  "width": "fill_container",
                  "cornerRadius": 10,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-default"
                  },
                  "gap": 8,
                  "padding": [
                    16,
                    24
                  ],
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "RIlLJ",
                      "name": "btnSIcon",
                      "width": 16,
                      "height": 16,
                      "iconFontName": "play",
                      "iconFontFamily": "lucide",
                      "fill": "$text-secondary"
                    },
                    {
                      "type": "text",
                      "id": "o0gUh",
                      "name": "btnSText",
                      "fill": "$text-secondary",
                      "content": "Xem demo",
                      "fontFamily": "Roboto",
                      "fontSize": 15,
                      "fontWeight": "500"
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "mMock",
              "name": "mProductMockup",
              "clip": true,
              "width": "fill_container",
              "height": 200,
              "fill": {
                "type": "image",
                "enabled": true,
                "url": "../images/pos-dashboard.png",
                "mode": "fill"
              },
              "cornerRadius": 12,
              "stroke": {
                "thickness": 1,
                "fill": "$border-subtle"
              }
            }
          ]
        },
        {
          "type": "frame",
          "id": "mFeat",
          "name": "Mobile Features Section",
          "width": "fill_container",
          "fill": "$bg-surface",
          "layout": "vertical",
          "gap": 24,
          "padding": [
            48,
            24
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "mFeatH",
              "name": "mFeatHeader",
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "GdSXX",
                  "name": "shBadge",
                  "fill": "#FF5C0018",
                  "cornerRadius": 100,
                  "padding": [
                    6,
                    14
                  ],
                  "children": [
                    {
                      "type": "text",
                      "id": "tZhQQ",
                      "name": "badgeText",
                      "fill": "$orange-primary",
                      "content": "TÍNH NĂNG",
                      "fontFamily": "Roboto",
                      "fontSize": 10,
                      "fontWeight": "500",
                      "letterSpacing": 2
                    }
                  ]
                },
                {
                  "type": "text",
                  "id": "yRqrX",
                  "name": "shTitle",
                  "fill": "$text-primary",
                  "content": "Tất cả trong một nền tảng",
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 28,
                  "fontWeight": "normal",
                  "letterSpacing": -1
                },
                {
                  "type": "text",
                  "id": "K0Bug",
                  "name": "shDesc",
                  "fill": "$text-tertiary",
                  "textGrowth": "fixed-width",
                  "width": "fill_container",
                  "content": "Quản lý đơn hàng, tích điểm thành viên và báo cáo doanh thu.",
                  "lineHeight": 1.6,
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 14,
                  "fontWeight": "normal"
                }
              ]
            },
            {
              "type": "frame",
              "id": "mFGrid",
              "name": "mFeatureStack",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "mFC1",
                  "name": "mFeatureCard1",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "VJ1VO",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#FF5C0018",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "sscPx",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "monitor-smartphone",
                          "iconFontFamily": "lucide",
                          "fill": "$orange-primary"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "QhgVN",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "POS Đa nền tảng",
                      "fontFamily": "Roboto",
                      "fontSize": 16,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "6QJrG",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "Chạy mượt trên mọi thiết bị. Đồng bộ tức thì.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 13,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "mFC2",
                  "name": "mFeatureCard2",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "OoQbN",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#22C55E18",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "hamiI",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "award",
                          "iconFontFamily": "lucide",
                          "fill": "$green-success"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "kzMgW",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "Tích điểm thành viên",
                      "fontFamily": "Roboto",
                      "fontSize": 16,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "24rWi",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "Tự động tích điểm, đổi quà và nâng hạng thành viên.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 13,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "mFC3",
                  "name": "mFeatureCard3",
                  "width": "fill_container",
                  "fill": "$bg-surface",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 16,
                  "padding": 28,
                  "children": [
                    {
                      "type": "frame",
                      "id": "vrO4H",
                      "name": "fcIconBg",
                      "width": 48,
                      "height": 48,
                      "fill": "#3B82F618",
                      "cornerRadius": 12,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "1u2mH",
                          "name": "fcIcon",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "chart-bar",
                          "iconFontFamily": "lucide",
                          "fill": "#3B82F6"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "X50Q2",
                      "name": "fcTitle",
                      "fill": "$text-primary",
                      "content": "Báo cáo doanh thu",
                      "fontFamily": "Roboto",
                      "fontSize": 16,
                      "fontWeight": "600"
                    },
                    {
                      "type": "text",
                      "id": "6UVmW",
                      "name": "fcDesc",
                      "fill": "$text-tertiary",
                      "textGrowth": "fixed-width",
                      "width": "fill_container",
                      "content": "Doanh thu realtime, sản phẩm bán chạy và xu hướng.",
                      "lineHeight": 1.6,
                      "fontFamily": "Roboto",
                      "fontSize": 13,
                      "fontWeight": "normal"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "mPrc",
          "name": "Mobile Pricing Section",
          "width": "fill_container",
          "layout": "vertical",
          "gap": 24,
          "padding": [
            48,
            24
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "mPrcH",
              "name": "mPrcHeader",
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "0Y3Dv",
                  "name": "shBadge",
                  "fill": "#FF5C0018",
                  "cornerRadius": 100,
                  "padding": [
                    6,
                    14
                  ],
                  "children": [
                    {
                      "type": "text",
                      "id": "ZshkQ",
                      "name": "badgeText",
                      "fill": "$orange-primary",
                      "content": "BẢNG GIÁ",
                      "fontFamily": "Roboto",
                      "fontSize": 10,
                      "fontWeight": "500",
                      "letterSpacing": 2
                    }
                  ]
                },
                {
                  "type": "text",
                  "id": "P3itJ",
                  "name": "shTitle",
                  "fill": "$text-primary",
                  "content": "Gói cơ bản",
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 28,
                  "fontWeight": "normal",
                  "letterSpacing": -1
                },
                {
                  "type": "text",
                  "id": "ZdFWI",
                  "name": "shDesc",
                  "enabled": false,
                  "fill": "$text-tertiary",
                  "textGrowth": "fixed-width",
                  "width": 600,
                  "content": "Section description goes here with more details about this section.",
                  "lineHeight": 1.6,
                  "textAlign": "center",
                  "fontFamily": "Roboto",
                  "fontSize": 16,
                  "fontWeight": "normal"
                }
              ]
            },
            {
              "type": "frame",
              "id": "mPrcStack",
              "name": "mPricingStack",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "mPrc1",
                  "name": "mProPlan",
                  "width": "fill_container",
                  "fill": "$bg-page",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 2,
                    "fill": "$orange-primary"
                  },
                  "layout": "vertical",
                  "gap": 24,
                  "padding": 32,
                  "children": [
                    {
                      "type": "frame",
                      "id": "o8knd",
                      "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": "Xow2x",
                          "name": "pcBadgeText",
                          "fill": "$text-primary",
                          "content": "Phổ biến nhất",
                          "fontFamily": "Roboto",
                          "fontSize": 11,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "AO70W",
                      "name": "pcTop",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 12,
                      "children": [
                        {
                          "type": "text",
                          "id": "3IOQL",
                          "name": "pcName",
                          "fill": "$orange-primary",
                          "content": "GROWTH",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600",
                          "letterSpacing": 1
                        },
                        {
                          "type": "frame",
                          "id": "4iwqa",
                          "name": "pcPriceRow",
                          "gap": 4,
                          "alignItems": "end",
                          "children": [
                            {
                              "type": "text",
                              "id": "Ej9Qy",
                              "name": "pcPrice",
                              "fill": "$text-primary",
                              "content": "8.990K",
                              "fontFamily": "Roboto",
                              "fontSize": 36,
                              "fontWeight": "500",
                              "letterSpacing": -1
                            },
                            {
                              "type": "text",
                              "id": "pWlWk",
                              "name": "pcPer",
                              "fill": "$text-tertiary",
                              "content": "/tháng",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "pFoWe",
                          "name": "pcDesc",
                          "fill": "$text-tertiary",
                          "content": "50K giao dịch + 20K AI credits/tháng",
                          "lineHeight": 1.5,
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "rectangle",
                      "id": "1K3b5",
                      "name": "pcDivider",
                      "fill": "$border-subtle",
                      "width": "fill_container",
                      "height": 1
                    },
                    {
                      "type": "frame",
                      "id": "P6JkD",
                      "name": "pcFeats",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 14,
                      "children": [
                        {
                          "type": "frame",
                          "id": "HEWri",
                          "name": "pcF1",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "scGHI",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "sN1RU",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "5 cửa hàng · 25 nhân viên",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "DEO1W",
                          "name": "pcF2",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "tC0eE",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "7zKf9",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "100GB storage · 200K API",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "Ux752",
                          "name": "pcF3",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "Ujmo8",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "ZEdgf",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "Full AI: dự đoán, tự động hóa",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "QYYET",
                      "name": "mProCta",
                      "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": "Bz4ky",
                          "name": "btnPIcon",
                          "enabled": false,
                          "width": 16,
                          "height": 16,
                          "iconFontName": "arrow-right",
                          "iconFontFamily": "lucide",
                          "fill": "$text-primary"
                        },
                        {
                          "type": "text",
                          "id": "dTZKl",
                          "name": "btnPText",
                          "fill": "$text-primary",
                          "content": "Dùng thử 14 ngày",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "mPrc2",
                  "name": "mStarterPlan",
                  "width": "fill_container",
                  "fill": "$bg-page",
                  "cornerRadius": 16,
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border-subtle"
                  },
                  "layout": "vertical",
                  "gap": 24,
                  "padding": 32,
                  "children": [
                    {
                      "type": "frame",
                      "id": "9mCvs",
                      "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": "HHpa9",
                          "name": "pcBadgeText",
                          "fill": "$text-primary",
                          "content": "Phổ biến nhất",
                          "fontFamily": "Roboto",
                          "fontSize": 11,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "q7Yf1",
                      "name": "pcTop",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 12,
                      "children": [
                        {
                          "type": "text",
                          "id": "cyHXI",
                          "name": "pcName",
                          "fill": "$text-secondary",
                          "content": "STARTER",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600",
                          "letterSpacing": 1
                        },
                        {
                          "type": "frame",
                          "id": "sSnLb",
                          "name": "pcPriceRow",
                          "gap": 4,
                          "alignItems": "end",
                          "children": [
                            {
                              "type": "text",
                              "id": "XP12E",
                              "name": "pcPrice",
                              "fill": "$text-primary",
                              "content": "2.990K",
                              "fontFamily": "Roboto",
                              "fontSize": 36,
                              "fontWeight": "500",
                              "letterSpacing": -1
                            },
                            {
                              "type": "text",
                              "id": "qL0oG",
                              "name": "pcPer",
                              "fill": "$text-tertiary",
                              "content": "/tháng",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "qlTKz",
                          "name": "pcDesc",
                          "fill": "$text-tertiary",
                          "content": "10K giao dịch + 2K AI credits/tháng",
                          "lineHeight": 1.5,
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "rectangle",
                      "id": "7Uk8L",
                      "name": "pcDivider",
                      "fill": "$border-subtle",
                      "width": "fill_container",
                      "height": 1
                    },
                    {
                      "type": "frame",
                      "id": "mEY76",
                      "name": "pcFeats",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 14,
                      "children": [
                        {
                          "type": "frame",
                          "id": "0AwwL",
                          "name": "pcF1",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "Ao9nl",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "X4DFp",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "1 cửa hàng · 5 nhân viên",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "JEfAL",
                          "name": "pcF2",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "zdFLa",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "MI3ss",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "10GB storage · 20K API",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "9ih9l",
                          "name": "pcF3",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "MsmeF",
                              "name": "checkIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "check",
                              "iconFontFamily": "lucide",
                              "fill": "$green-success"
                            },
                            {
                              "type": "text",
                              "id": "jjvqC",
                              "name": "checkText",
                              "fill": "$text-secondary",
                              "content": "AI: báo cáo, gợi ý cơ bản",
                              "fontFamily": "Roboto",
                              "fontSize": 13,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "MpGzn",
                      "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": "MCCrg",
                          "name": "btnSIcon",
                          "enabled": false,
                          "width": 16,
                          "height": 16,
                          "iconFontName": "arrow-right",
                          "iconFontFamily": "lucide",
                          "fill": "$text-secondary"
                        },
                        {
                          "type": "text",
                          "id": "EhiuS",
                          "name": "btnSText",
                          "fill": "$text-primary",
                          "content": "Dùng thử 14 ngày",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "500"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "mCta",
          "name": "Mobile 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": 20,
          "padding": [
            48,
            24
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "text",
              "id": "mCtaT",
              "name": "mCtaTitle",
              "fill": "$text-primary",
              "textGrowth": "fixed-width",
              "width": "fill_container",
              "content": "Sẵn sàng nâng cấp\ndoanh nghiệp?",
              "lineHeight": 1.2,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 28,
              "fontWeight": "normal",
              "letterSpacing": -0.5
            },
            {
              "type": "frame",
              "id": "mCtaBtn",
              "name": "mCtaPrimary",
              "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": 12,
              "gap": 8,
              "padding": [
                18,
                32
              ],
              "justifyContent": "center",
              "alignItems": "center",
              "children": [
                {
                  "type": "icon_font",
                  "id": "V9mJP",
                  "name": "btnPIcon",
                  "width": 16,
                  "height": 16,
                  "iconFontName": "arrow-right",
                  "iconFontFamily": "lucide",
                  "fill": "$text-primary"
                },
                {
                  "type": "text",
                  "id": "LJPiD",
                  "name": "btnPText",
                  "fill": "$text-primary",
                  "content": "Bắt đầu miễn phí",
                  "fontFamily": "Roboto",
                  "fontSize": 16,
                  "fontWeight": "600"
                }
              ]
            },
            {
              "type": "text",
              "id": "mCtaTrust",
              "name": "mCtaTrustText",
              "fill": "$text-disabled",
              "content": "Không cần thẻ · Thiết lập 2 phút",
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 12,
              "fontWeight": "normal"
            }
          ]
        },
        {
          "type": "frame",
          "id": "mFoot",
          "name": "Mobile Footer",
          "width": "fill_container",
          "fill": "$bg-surface",
          "layout": "vertical",
          "gap": 24,
          "padding": [
            40,
            24
          ],
          "alignItems": "center",
          "children": [
            {
              "type": "frame",
              "id": "mFootLogo",
              "name": "mFooterLogo",
              "gap": 8,
              "alignItems": "center",
              "children": [
                {
                  "type": "ellipse",
                  "id": "6cb08",
                  "name": "logoDot",
                  "fill": "$orange-primary",
                  "width": 10,
                  "height": 10
                },
                {
                  "type": "text",
                  "id": "Jb2YP",
                  "name": "logoText",
                  "fill": "$text-primary",
                  "content": "aPOS",
                  "fontFamily": "Roboto",
                  "fontSize": 18,
                  "fontWeight": "600",
                  "letterSpacing": 3
                }
              ]
            },
            {
              "type": "text",
              "id": "mFootTag",
              "name": "mFooterTagline",
              "fill": "$text-tertiary",
              "textGrowth": "fixed-width",
              "width": "fill_container",
              "content": "Hệ thống POS và tích điểm thành viên hàng đầu cho F&B tại Việt Nam.",
              "lineHeight": 1.6,
              "textAlign": "center",
              "fontFamily": "Roboto",
              "fontSize": 13,
              "fontWeight": "normal"
            },
            {
              "type": "frame",
              "id": "mSocRow",
              "name": "mSocialRow",
              "gap": 16,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "mS1",
                  "name": "mSoc1",
                  "width": 36,
                  "height": 36,
                  "cornerRadius": 18,
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "Ha00P",
                      "name": "socIcn",
                      "width": 18,
                      "height": 18,
                      "iconFontName": "facebook",
                      "iconFontFamily": "lucide",
                      "fill": "$text-disabled"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "mS2",
                  "name": "mSoc2",
                  "width": 36,
                  "height": 36,
                  "cornerRadius": 18,
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "tgwMC",
                      "name": "socIcn",
                      "width": 18,
                      "height": 18,
                      "iconFontName": "instagram",
                      "iconFontFamily": "lucide",
                      "fill": "$text-disabled"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "mS3",
                  "name": "mSoc3",
                  "width": 36,
                  "height": 36,
                  "cornerRadius": 18,
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "FA77I",
                      "name": "socIcn",
                      "width": 18,
                      "height": 18,
                      "iconFontName": "youtube",
                      "iconFontFamily": "lucide",
                      "fill": "$text-disabled"
                    }
                  ]
                }
              ]
            },
            {
              "type": "rectangle",
              "id": "mFootDiv",
              "name": "mFooterDivider",
              "fill": "$border-subtle",
              "width": "fill_container",
              "height": 1
            },
            {
              "type": "text",
              "id": "mCopy",
              "name": "mCopyright",
              "fill": "$text-disabled",
              "content": "© 2026 aPOS. All rights reserved.",
              "fontFamily": "Roboto",
              "fontSize": 11,
              "fontWeight": "normal"
            }
          ]
        }
      ]
    }
  ],
  "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"
    }
  }
}