diff --git a/pencil-design/src/pages/tPOS-desktop-home.pen b/pencil-design/src/pages/tPOS-desktop-home.pen index 1ab473ce..de203317 100644 --- a/pencil-design/src/pages/tPOS-desktop-home.pen +++ b/pencil-design/src/pages/tPOS-desktop-home.pen @@ -65,7 +65,7 @@ "id": "dpRNf", "name": "heroBadgeText", "fill": "$orange-primary", - "content": "Hệ thống POS & Loyalty hàng đầu Việt Nam", + "content": "AI-Powered POS & Loyalty", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500" @@ -79,7 +79,7 @@ "fill": "$text-primary", "textGrowth": "fixed-width", "width": 900, - "content": "AI Quản lý bán hàng thông minh.", + "content": "Quản lý bán hàng thông minh với AI", "lineHeight": 1.15, "textAlign": "center", "fontFamily": "Roboto", @@ -94,7 +94,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": 750, - "content": "aPOS AI cho F&B, Bar, Karaoke, Coffee và TMV/Spa — giúp bạn bán hàng nhanh hơn, tự động hóa kế toán, báo cáo và vận hành.", + "content": "Giải pháp POS toàn diện cho Nhà hàng, Cafe, Bar, Karaoke và Spa — tự động hóa kế toán, tích điểm khách hàng và báo cáo realtime.", "lineHeight": 1.6, "textAlign": "center", "fontFamily": "Roboto", @@ -257,7 +257,7 @@ "id": "QdxMK", "name": "tsLabel", "fill": "$text-disabled", - "content": "Được tin dùng bởi 2,000+ doanh nghiệp", + "content": "Hơn 2,000 doanh nghiệp đã tin tưởng sử dụng", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -352,7 +352,7 @@ "id": "AMYB9", "name": "shTitle", "fill": "$text-primary", - "content": "Mọi thứ bạn cần để vận hành doanh nghiệp", + "content": "Tất cả công cụ bạn cần trong một nền tảng", "textAlign": "center", "fontFamily": "Roboto", "fontSize": 42, @@ -366,7 +366,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": 600, - "content": "Từ quản lý đơn hàng đến tích điểm khách hàng, aPOS cung cấp giải pháp toàn diện cho doanh nghiệp của bạn.", + "content": "Quản lý đơn hàng, tích điểm thành viên, báo cáo doanh thu — tất cả được tích hợp sẵn trong aPOS.", "lineHeight": 1.6, "textAlign": "center", "fontFamily": "Roboto", @@ -437,7 +437,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "Hoạt động trên mọi thiết bị: tablet, điện thoại và máy tính. Đồng bộ dữ liệu realtime.", + "content": "Chạy mượt trên tablet, điện thoại và máy tính. Đồng bộ dữ liệu tức thì giữa các thiết bị.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 14, @@ -500,7 +500,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "Hệ thống loyalty tự động: tích điểm, đổi quà, phân hạng thành viên theo chi tiêu.", + "content": "Tự động tích điểm mỗi giao dịch, đổi quà và nâng hạng thành viên dựa trên chi tiêu.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 14, @@ -563,7 +563,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "Dashboard trực quan với biểu đồ realtime. Theo dõi doanh thu, sản phẩm bán chạy và xu hướng.", + "content": "Dashboard trực quan với doanh thu realtime, sản phẩm bán chạy và phân tích xu hướng.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 14, @@ -635,7 +635,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "Phân quyền theo vai trò, theo dõi ca làm việc, tính lương và đánh giá hiệu suất.", + "content": "Phân quyền chi tiết, chấm công theo ca, tính toán lương và theo dõi hiệu suất bán hàng.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 14, @@ -698,7 +698,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "Theo dõi tồn kho, cảnh báo hết hàng, nhập xuất kho tự động khi có đơn hàng.", + "content": "Theo dõi tồn kho realtime, cảnh báo sắp hết hàng và tự động trừ kho khi bán.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 14, @@ -761,7 +761,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "Hỗ trợ tiền mặt, thẻ, QR code, ví điện tử. Tích hợp mọi cổng thanh toán phổ biến.", + "content": "Tiền mặt, thẻ ngân hàng, QR Code, ví điện tử — tích hợp sẵn tất cả cổng thanh toán.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 14, @@ -824,7 +824,7 @@ "id": "x6xl8", "name": "shTitle", "fill": "$text-primary", - "content": "AI-Powered cho mọi ngành kinh doanh", + "content": "Giải pháp AI tối ưu cho từng ngành", "textAlign": "center", "fontFamily": "Roboto", "fontSize": 42, @@ -838,7 +838,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": 600, - "content": "Từng vertical được tối ưu bởi AI: tự động hóa kế toán, dự đoán tồn kho, gợi ý marketing thông minh.", + "content": "Mỗi ngành có AI riêng: tự động đối soát doanh thu, dự đoán nhu cầu hàng và gợi ý khuyến mãi phù hợp.", "lineHeight": 1.6, "textAlign": "center", "fontFamily": "Roboto", @@ -907,7 +907,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "AI Kế toán tự động đối soát, Smart Kitchen tối ưu thời gian chế biến, báo cáo doanh thu realtime.", + "content": "Tự động đối soát doanh thu cuối ca, thông báo bếp khi có order mới, báo cáo doanh thu theo giờ.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 13, @@ -1024,7 +1024,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "AI Tab Manager gợi ý đồ uống, AI Track tồn kho rượu, Smart Promotion tối ưu happy hour.", + "content": "Quản lý tab khách, theo dõi tồn rượu chính xác, tự động kích hoạt khuyến mãi happy hour.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 13, @@ -1141,7 +1141,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "AI Room gợi ý phòng phù hợp, Smart Billing tính tiền tự động, Usage Track theo dõi realtime.", + "content": "Gợi ý phòng theo số khách, tính tiền giờ tự động, theo dõi trạng thái phòng realtime.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 13, @@ -1258,7 +1258,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "AI Order nhận diện khách quen, AI Stock dự đoán nguyên liệu cần nhập, Loyalty AI tối ưu.", + "content": "Nhận diện khách quen khi thanh toán, dự đoán nguyên liệu cần nhập, tối ưu chương trình tích điểm.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 13, @@ -1375,7 +1375,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": "fill_container", - "content": "AI Booking lịch hẹn thông minh, Treatment Track theo dõi liệu trình, Smart Recommend gợi ý dịch vụ.", + "content": "Đặt lịch hẹn thông minh, theo dõi liệu trình từng khách, gợi ý dịch vụ phù hợp.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 13, @@ -1493,7 +1493,7 @@ "id": "QsxWM", "name": "shTitle", "fill": "$text-primary", - "content": "3 bước để đưa doanh nghiệp lên aPOS", + "content": "Bắt đầu chỉ với 3 bước đơn giản", "textAlign": "center", "fontFamily": "Roboto", "fontSize": 42, @@ -1831,7 +1831,7 @@ "id": "fmNVg", "name": "shTitle", "fill": "$text-primary", - "content": "Gói dịch vụ phù hợp mọi quy mô", + "content": "Gói cơ bản", "textAlign": "center", "fontFamily": "Roboto", "fontSize": 42, @@ -1845,7 +1845,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": 500, - "content": "Bắt đầu miễn phí, nâng cấp khi doanh nghiệp phát triển. Không phí ẩn.", + "content": "Giá đã gồm AI credits và cloud.", "lineHeight": 1.6, "textAlign": "center", "fontFamily": "Roboto", @@ -1931,7 +1931,7 @@ "id": "AIl3d", "name": "pcName", "fill": "$text-secondary", - "content": "Starter", + "content": "STARTER", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600", @@ -1949,7 +1949,7 @@ "id": "STsMe", "name": "pcPrice", "fill": "$text-primary", - "content": "Miễn phí", + "content": "2.990K", "fontFamily": "Roboto", "fontSize": 36, "fontWeight": "500", @@ -1959,7 +1959,6 @@ "type": "text", "id": "SBD8B", "name": "pcPer", - "enabled": false, "fill": "$text-tertiary", "content": "/tháng", "fontFamily": "Roboto", @@ -1973,7 +1972,7 @@ "id": "bnncL", "name": "pcDesc", "fill": "$text-tertiary", - "content": "Dành cho cửa hàng nhỏ mới bắt đầu", + "content": "10K giao dịch + 2K AI credits/tháng", "lineHeight": 1.5, "fontFamily": "Roboto", "fontSize": 14, @@ -2019,7 +2018,7 @@ "id": "EmvXg", "name": "checkText", "fill": "$text-secondary", - "content": "1 cửa hàng", + "content": "1 cửa hàng · 5 nhân viên", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2048,7 +2047,7 @@ "id": "zKkeP", "name": "checkText", "fill": "$text-secondary", - "content": "100 giao dịch/tháng", + "content": "10GB storage · 20K API calls", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2077,7 +2076,7 @@ "id": "TKfKt", "name": "checkText", "fill": "$text-secondary", - "content": "Báo cáo cơ bản", + "content": "AI: báo cáo, gợi ý cơ bản", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2120,7 +2119,7 @@ "id": "yDCY3", "name": "btnSText", "fill": "$text-primary", - "content": "Bắt đầu miễn phí", + "content": "Dùng thử 14 ngày", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500" @@ -2198,7 +2197,7 @@ "id": "z9xYo", "name": "pcName", "fill": "$orange-primary", - "content": "Professional", + "content": "GROWTH", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600", @@ -2216,7 +2215,7 @@ "id": "SAUa0", "name": "pcPrice", "fill": "$text-primary", - "content": "499K", + "content": "8.990K", "fontFamily": "Roboto", "fontSize": 36, "fontWeight": "500", @@ -2239,7 +2238,7 @@ "id": "mGOke", "name": "pcDesc", "fill": "$text-tertiary", - "content": "Dành cho chuỗi cửa hàng đang phát triển", + "content": "50K giao dịch + 20K AI credits/tháng", "lineHeight": 1.5, "fontFamily": "Roboto", "fontSize": 14, @@ -2285,7 +2284,7 @@ "id": "2O1SN", "name": "checkText", "fill": "$text-secondary", - "content": "5 cửa hàng", + "content": "5 cửa hàng · 25 nhân viên", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2314,7 +2313,7 @@ "id": "MYADR", "name": "checkText", "fill": "$text-secondary", - "content": "Giao dịch không giới hạn", + "content": "100GB storage · 200K API", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2343,7 +2342,7 @@ "id": "wSuyK", "name": "checkText", "fill": "$text-secondary", - "content": "Báo cáo nâng cao & xuất Excel", + "content": "Full AI: dự đoán, tự động hóa", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2480,7 +2479,7 @@ "id": "orOne", "name": "pcName", "fill": "$text-secondary", - "content": "Enterprise", + "content": "ENTERPRISE", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600", @@ -2498,7 +2497,7 @@ "id": "zMXYz", "name": "pcPrice", "fill": "$text-primary", - "content": "Liên hệ", + "content": "Từ 49M", "fontFamily": "Roboto", "fontSize": 36, "fontWeight": "500", @@ -2508,7 +2507,6 @@ "type": "text", "id": "87ILE", "name": "pcPer", - "enabled": false, "fill": "$text-tertiary", "content": "/tháng", "fontFamily": "Roboto", @@ -2522,7 +2520,7 @@ "id": "gvyl2", "name": "pcDesc", "fill": "$text-tertiary", - "content": "Dành cho chuỗi lớn và doanh nghiệp đa chi nhánh", + "content": "Unlimited + 200K AI. On-Premise: 350M", "lineHeight": 1.5, "fontFamily": "Roboto", "fontSize": 14, @@ -2568,7 +2566,7 @@ "id": "lH5lK", "name": "checkText", "fill": "$text-secondary", - "content": "Không giới hạn cửa hàng", + "content": "Unlimited stores & users", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2597,7 +2595,7 @@ "id": "YmInO", "name": "checkText", "fill": "$text-secondary", - "content": "API tích hợp & white-label", + "content": "1TB storage · Unlimited API", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2626,7 +2624,7 @@ "id": "WrHKB", "name": "checkText", "fill": "$text-secondary", - "content": "Dedicated account manager", + "content": "SLA 99.9% & Dedicated support", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal" @@ -2679,6 +2677,387 @@ ] } ] + }, + { + "type": "frame", + "id": "AddonsSection", + "name": "Add-ons Grid", + "width": "fill_container", + "layout": "vertical", + "gap": 24, + "padding": [ + 40, + 0, + 0, + 0 + ], + "children": [ + { + "type": "text", + "id": "AddonsTitle", + "name": "addonsTitle", + "fill": "$text-primary", + "content": "Mua thêm theo nhu cầu", + "textAlign": "center", + "fontFamily": "Roboto", + "fontSize": 20, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "AddonsRow1", + "name": "addonsRow1", + "width": "fill_container", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "Addon1", + "name": "addonStore", + "width": "fill_container", + "fill": "$bg-page", + "cornerRadius": 12, + "stroke": { + "thickness": 1, + "fill": "$border-subtle" + }, + "padding": 20, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Addon1Left", + "name": "addonLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Addon1Icon", + "name": "addonIcon", + "width": 20, + "height": 20, + "iconFontName": "store", + "iconFontFamily": "lucide", + "fill": "$orange-primary" + }, + { + "type": "text", + "id": "Addon1Name", + "name": "addonName", + "fill": "$text-secondary", + "content": "Thêm cửa hàng", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "Addon1Price", + "name": "addonPrice", + "fill": "$text-primary", + "content": "990K/store/tháng", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Addon2", + "name": "addonCustomer", + "width": "fill_container", + "fill": "$bg-page", + "cornerRadius": 12, + "stroke": { + "thickness": 1, + "fill": "$border-subtle" + }, + "padding": 20, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Addon2Left", + "name": "addonLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Addon2Icon", + "name": "addonIcon", + "width": 20, + "height": 20, + "iconFontName": "users", + "iconFontFamily": "lucide", + "fill": "$orange-primary" + }, + { + "type": "text", + "id": "Addon2Name", + "name": "addonName", + "fill": "$text-secondary", + "content": "Khách hàng quản lý", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "Addon2Price", + "name": "addonPrice", + "fill": "$text-primary", + "content": "500K/10K khách/tháng", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Addon3", + "name": "addonAI", + "width": "fill_container", + "fill": "$bg-page", + "cornerRadius": 12, + "stroke": { + "thickness": 1, + "fill": "$border-subtle" + }, + "padding": 20, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Addon3Left", + "name": "addonLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Addon3Icon", + "name": "addonIcon", + "width": 20, + "height": 20, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "$orange-primary" + }, + { + "type": "text", + "id": "Addon3Name", + "name": "addonName", + "fill": "$text-secondary", + "content": "AI Credits (Opus)", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "Addon3Price", + "name": "addonPrice", + "fill": "$text-primary", + "content": "200K/1K credits", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "AddonsRow2", + "name": "addonsRow2", + "width": "fill_container", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "Addon4", + "name": "addonStorage", + "width": "fill_container", + "fill": "$bg-page", + "cornerRadius": 12, + "stroke": { + "thickness": 1, + "fill": "$border-subtle" + }, + "padding": 20, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Addon4Left", + "name": "addonLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Addon4Icon", + "name": "addonIcon", + "width": 20, + "height": 20, + "iconFontName": "hard-drive", + "iconFontFamily": "lucide", + "fill": "$orange-primary" + }, + { + "type": "text", + "id": "Addon4Name", + "name": "addonName", + "fill": "$text-secondary", + "content": "Storage", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "Addon4Price", + "name": "addonPrice", + "fill": "$text-primary", + "content": "200K/10GB/tháng", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Addon5", + "name": "addonAPI", + "width": "fill_container", + "fill": "$bg-page", + "cornerRadius": 12, + "stroke": { + "thickness": 1, + "fill": "$border-subtle" + }, + "padding": 20, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Addon5Left", + "name": "addonLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Addon5Icon", + "name": "addonIcon", + "width": 20, + "height": 20, + "iconFontName": "code", + "iconFontFamily": "lucide", + "fill": "$orange-primary" + }, + { + "type": "text", + "id": "Addon5Name", + "name": "addonName", + "fill": "$text-secondary", + "content": "API Calls", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "Addon5Price", + "name": "addonPrice", + "fill": "$text-primary", + "content": "100K/10K calls", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Addon6", + "name": "addonStaff", + "width": "fill_container", + "fill": "$bg-page", + "cornerRadius": 12, + "stroke": { + "thickness": 1, + "fill": "$border-subtle" + }, + "padding": 20, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Addon6Left", + "name": "addonLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Addon6Icon", + "name": "addonIcon", + "width": 20, + "height": 20, + "iconFontName": "user-plus", + "iconFontFamily": "lucide", + "fill": "$orange-primary" + }, + { + "type": "text", + "id": "Addon6Name", + "name": "addonName", + "fill": "$text-secondary", + "content": "Thêm nhân viên", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "Addon6Price", + "name": "addonPrice", + "fill": "$text-primary", + "content": "99K/user/tháng", + "fontFamily": "Roboto", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + } + ] } ] }, @@ -2921,7 +3300,7 @@ "fill": "$text-tertiary", "textGrowth": "fixed-width", "width": 300, - "content": "Hệ thống POS và tích điểm thành viên hàng đầu cho ngành F&B, Bar, Karaoke và Coffee tại Việt Nam.", + "content": "Giải pháp POS toàn diện cho Nhà hàng, Cafe, Bar, Karaoke và Spa — tự động hóa kế toán, tích điểm khách hàng và báo cáo realtime.", "lineHeight": 1.6, "fontFamily": "Roboto", "fontSize": 13,