feat: redesign EduBoard logo and navbar branding

[pracheyyy]

🚀 Summary

This PR enhances the EduBoard application's branding by replacing the existing generic lightning icon with a custom-designed EduBoard logo and integrating it into the navigation bar.

The new logo better represents the platform's identity as a collaborative digital whiteboard while maintaining consistency with the application's modern purple-themed design language.

---

✨ Changes Implemented

🎨 Brand Identity Improvements

• Added a custom EduBoard logo asset.
• Replaced the previous generic SVG lightning icon in the navbar.
• Improved visual recognition and product branding.

🖥️ Navbar Enhancements

• Updated the navbar logo section to use the new image-based logo.
• Adjusted spacing and alignment for improved responsiveness.
• Preserved hover animations and smooth transitions.

🎯 UI/UX Improvements

• Better consistency with the application's purple gradient theme.
• More professional and polished first impression for users.
• Improved visual hierarchy and navigation aesthetics.

---

📁 Files Modified

Added

• client/public/logo.png

Updated

• client/src/components/Navbar.jsx

---

🔍 Before vs After

Before

• Generic lightning bolt icon.
• Limited brand recognition.
• Minimal visual connection to the EduBoard platform.

After

• Custom EduBoard logo integrated into the navbar.
• Stronger branding and platform identity.
• Better alignment with the application's design system.

---

📸 Screenshots

After

---

Type of Change

• UI Enhancement
• Branding Update
• Frontend Improvement
• Bug Fix
• New Feature
• Documentation Update

---

Additional Notes

This change focuses on strengthening EduBoard's visual identity and improving the overall user experience through consistent branding. The new logo is designed to scale well across future use cases such as favicons, social previews, documentation, and marketing materials.

[vercel]

@pracheyyy is attempting to deploy a commit to the MINHA's projects Team on Vercel.

A member of the Team first needs to authorize it.

[pracheyyy]

Hi @KENZY004,

I've submitted the PR for the EduBoard logo and navbar branding redesign. The update includes a custom EduBoard logo, improved navbar branding, and better visual consistency with the platform's design theme.
Could you please review it,
Thank you!

[pracheyyy]

Hi @KENZY004,
/please review the PR

[KENZY004]

Thanks for the contribution! The current logo image contains the brand text, making it repetitive next to the 'EduBoard' text. Could you update the image to be an icon-only logo without any text?

[pracheyyy]

yes, sure!

[pracheyyy]

hi @KENZY004
I updated like you said.
/please review the PR

[KENZY004]

Thanks for the contribution! could you please do the same for the login and sign up page too. So that i can check and merge it right away🙌

[pracheyyy]

Hi @KENZY004,

I have updated the Login and Sign Up pages with the new EduBoard logo and branding, as requested. Everything has been pushed to this branch.

Could you please review the changes, Thank you!

[pracheyyy]

Hi @KENZY004,
/please review the PR

[pracheyyy]

Hi @KENZY004,
/please review the PR

[KENZY004]

Hey @pracheyyy, thanks for the logo redesign and updating the branding! The logo integration looks great, but there are a few technical things we need to resolve before merging:

1. 🔴 Logo file size is too large (2.09 MB) The logo.png file in client/public/ is currently 2.09 MB. Because this image loads on every page render, it will impact page load speeds. Please optimize/compress the PNG (or export it to WebP/SVG if possible) to bring the file size down (ideally under 100 KB).

2. 🔴 Root package-lock.json file It looks like a new, empty package-lock.json (named "PrachiPatil-Eduboard") was created at the root level of the project. Since the project uses package locks inside individual directories, this root file is unnecessary and might cause npm conflicts. Please delete/remove this file from the PR.

3. 🟡 Minor: Indentation alignment If you have a moment when updating the PR, please quickly re-align the indentation on the JSX blocks you modified in Navbar.jsx, Login.jsx, and Signup.jsx to match the project's standard indentation.

Let me know once you've pushed these updates!