Create new logo, Make navabar transparent

[vimal-java-dev]

Create a new logo

• Add it to the navbar, footer and favicon
• It should maintain a mobile view
• logo colour change with dark mode change and vice versa
• Maintain mobile view with all the above conditions.

---

Transparent navbar with scrolled effect

• Logo and brand name need to support dark mode and not break the particle effect of JS
• When scrolling, the navbar changes colour and transparency after the hero content's bg-colour and content-colour.
• Add social media icon and hover effect, match colour with logo and brand name
• Maintain mobile view with all the above changes.

All common JavaScript functionalities are put in the global CSS and remove old ones if not necessary.

[vimal-java-dev]

Issue resolved, committed, and pushed to the main branch from the local main branch.

[vimal-java-dev]

• Make logo, navbar, adjust in desktop and mobile view
• Make the brand name a little bigger
• Create a Nav link and a dropdown effect in mobile view
• The same effect needs to be seen at the desktop view, both scrolled and without scrolling.

[vimal-java-dev]

• Make logo, navbar, adjust in desktop and mobile view
• Make the brand name a little bigger
• Create a Nav link and a dropdown effect in mobile view
• The same effect needs to be seen at the desktop view, both scrolled and without scrolling.

Done.

[vimal-java-dev]

• Make logo, navbar, adjust in desktop and mobile view
• Make the brand name a little bigger
• Create a Nav link and a dropdown effect in mobile view
• The same effect needs to be seen at the desktop view, both scrolled and without scrolling.

Brand-name, Navbar, Glass-Nav, and mobile view updated
All pages SEO are restructured