Footer

[devJasonClarke]

Ticket ID: DICT-07
Status: To Do
Type: Feature
Priority: Medium
Assignee: [Frontend Developer]
Estimate: 1 – 1.5 days

---

🎯 Objective

Develop the site footer for the Jamaican Patois Dictionary. The footer should display the company logo, navigation links, social media icons, and be fully responsive across devices.

---

✅ Acceptance Criteria

• Footer includes:

  • Company or project logo
  • Navigation links (e.g., About, Contact, Terms)
  • Social media icons with links (e.g., Facebook, Twitter, Instagram)

• All icons and links are accessible and open external links in a new tab.

• Layout adjusts appropriately across breakpoints:

  • Stack vertically on mobile
  • Inline horizontal layout on desktop

• Styling follows the design guidelines and matches the rest of the site.

---

📋 Tasks

1. Footer Structure

• Add container for footer with proper spacing and background color
• Insert company/project logo
• Add list of navigation links

2. Social Media Icons

• Render icons for each platform (e.g., using SVGs or icon font)
• Link each icon to the corresponding social media page
• Ensure links open in new tabs with rel="noopener noreferrer"

3. Responsive Styling

• Stack elements vertically on smaller screens
• Align content horizontally for larger screens
• Ensure icons and text scale appropriately

---

🧰 Tools & Resources

• SVG icons or FontAwesome
• CSS Flexbox/Grid for layout
• Logo asset and brand color references

---

🔗 Design Reference

• [View Figma Design](https://www.figma.com/design/CKI7T1PwNzXd1QkWIlY9TC/Patwa-Dictionary?node-id=22-363&t=ON01vPTXfPsV4QcJ-0)