From 1afbc30fe0ea7411abb533cab98b4c58db0896c1 Mon Sep 17 00:00:00 2001
From: meet <dodiyameet041@gmail.com>
Date: Thu, 11 Jul 2024 19:40:09 +0530
Subject: [PATCH] Fixed contributor css and add icon in footer for contributer

---
 frontend/src/components/Footer.tsx  | 5 ++++-
 frontend/src/pages/Contributors.tsx | 9 +++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 05e9d820..73001f64 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -6,6 +6,7 @@ import { BsFilePost } from 'react-icons/bs';
 import { FaHome, FaRegCopyright, FaGithub, FaEnvelope, FaInfoCircle, FaTools, FaLock, FaFileAlt, FaCookieBite } from 'react-icons/fa';
 import { useTranslation } from 'react-i18next';
 import logo from "../assets/favicon.png";
+import { FaRegHandshake } from "react-icons/fa6";
 
 const Footer = () => {
     const { t } = useTranslation();
@@ -70,7 +71,9 @@ const Footer = () => {
                                 </Link>
                             </li>
                             <li className='py-1 cursor-pointer hover:text-[#2563EB]'>
-                                <Link to="/app/contributors">Our Contributors</Link>
+                                <Link to="/app/contributors" className='flex items-center gap-2'>
+                                    <FaRegHandshake size={20} /> Our Contributors
+                                </Link>
                             </li>
                         </ul>
                     </div>
diff --git a/frontend/src/pages/Contributors.tsx b/frontend/src/pages/Contributors.tsx
index c5fa88e4..beec9cee 100644
--- a/frontend/src/pages/Contributors.tsx
+++ b/frontend/src/pages/Contributors.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import axios from 'axios';
+import bgHero from "../assets/bgHero.png";
 
 interface Contributor {
   id: number;
@@ -27,9 +28,13 @@ const Contributors: React.FC = () => {
   }, []);
 
   return (
-    <div className="bg-white dark:bg-black text-black dark:text-gray-200 min-h-screen">
+    <div className="-mt-7 bg-white dark:bg-[#000435] text-black dark:text-gray-200 min-h-screen" style={{
+      backgroundImage: `url(${bgHero})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+    }}>
       <div className="container mx-auto py-8">
-        <h1 className="text-center text-4xl font-semibold mb-8">Contributors</h1>
+        <h1 className="text-center text-3xl font-semibold mb-8">🤝 Contributors</h1>
         <div className="flex flex-wrap justify-center gap-8">
           {contributors.map((contributor) => (
             <div