Feature Rich Chat - Copy this Html, Tailwind Component to your project
Create a material tailwind format chat website. it should contain sidebar on left, in that it should have dashboard, prompts, chat history disabled, + new chat button. this sidebar must be a toggle sidebarwith modern minimalistic touch. sidebar should have two modes in desktop, on minimize only icons should show and when expand icons and its title should show up. it should take full screen in mobile when clicked on hamburger which is shown only in mobile. thus i need a modern minimalistic website for chat. center area must have chatbox. it should first have welcome text, some sub text, some features and below that, a text area with submit button. whenever user submits, above welcome text subtext features must disappear and chat should be used for whole center area. now while you are chatting, chat messages must be bubbles with icons, each chat message must have copy icon and learn more icon. on click of learn more a right sided modal popup must open, it should take page height, 20% of width and floated to right. now dashboard must have some welcome text, some cards some text ai generated related to chat website ai bot. prompts must have cards 6 8 grids of heading icon small data and description. make a responsive website working on all devices. When i close it only + icon should show, and for navs only home idea and chat history icons should show up not text. this is for closed state of sidebar. make sidebar responsive on mobiles. chat should take full width and sidebar should take full width in phone. Make it as per my prompt. its not fully there. no nav links are clickable, sidebarmenu is not toggling. there are no prompt cards in prompts view
