Giao diện Landing Page Dashboard SaaS AI

{
  "type": "Đồ họa hero trang landing page SaaS",
  "style": "UI/UX hiện đại, giao diện sáng, bóng mờ mềm mại, hiệu ứng glassmorphism, {argument name="primary theme color" default="purple and blue gradients"}",
  "header": {
    "headline": "{argument name="main headline" default="Run your work with AI clarity."}",
    "subheadline": "Điều phối công việc, ngữ cảnh và thực thi trên các công cụ của bạn trong một không gian làm việc thông minh duy nhất."
  },
  "layout": {
    "center_dashboard": {
      "app_name": "{argument name="app name" default="FlowBridge"}",
      "greeting": "{argument name="user greeting" default="Good morning, Alex 👋"}",
      "sidebar_links": 8,
      "top_metrics_cards": 4,
      "recent_activity_items": 3,
      "project_progress_bars": 3,
      "floating_action_bar": "{argument name="floating bar text" default="Ask AI anything or type a command..."}"
    },
    "left_integrations": {
      "count": 4,
      "style": "thẻ hình viên thuốc kết nối bằng các đường kẻ mảnh tới bảng điều khiển trung tâm",
      "labels": [
        "Google Calendar: Events & schedule",
        "Notion: Docs & knowledge",
        "Slack: Messages & updates",
        "Google Drive: Files & assets"
      ]
    },
    "right_integrations": {
      "count": 4,
      "style": "thẻ hình viên thuốc kết nối bằng các đường kẻ mảnh tới bảng điều khiển trung tâm",
      "labels": [
        "Asana: Tasks & projects",
        "GitHub: Code & commits",
        "Figma: Design files",
        "Microsoft Teams: Calls & meetings"
      ]
    },
    "bottom_feature_cards": {
      "count": 3,
      "style": "thẻ hình chữ nhật với bóng mờ mềm mại",
      "cards": [
        {
          "title": "Tổng quan được hỗ trợ bởi AI",
          "description": "Nắm bắt rõ ràng ngay lập tức các mục tiêu, tiến độ và những gì cần bạn chú ý.",
          "visuals": "Biểu đồ đường hiển thị 24.6 giờ thời gian tập trung, và 3 chỉ số dưới cùng (Cuộc họp, Làm việc chuyên sâu, Nhiệm vụ hoàn thành)"
        },
        {
          "title": "Thực thi kết nối",
          "description": "Luôn đồng bộ với các nhiệm vụ, cập nhật và các mối phụ thuộc trên khắp các công cụ của bạn.",
          "visuals": "Danh sách 4 nhiệm vụ sắp tới và 4 thanh tiến độ khối lượng công việc của nhóm kèm ảnh đại diện người dùng"
        },
        {
          "title": "Thông tin chi tiết thúc đẩy tác động",
          "description": "Hiểu rõ tiến độ, tháo gỡ rủi ro và đưa ra quyết định thông minh hơn.",
          "visuals": "Biểu đồ tròn (donut chart) hiển thị 18 dự án theo trạng thái, và danh sách 3 rủi ro hàng đầu với biểu tượng cờ đỏ"
        }
      ]
    }
  }
}