[STYLE CHANGE] Implement Transparent Navigation Bar on Home Page

**Description:**

Currently, our project's navigation bar on the home page lacks transparency. I want to enhance the user experience by making the navigation bar transparent initially and removing the transparency effect when the user starts scrolling. This change will provide a visually appealing and modern look to the website.

**Reason for Change:**

It will enhance the user experience and Transparency adds a sense of depth and elegance to the website, making it more engaging for users. It gives the home page a unique and captivating visual element, making it stand out and leaving a memorable impression on users.

**Current Styling:**

navbar is same through out the website

**Proposed Styling:**
Implement Transparent Navigation Bar on Home Page and Remove Transparency on Scrolling

**Screenshots or Design Mockups (optional):**

[If available, include relevant screenshots or design mockups illustrating the requested style changes.]

**Additional Information (optional):**

[Provide any additional information that may help in understanding or implementing the style change. This can include any specific requirements or constraints.]

**Priority Level (optional):**

- [ ] Low
- [x ] Medium
- [ ] High

**Timeline (optional):**

[Specify any preferred or required timeline for implementing the style change.]

**Possible Implementation Approach (optional):**

[If you have any suggestions or ideas on how the style change could be implemented, feel free to provide them here.]