{
  "name": "同 AI 講設計 — 網頁拆解互動教學",
  "short_name": "同 AI 講設計",
  "description": "互動教學：用一個假 SaaS landing page 拆解 24 個 web design pattern，教你識指、識睇、識叫 AI 改。",
  "lang": "zh-HK",
  "start_url": "./",
  "scope": "./",
  "display": "standalone",
  "orientation": "any",
  "background_color": "#FAF7F2",
  "theme_color": "#FF6B47",
  "categories": ["education", "design", "developer"],
  "icons": [
    {
      "src": "icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "icon-512-maskable.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "shortcuts": [
    {
      "name": "Hero",
      "url": "./?lesson=hero",
      "description": "睇 Hero section 嘅 lesson"
    },
    {
      "name": "Primary CTA",
      "url": "./?lesson=herocta",
      "description": "睇 CTA lesson"
    },
    {
      "name": "Pricing",
      "url": "./?lesson=pricing",
      "description": "睇收費表 lesson"
    }
  ]
}