SaaS AI डैशबोर्ड लैंडिंग पेज

एक आधुनिक SaaS लैंडिंग पेज मॉकअप तैयार करता है जिसमें विभिन्न टूल इंटीग्रेशन और विस्तृत फीचर हाइलाइट कार्ड से जुड़ा एक केंद्रीय AI डैशबोर्ड शामिल है।

प्रॉम्प्ट

{ "type": "SaaS लैंडिंग पेज हीरो ग्राफिक", "style": "आधुनिक UI/UX, लाइट थीम, सॉफ्ट शैडो, ग्लासमोर्फिज्म, पर्पल और ब्लू ग्रेडिएंट्स", "header": { "headline": "AI स्पष्टता के साथ अपना काम संचालित करें।", "subheadline": "एक इंटेलिजेंट वर्कस्पेस में अपने सभी टूल्स के कार्यों, संदर्भ और निष्पादन को व्यवस्थित करें।" }, "layout": { "center_dashboard": { "app_name": "FlowBridge", "greeting": "सुप्रभात, Alex 👋", "sidebar_links": 8, "top_metrics_cards": 4, "recent_activity_items": 3, "project_progress_bars": 3, "floating_action_bar": "AI से कुछ भी पूछें या कमांड टाइप करें..." }, "left_integrations": { "count": 4, "style": "पिल-शेप्ड कार्ड जो पतली लाइनों द्वारा सेंटर डैशबोर्ड से जुड़े हैं", "labels": [ "Google Calendar: इवेंट्स और शेड्यूल", "Notion: डॉक्स और नॉलेज", "Slack: मैसेज और अपडेट्स", "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 घंटे का फोकस समय दिखाता है, और 3 बॉटम मेट्रिक्स (मीटिंग्स, डीप वर्क, पूरे किए गए टास्क)" }, { "title": "कनेक्टेड निष्पादन", "description": "अपने सभी टूल्स में कार्यों, अपडेट्स और निर्भरताओं के साथ तालमेल बनाए रखें।", "visuals": "4 आगामी कार्यों की सूची और यूजर अवतारों के साथ 4 टीम वर्कलोड प्रोग्रेस बार" }, { "title": "अंतर्दृष्टि जो प्रभाव डालती है", "description": "प्रगति को समझें, जोखिमों को दूर करें और बेहतर निर्णय लें।", "visuals": "डोनट चार्ट जो स्टेटस के अनुसार 18 प्रोजेक्ट्स दिखाता है, और रेड फ्लैग आइकन के साथ 3 प्रमुख जोखिमों की सूची" } ] } } }