Footer

[sristii]

📝 Task Description

Build a standardized footer component based on the Figma.

The footer will be a key element at the bottom of the pages and should include important links, copyright information, and social media icons. It should be reusable and fully responsive for various screen sizes.

Be sure to push & pull from the dev branch

✅ Acceptance Criteria

• Is the footer component reusable across different pages?
• Is the footer properly styled according to the design in Figma?
• Is the footer fully responsive (mobile and desktop views)?

🔍 Subtask Breakdown

• Footer Component:
  • Includes links to respective pages.
  • Implements hover effects.
  • Ensure the footer is fully responsive, adapting to both mobile and desktop views.
  • Ensure proper spacing, alignment, and color scheme as per the app’s theme.

** If you have a more efficient approach, feel free to implement it! **

💫 Recommended Approach

1. Start by building the footer with a basic structure (links, copyright, and JumboCode icons).
2. Style the footer according to the Figma design, ensuring proper alignment and spacing.
3. Ensure responsiveness for both mobile and desktop views.
4. Add hover effects for interactive elements (links, icons).
5. Test across different pages for consistency.

Utilize Figma’s Dev Mode & Preview Mode to ensure the component matches the design exactly.

✨ Resources ✨

• Tailwind Footer
• More Tailwind Footer stufff