Improve UX for Ask AI Input Field

[PavelShilin89]

Problem:

• The Enter your query... input field in the Ask AI interface is not intuitive and visually prominent enough. Users may not immediately understand where to start or what actions to take.

Problem description:

• The input field blends into the background and lacks visual hierarchy.
• There are no clear visual cues to guide users to the input area.
• It is not obvious that this is the main point of interaction.
• There are no contextual hints or examples for new users.

Proposed solution:

• Make the input field more noticeable and intuitive by:
• Adding a distinctive colored border (e.g., blue) around the input area.
• Adding visual indicators (supporting text) pointing to the input field.
• Adding examples or hints below the input field to get started quickly. Like starter templates.

Expected result

• Users should immediately recognize the input field as the main point of interaction and understand how to interact with Ask AI without difficulty.

Attachments:

[donhardman]

Fix in this pull: #116

Also deployed to production for testing.

[donhardman]

@PavelShilin89 Please test it on the website, and if all is good, feel free to close.

[PavelShilin89]

Looks good to me.