feat: UI redesign with some build fix

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
password-shield-server	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 8, 2024 5:31pm
passwordshield	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 8, 2024 5:31pm

[abhijeetnishal]

Hey @Vimall03, i have done some changes and fix. So i thought i will let you know.

• Try to understand server and client components whenever you are using next.js. Try to make root layout as server component for better performance and avoid using client until it's not necessary.
• Try to add component level "use client" directive so that we can use with other pages even if parent component is server also it will work.
• When using next.js use next image and next link as it's recommended by Next.js.
• Try to run npm run build command to check if build is failing for some reasons.

If you have any queries, let me know.

You can see the landing page deployed website: https://passwordshield-c1thw28h1-abhijeets-projects-186cd0f3.vercel.app/

[Vimall03]

Hey, @abhijeetnishal Thank you for the updates and the helpful tips. I’ll make sure to follow these guidelines

[abhijeetnishal]

Hey, @abhijeetnishal Thank you for the updates and the helpful tips. I’ll make sure to follow these guidelines

Great 👍