To create navbar we need to make a headerand that header will contain the navbar, as well as the main section. The value of href of links are id of the sections that we will create next. Giving idsas a link will take you to that section after clicking on the link. But to add a smooth scrolling effect to the navbar links. Make sure you give scroll-b...

Now to create hero section we will use main tag inside header after nav. If you notice, i used data-aos attribute in code. This attribute is custom provided by AOS library to add sroll animations. In this case, I am adding fade-up effect. To make it work though. you have to put AOS.init() in app.jsalong with the CDNs provided in the github repo. No...