feat: add responsive footer with navigation, branding, and dark mode support (#284)

[JayRathore10]

🚀 Feature: Add Responsive Footer Section to Improve Website Navigation and UI (#284)

📌 Overview

This PR introduces a modern, responsive footer to the landing page, enhancing the overall UI/UX and providing users with quick access to important links and project information.

---

✨ Features Implemented

• ✔ Added a responsive footer component
• ✔ Included project/branding section
• ✔ Added quick navigation links for better usability
• ✔ Integrated GitHub repository link
• ✔ Added optional social/contact links
• ✔ Implemented clean and minimal design
• ✔ Added dark mode support
• ✔ Ensured mobile responsiveness across screen sizes

---

🎯 Improvements

• Improves overall website structure and completeness
• Enhances navigation experience for users
• Provides better visual balance to the landing page
• Makes the UI more professional and polished
• Improves accessibility and responsiveness

---

🛠️ Implementation Details

• Created a reusable footer component
• Used responsive layout (flex/grid) for adaptability
• Applied consistent styling with existing theme
• Added hover effects and smooth transitions
• Ensured compatibility with light/dark mode

---

📂 Files Added/Modified

• components/Footer.jsx (or relevant path)
• Updated layout/page files to include footer

---

🏷️ Open Source Context

This PR is submitted as part of GSSoC (GirlScript Summer of Code) contribution.

👤 Contributor Profile

GSSoC Profile: https://gssoc.girlscript.org/profile/e47b2f4a-f3e9-4cb4-97b5-ddd8cb15a1e9

---

🚀 Impact

This feature significantly improves the user experience by adding a standard and essential UI component, making the application more complete and user-friendly.

---

📎 Notes

No breaking changes introduced. This is a purely additive feature.

Closes #284

Screenshots

[netlify]

✅ Deploy Preview for github-spy ready!

Name	Link
🔨 Latest commit	47b2e4c
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a09505ac7944100083ef171
😎 Deploy Preview	https://deploy-preview-287--github-spy.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Warning

Rate limit exceeded

@JayRathore10 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 46 minutes and 18 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 225b36a7-e30a-4293-833c-49c9ab36f027

📥 Commits

Reviewing files that changed from the base of the PR and between 7a15543 and 47b2e4c.

📒 Files selected for processing (5)

• backend/models/User.js
• package.json
• spec/auth.routes.spec.cjs
• spec/user.model.spec.cjs
• src/components/Footer.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}