Mockup Trang Đích Không Gian Làm Việc SaaS AI

{
  "type": "SaaS landing page hero graphic",
  "style": "Modern UI/UX, light theme, soft shadows, glassmorphism, [purple and blue gradients]",
  "header": {
    "headline": "[Run your work with AI clarity.]",
    "subheadline": "Coordinate tasks, context, and execution across your tools in one intelligent workspace."
  },
  "layout": {
    "center_dashboard": {
      "app_name": "[FlowBridge]",
      "greeting": "[Good morning, Alex 👋]",
      "sidebar_links": 8,
      "top_metrics_cards": 4,
      "recent_activity_items": 3,
      "project_progress_bars": 3,
      "floating_action_bar": "[Ask AI anything or type a command...]"
    },
    "left_integrations": {
      "count": 4,
      "style": "pill-shaped cards connected by thin lines to the center dashboard",
      "labels": [
        "Google Calendar: Events & schedule",
        "Notion: Docs & knowledge",
        "Slack: Messages & updates",
        "Google Drive: Files & assets"
      ]
    },
    "right_integrations": {
      "count": 4,
      "style": "pill-shaped cards connected by thin lines to the center dashboard",
      "labels": [
        "Asana: Tasks & projects",
        "GitHub: Code & commits",
        "Figma: Design files",
        "Microsoft Teams: Calls & meetings"
      ]
    },
    "bottom_feature_cards": {
      "count": 3,
      "style": "rectangular cards with soft shadows",
      "cards": [
        {
          "title": "AI-powered overview",
          "description": "Get instant clarity on goals, progress, and what needs your attention.",
          "visuals": "Line chart showing 24.6 hr focus time, and 3 bottom metrics (Meetings, Deep work, Tasks done)"
        },
        {
          "title": "Connected execution",
          "description": "Stay aligned with tasks, updates, and dependencies across your tools.",
          "visuals": "List of 4 upcoming tasks and 4 team workload progress bars with user avatars"
        },
        {
          "title": "Insights that drive impact",
          "description": "Understand progress, unblock risks, and make smarter decisions.",
          "visuals": "Donut chart showing 18 projects by status, and a list of 3 top risks with red flag icons"
        }
      ]
    }
  }
}