Default Component - Copy this React, Tailwind Component to your project

Create a responsive blog page. Their will a logo on top. After that in next line their will a orange background color beautiful navbar containing these Items. 'Biology, Chemistry, Physics' The navbar will cover only 60% of the page. It will responsive and should collapse in hamburger manu in mobile devices and when tapped the elements will show. The navbar will sticky. After Navbar Their will a 100% image but it corner will 10% dissolve in the page color which show an amazing look and it come with animations. After the long banner image their will A Footer Of the page. After that their will A footer section which contain rows in which their will Names of books bio Chem Phy full names and their will youtube logo. It will also beautiful and responsive. When we click on navbar elements may be it bilogy chem... Their will a pop up contain Chapter Names in Line to click and go them. Make a academy website. On the top their will a banner which hide after 10 sec of page load which contain this text ' There are only Biology Chapter Notes Available'