Fixed navbar appear effect

[Utsavladia]

issue #538 Added the Navbar at top and adjusted padding on home to have proper look.. Also auto formatting code made the code more readable

https://github.com/mdazfar2/HelpOps-Hub/assets/124615886/6263832f-ddca-48d5-80ce-6f32c3394da5

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
helpops-hub2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 24, 2024 6:17pm

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[mdazfar2]

@Utsavladia when we switch some pages, it doesn't look good. Try to add a default scroll down effect when the user clicks on some pages, so it shows the same as the homepage. Hope you understand what I want to say.

[Utsavladia]

@mdazfar2
sure, I will try to fix it.

[mdazfar2]

@Utsavladia sure

[Utsavladia]

@mdazfar2 Do you want me to add paddings at top in rest 3 pages to make it look same as above with this new navBar functionality or you want me to make navBar disappear when user clicks on any page kepping the padding same

[mdazfar2]

No @Utsavladia See, it is working on the homepage. It should work on the whole page like homeoage and should be on by default at switch time as it was before. Then, when you scroll down, that floating navbar appears.

[Utsavladia]

@mdazfar2

It is workinng same as home page.. I think we need padding at top to make it look better... what you say

https://github.com/mdazfar2/HelpOps-Hub/assets/124615886/7fa4be5f-875f-4ab4-a6f9-2be28da0cac8

[mdazfar2]

No @Utsavladia,

• I want this when user switch any page-
  

and when user scroll down then the floating animation will show hope this time you understand

Still don't understand? No problem, you can ask me again and I will try my best to describe.

[mdazfar2]

@Utsavladia Actually Next.js component-based architecture you don't have to make for individually every pages just one component is applied to every pages automatically if you can't do it no problem i can assign it anyone that's why you can learn something new about that.

[Utsavladia]

@mdazfar2 I hope this is the desired result

https://github.com/mdazfar2/HelpOps-Hub/assets/124615886/7f2eaa15-ad34-47d5-9dd7-6213da20bb20

[mdazfar2]

@Utsavladia switch page from floating navigation then shown me how it is looks like

[Utsavladia]

sure @mdazfar2

https://github.com/mdazfar2/HelpOps-Hub/assets/124615886/8a376993-655b-4525-a9e2-9bc9e13a1d4f

[mdazfar2]

@Utsavladia Yes, this is exactly what I want, but when we switch to the contact page, it looks like that. Please resolve this also.

[Utsavladia]

@mdazfar2 In the latest commit i fixed it already

This is the latest view

[mdazfar2]

@Utsavladia please update sync fork and resolve conflicts

[Utsavladia]

sure I resolved all conflicts

[mdazfar2]

@Utsavladia I don't have a laptop right now, I'll check it out and merge it after a while.

[mdazfar2]

@Utsavladia it is not in center please compare the current deployed website with your local machine you will get difference

[Utsavladia]

@mdazfar2 sure I fixed it the hero

[Utsavladia]

@mdazfar2 thank you so much I literally wanted it to look perfect and close to the desired output 😊

[mdazfar2]

@Utsavladia Can you do one more thing? If the navigation floats, the color doesn't look good. Can we change the gradient color to orange and yellow? If you agree, then raise an issue on that.

for better understand I'll share one more screenshot 👇

[Utsavladia]

@mdazfar2 Sure I am raising a new issue for this . Please tell me the exact color you want

[mdazfar2]

@mdazfar2 Sure I am raising a new issue for this . Please tell me the exact color you want

@Utsavladia gradient of Orange and yellow according to your convenience try to add from your side which looks attractive and good

[Utsavladia]

@mdazfar2 Great I have raised the issue