Add SVG Logo Images for Header and Footer

[Tanya-ruby]

Context

Currently, the Header and Footer components use placeholder <img> tags to display the logo. Ideally, we want to replace these placeholders with a proper SVG logo for a more scalable and polished appearance.

Task

1. Add an SVG logo file to src/assets/svg/. You can name the file logo.svg.
2. Replace the placeholder <img> tags in the Header and Footer components with the newly added SVG logo.
3. Ensure the SVG logo scales properly in its container.

File Locations

• SVG File: src/assets/svg/logo.svg
• Components to update:
  • src/sections/Header.tsx
  • src/sections/Footer.tsx

Steps to Complete

1. Add the logo.svg file to the src/assets/svg/ directory.
2. Import the SVG in the Header and Footer components using the following syntax:

   import Logo from '@/assets/svg/logo.svg';

Please attach a demo video,screenshots while making a PR ! ping the maintainer for further queries

[Nidhicodes]

Demo.mp4