Let's plan to create a ChatGPT-inspired UI for Stromgo AI using DaisyUI and Tailwind CSS. We'll design a modern, light-mode theme with a blank main color, incorporating rounded icons.
Our UI will consist of two main parts: the Left Side Bar (25% width) and the Right Side Bar.
Left Side Bar:
1. Top: Display the StromgoAI brand name prominently.
2. Bottom: Show a small, tiny span text "Made by Kaiiddo".
3. Button: "New Conversation" with text and icons.
4. History:
- Show a span text label "History".
- Display a list of previous conversations with icons and delete icons.
5. User Info (bottom):
- Display the username "Kaiiddo" with a premium plan and version.
- Show the StromgoAI logo.
Right Side Bar:
1. Input Field (bottom):
- Create a text input field for users to ask questions.
- Include attach icons, input field, and send icons.
2. Sticky Bar (bottom):
- Display a footer text "StromgoAI can make mistakes, so double-check its responses!".
Comments
Post a Comment