หน้า Landing Page ของแดชบอร์ด AI สำหรับ SaaS

{ "type": "กราฟิกหน้าแรกของหน้า Landing Page สำหรับ SaaS", "style": "UI/UX ทันสมัย, ธีมสีอ่อน, เงาอ่อน, เอฟเฟกต์กระจกฝ้า{argument name=\"สีธีมหลัก\" default=\"ไล่ระดับสีม่วงและน้ำเงิน\"}", "header": { "headline": "{argument name=\"หัวข้อหลัก\" default=\"ขับเคลื่อนการทำงานของคุณด้วยมุมมอง AI ที่ชัดเจน\"}", "subheadline": "ประสานงานภารกิจ บริบท และการดำเนินการข้ามเครื่องมือในพื้นที่ทำงานอัจฉริยะ" } } }, "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 the AI ​​​​a question or enter a command...\"}" }, "left_integrations": { "count": 4, "style": "การ์ดรูปแคปซูลที่เชื่อมต่อกับแดชบอร์ดกลางผ่านสายบางๆ", "labels": [ "Google Calendar: Events and Schedules", "Notion: Documentation and Knowledge Base", "Slack: Messages" ] } ... และการอัปเดต", "Google Drive: ไฟล์และสินทรัพย์" ] }, "right_integrations": { "count": 4, "style": "การ์ดรูปทรงแคปซูลที่เชื่อมต่อกับแดชบอร์ดส่วนกลางผ่านสายบางๆ", "labels": [ "Asana: งานและโครงการ", "GitHub: โค้ดและการส่งคำสั่ง", "Figma: ไฟล์ออกแบบ", "Microsoft Teams: การโทรและการประชุม" ] }, "bottom_feature_cards": { "count": 3, "style": "การ์ดสี่เหลี่ยมผืนผ้าที่มีเงาอ่อนๆ", "cards": [ { "title": "ภาพรวมที่ขับเคลื่อนด้วย AI", "description": "รับทราบข้อมูลเกี่ยวกับเป้าหมาย ความคืบหน้า และเรื่องที่ต้องให้ความสนใจของคุณ", "visuals": "แสดงกราฟเส้นแสดงเวลาโฟกัส 24.6 ชั่วโมง พร้อมตัวบ่งชี้ด้านล่างสามตัว (การประชุม การทำงานอย่างลึกซึ้ง และงานที่เสร็จสมบูรณ์)" ] } }, { "title": "การดำเนินการที่เชื่อมโยงกัน", "description": "รักษางาน การอัปเดต และการพึ่งพาให้ตรงกันระหว่างเครื่องมือต่างๆ", "visuals": "ประกอบด้วยรายการงานที่จะเกิดขึ้น 4 งาน และแถบแสดงความคืบหน้าของปริมาณงานของทีม 4 แถบ พร้อมรูปประจำตัวผู้ใช้" }, { "title": "ข้อมูลเชิงลึกในการขับเคลื่อนอิทธิพล", "description": "ทำความเข้าใจความคืบหน้า ลดความเสี่ยง และตัดสินใจได้อย่างชาญฉลาดมากขึ้น", "visuals": "แผนภูมิวงกลมแสดงสถานะของ 18 โครงการ และรายการความเสี่ยงหลัก 3 รายการที่ทำเครื่องหมายด้วยธงสีแดง" } ] } } }