Mockup Giao Diện Ứng Dụng Năng Suất

{
  "type": "mobile app UI mockup",
  "device": "modern smartphone with dynamic island",
  "theme": "light mode, minimalist, [soft blue] accents, soft drop shadows",
  "layout": {
    "header": {
      "profile": "small circular photo of a woman",
      "greeting": "Good morning, [Alex] ☀️",
      "subtitle": "Let's make today productive.",
      "icon": "notification bell with red dot"
    },
    "hero_card": {
      "title": "TODAY'S FOCUS",
      "headline": "[Launch marketing campaign]",
      "description": "Finalize assets, review messaging, and align on launch plan.",
      "button": "Continue Task",
      "graphic": "circular progress ring showing 75% Progress"
    },
    "sections": [
      {
        "title": "Up Next",
        "count": 1,
        "items": [
          "Team sync (10:00 AM - 11:00 AM)"
        ]
      },
      {
        "title": "Reminders",
        "count": 2,
        "items": [
          "Review design mockups",
          "Submit campaign brief"
        ]
      }
    ],
    "bottom_elements": {
      "ai_input": "pill-shaped text field with sparkle icon and placeholder '[Ask your AI assistant...]'",
      "navigation_bar": {
        "count": 4,
        "tabs": [
          "Home",
          "Tasks",
          "Assistant",
          "Profile"
        ]
      }
    }
  }
}