This PR addresses the issue of switching the logo images for Discord, GitHub, Instagram, and YouTube in the footer from PNG to SVG format. The reasons for this change are as follows:
Scalability: SVGs are vector-based and can scale to any size without losing quality, making them ideal for responsive design.
File Size: SVGs often have smaller file sizes compared to PNGs, especially for simple designs like logos. This can improve page load times and overall performance.
Editability: SVGs can be easily edited and styled with CSS, providing more flexibility for design changes in the future.
Accessibility: SVGs can be made accessible to screen readers, improving the website’s overall accessibility.
Changes Made
Added relevant SVG to assets folder
Updated Footer.tsx based on the new asset files
Tested the changes in multiple browsers and on different screen sizes to ensure compatibility and responsiveness.
changed the assets folder from assests/ to assets/ and changed import statements accordingly.
This PR fixes #72
Please review the changes and let me know if there are any issues or if further adjustments are needed. @Jaideep-C
This PR addresses the issue of switching the logo images for Discord, GitHub, Instagram, and YouTube in the footer from PNG to SVG format. The reasons for this change are as follows:
Changes Made
Footer.tsx
based on the new asset filesassests/
toassets/
and changedimport
statements accordingly.This PR fixes #72 Please review the changes and let me know if there are any issues or if further adjustments are needed. @Jaideep-C