Responsive Navigation Sidebar - Copy this Html, Tailwind Component to your project

Nav Bar and Sidebar Create a navigation bar with a height of 30px and a sidebar that takes up 80% of the width. On the left side of the navigation bar, place the site title "Daily Devotion" using the Poppins font. Add a toggle icon to open and close the sidebar on the right side. the sidebar should be in separate "sidebar.html" and in embed to index.html The sidebar should contain a list of menus, each with an expandable and collapsible sub menus. Add icons to the main menu items and use a symbol for sub menus. Ensure the sidebar and menu transitions are smooth. Use the gradient white color scheme. Apply a higher index value to the nav bar and lower to the sidebar. The design should be neat and responsive to mobile devices. add hover effects over memu and sub menu. Give me the updated full code in index.html, sidebar.html, CSS, and JS separately. First send me the HTML code, once I respond with the word “Next” then send CSS, then JS.