vue0
f
Tabs Layout: The main content is organized into three tabs—Emails, Calls, and Statistics—using the Tabs, TabsList, TabsTrigger, and TabsContent components. Emails Tab: Displays a card containing a form for sending a new email, with inputs for the salutation and recipient’s name. Shows an email preview based on the entered information. An accordion section allows users to view additional statistics related to email sending, including a leaderboard of agents and overall performance metrics. Calls Tab: Lists details of calls made by agents, including a brief description and the time of each call. Tooltips provide additional information when hovering over certain elements. A summary of calls made by agents, including daily, weekly, and monthly statistics, is displayed in a series of cards. Statistics Tab: Provides an overview of the call center's performance, including total calls, total emails, agents online, and average handle time.