diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 0000000..509fe35
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,26 @@
+## Related Issue
+[Cite any related issue(s) this pull request addresses. If none, simply state “None”]
+
+## Description
+[Please include a brief description of the changes or features added]
+
+## Type of PR
+
+- [ ] Bug fix
+- [ ] Feature enhancement
+- [ ] Documentation update
+- [ ] Other (specify): _______________
+
+## Screenshots / videos (if applicable)
+[Attach any relevant screenshots or videos demonstrating the changes]
+
+## Checklist:
+- [ ] I have performed a self-review of my code
+- [ ] I have read and followed the Contribution Guidelines.
+- [ ] I have tested the changes thoroughly before submitting this pull request.
+- [ ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
+- [ ] I have commented my code, particularly in hard-to-understand areas.
+<!-- [X] - put a cross/X inside [] to check the box -->
+
+## Additional context:
+[Include any additional information or context that might be helpful for reviewers.]
diff --git a/README.md b/README.md
index 271065f..b04e17c 100644
--- a/README.md
+++ b/README.md
@@ -45,19 +45,24 @@ To run GitGlance locally, follow these steps:
     ```bash
     cp .env.example .env
     ```
-4. Open the .env file and add your GitHub Personal Access Token:
+4. Open the .env file and add your
+   - GitHub Personal Access Token
+   - MongoDB URI
+
    ```bash
     GITHUB_TOKEN=
+    MONGODB_URI=mongodb://localhost:27017/<dbname>
+    BASE_URL=http://localhost:3000
    ```
-5. Install dependencies:
+6. Install dependencies:
     ```bash
     npm install
     ```
-6. Start the development server:
+7. Start the development server:
     ```bash
     npm run dev
     ```
-7. Open your browser and visit `http://localhost:3000`
+8. Open your browser and visit `http://localhost:3000`
    
     
     
diff --git a/app/(home)/contributors.js b/app/(home)/contributors.js
new file mode 100644
index 0000000..8e012f9
--- /dev/null
+++ b/app/(home)/contributors.js
@@ -0,0 +1,47 @@
+export const ContributorsData = [
+  {
+    name: "Subhadeep Roy",
+    github: "https://git.new/Subha",
+    imageUrl:"https://avatars.githubusercontent.com/u/111780029?v=4",
+  },
+  {
+    name: "Suhani Singh Paliwal",
+    github: "https://github.com/suhanipaliwal",
+    imageUrl:"https://avatars.githubusercontent.com/u/161575955?v=4",
+  },
+  {
+    name: "Sanmarg Sandeep Paranjpe",
+    github: "https://github.com/sanmarg",
+    imageUrl:"https://avatars.githubusercontent.com/u/50082154?v=4",
+  },
+  {
+    name: "Shrijal Acharya",
+    github: "https://github.com/shricodev",
+    imageUrl:"https://avatars.githubusercontent.com/u/76906722?v=4",
+  },
+  {
+    name: "Yujit Yadav",
+    github: "https://github.com/yujit2003",
+    imageUrl:"https://avatars.githubusercontent.com/u/97657345?v=4",
+  },
+  {
+    name: "Varda003",
+    github: "https://github.com/Varda003",
+    imageUrl:"https://avatars.githubusercontent.com/u/136989588?v=4",
+  },
+  {
+    name: "Pradnya",
+    github: "https://github.com/PradnyaGaitonde",
+    imageUrl:"https://avatars.githubusercontent.com/u/116059908?v=4",
+  },
+  {
+    name: "Prathica Shetty M",
+    github: "https://github.com/PrathicaShettyM",
+    imageUrl:"https://avatars.githubusercontent.com/u/123286880?v=4",
+  },
+  {
+    name: "Saransh Bangar",
+    github: "https://github.com/SaranshBangar",
+    imageUrl:"https://avatars.githubusercontent.com/u/114401238?v=4",
+  },
+];
\ No newline at end of file
diff --git a/app/(home)/page.js b/app/(home)/page.js
index 41751f6..8951ab6 100644
--- a/app/(home)/page.js
+++ b/app/(home)/page.js
@@ -6,6 +6,8 @@ import Link from 'next/link';
 import GridContainer from '@/components/GridContainer';
 import { unstable_noStore as noStore } from 'next/cache';
 import Header from '@/components/Header';
+import { ContributorsData } from './contributors';
+import Image from 'next/image';
 
 export default async function Home() {
     noStore();
@@ -13,7 +15,7 @@ export default async function Home() {
 
     try {
         await connectDb();
-        recenetProfiles = await RecentProfiles.find({ }).sort({ updatedAt: 'desc' }).limit(8);
+        recenetProfiles = await RecentProfiles.find({}).sort({ updatedAt: 'desc' }).limit(8);
     } catch (error) {
         console.log('An error occurred in Home Page while fetching recent profiles');
     }
@@ -68,6 +70,35 @@ export default async function Home() {
                         </GridContainer>
                     </div>
                 )}
+
+                <div className="mb-8 mt-16 text-center">
+                    <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">Meet Our Contributors</h2>
+                </div>
+                <div className="mb-10 px-4 md:px-12">
+                    <div className="grid grid-cols-2 max-w-screen-xl mx-auto  gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
+                        {ContributorsData.map((data, index) => (
+                            <a
+                                key={index}
+                                href={data.github}
+                                target="_blank"
+                                className="group rounded-lg p-4 shadow-sm transition-all duration-300"
+                            >
+                                <div className="relative overflow-hidden rounded-lg">
+                                    <Image
+                                        alt={data.name}
+                                        className="h-full w-full object-cover object-center transition-all duration-500 group-hover:scale-110"
+                                        src={data.imageUrl}
+                                        width={400}
+                                        height={400}
+                                    />
+                                </div>
+                                <div className="mt-4 text-center">
+                                    <h3 className="text-lg font-semibold">{data.name}</h3>
+                                </div>
+                            </a>
+                        ))}
+                    </div>
+                </div>
             </main>
         </>
     );
diff --git a/app/[username]/Charts.js b/app/[username]/Charts.js
index ac4dd9b..865b945 100644
--- a/app/[username]/Charts.js
+++ b/app/[username]/Charts.js
@@ -18,7 +18,7 @@ const borderColor = [
 
 const Charts = ({ commitsPerRepo, starsPerRepo, reposPerLanguages, starsPerLanguages }) => {
     return (
-        <GridContainer name="Charts" className={'grid-cols-2 gap-0 gap-y-6 px-2 md:grid-cols-4 md:gap-8 md:px-6'}>
+        <GridContainer name="Charts" className={'flex flex-row flex-wrap justify-evenly gap-0 gap-y-6 px-2 md:gap-8 md:px-6'}>
             <div className="">
                 <Doughnut
                     title="Commits per Repo"
diff --git a/app/[username]/FollowUp.js b/app/[username]/FollowUp.js
index 606cfe2..8ab5ba2 100644
--- a/app/[username]/FollowUp.js
+++ b/app/[username]/FollowUp.js
@@ -26,7 +26,7 @@ const FollowUp = ({ follwoup }) => {
     const { issues_by_user, pr_by_user, issues_on_user, pr_on_user, login } = follwoup;
 
     return (
-        <GridContainer name="Follow Up" className={'grid-cols-2 gap-0 gap-y-6 px-2 md:grid-cols-4 md:gap-8 md:px-6'}>
+        <GridContainer name="Follow Up" className={'flex flex-row flex-wrap justify-evenly gap-0 gap-y-6 px-2 md:gap-8 md:px-6'}>
             <div>
                 <Doughnut
                     options={{ plugins: { title: { text: `Issues by ${login}` } } }}
diff --git a/next.config.mjs b/next.config.mjs
index 2d96e33..9f61ea6 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -5,6 +5,14 @@ const nextConfig = {
             fullUrl: true,
         },
     },
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: '*',
+            },
+        ],
+    },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
index dddbb86..20fce3c 100644
--- a/package.json
+++ b/package.json
@@ -29,4 +29,4 @@
     "prettier-plugin-tailwindcss": "^0.5.12",
     "tailwindcss": "^3.3.0"
   }
-}
\ No newline at end of file
+}
diff --git a/public/icons/css.svg b/public/icons/css.svg
index 6eb82d6..940411d 100644
--- a/public/icons/css.svg
+++ b/public/icons/css.svg
@@ -1 +1,4 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 3-.65 3.34h13.59L17.5 8.5H3.92l-.66 3.33h13.59l-.76 3.81-5.48 1.81-4.75-1.81.33-1.64H2.85l-.79 4 7.85 3 9.05-3 1.2-6.03.24-1.21L21.94 3H5z" fill="#42a5f5"/></svg>
\ No newline at end of file
+<!-- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 3-.65 3.34h13.59L17.5 8.5H3.92l-.66 3.33h13.59l-.76 3.81-5.48 1.81-4.75-1.81.33-1.64H2.85l-.79 4 7.85 3 9.05-3 1.2-6.03.24-1.21L21.94 3H5z" fill="#42a5f5"/></svg> -->
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
+<path fill="#0277BD" d="M41,5H7l3,34l14,4l14-4L41,5L41,5z"></path><path fill="#039BE5" d="M24 8L24 39.9 35.2 36.7 37.7 8z"></path><path fill="#FFF" d="M33.1 13L24 13 24 17 28.9 17 28.6 21 24 21 24 25 28.4 25 28.1 29.5 24 30.9 24 35.1 31.9 32.5 32.6 21 32.6 21z"></path><path fill="#EEE" d="M24,13v4h-8.9l-0.3-4H24z M19.4,21l0.2,4H24v-4H19.4z M19.8,27h-4l0.3,5.5l7.9,2.6v-4.2l-4.1-1.4L19.8,27z"></path>
+</svg>
\ No newline at end of file