Prompt
Role: Senior Frontend Developer & UI/UX Designer
Stack: React, Tailwind CSS, Lucide React (Icons), date-fns
Goal: Create a high-fidelity, fully functional frontend prototype for "EventDesk," an AI platform that manages large-scale event communications. The app acts as a central nervous system, ingesting messages from Discord, Slack, and Socials, and acting as a Tier 1 support agent.
Constraints:
- Single Page Application (SPA) logic.
- No Authentication required (assume logged in).
- No external Backend (use React Context/State for data persistence).
- Dark Mode / Modern SaaS aesthetic (Inter font, Slate grays, Indigo accents).
1. Architecture & Navigation
Create a main App container that manages two primary views:
- Landing Page: Public facing marketing site.
- Dashboard App: The internal tool for event organizers.
2. View: Landing Page
- Hero Section: Headline "Your Event's Autopilot," Subheadline "Ingest queries from Discord, Slack, and Email. Let AI handle the FAQs while you handle the fires."
- CTA Button: "Enter Live Demo" (Switches state to the Dashboard App).
- Features Grid: 3 cards explaining: "Knowledge Ingestion," "Multi-channel Support," and "Human-in-the-loop AI."
3. View: Dashboard App
Layout: Left Sidebar (Navigation), Top Bar (Search/User), Main Content Area.
Sidebar Links:
- Live Monitor (The main ticket view)