diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index ea36f59c..d6954d0c 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -3,7 +3,7 @@ import Link from 'next/link'
 import { Container } from '@/components/Container'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
-import { faDiscord, faGithub, faGitlab, faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faDiscord, faGithub, faGitlab, faXTwitter } from '@fortawesome/free-brands-svg-icons'
 
 function NavLink({ href, children }) {
   return (
@@ -33,20 +33,40 @@ export function Footer() {
                 © 2016-2025 AOSSIE. All rights reserved.
               </p>
               <div className="flex gap-6">
-                <Link aria-label="Contact by Mail" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='mailto:aossie.oss@gmail.com'>
-                  <FontAwesomeIcon icon={faEnvelope} size='xl' />
+                <a
+                  aria-label="Contact by Mail"
+                  className="text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition"
+                  href="mailto:aossie.oss@gmail.com"
+                >
+                  <FontAwesomeIcon icon={faEnvelope} size="xl" />
+                </a>
+                <Link
+                  aria-label="Follow on GitLab"
+                  className="text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition"
+                  href="https://gitlab.com/aossie"
+                >
+                  <FontAwesomeIcon icon={faGitlab} size="xl" />
                 </Link>
-                <Link aria-label="Follow on GitLab" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://gitlab.com/aossie'>
-                  <FontAwesomeIcon icon={faGitlab} size='xl' />
+                <Link
+                  aria-label="Follow on GitHub"
+                  className="text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition"
+                  href="https://github.com/AOSSIE-Org"
+                >
+                  <FontAwesomeIcon icon={faGithub} size="xl" />
                 </Link>
-                <Link aria-label="Follow on GitHub" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://github.com/AOSSIE-Org'>
-                  <FontAwesomeIcon icon={faGithub} size='xl' />
+                <Link
+                  aria-label="Join on Discord"
+                  className="text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition"
+                  href="https://discord.gg/hjUhu33uAn"
+                >
+                  <FontAwesomeIcon icon={faDiscord} size="xl" />
                 </Link>
-                <Link aria-label="Join on Discord" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://discord.gg/hjUhu33uAn'>
-                  <FontAwesomeIcon icon={faDiscord} size='xl' />
-                </Link>
-                <Link aria-label="Follow on Twitter" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://twitter.com/aossie_org'>
-                  <FontAwesomeIcon icon={faTwitter} size='xl' />
+                <Link
+                  aria-label="Follow on Twitter"
+                  className="text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition"
+                  href="https://twitter.com/aossie_org"
+                >
+                  <FontAwesomeIcon icon={faXTwitter} size="xl" />
                 </Link>
               </div>
             </div>
diff --git a/src/config/orgStats.js b/src/config/orgStats.js
new file mode 100644
index 00000000..f5f97177
--- /dev/null
+++ b/src/config/orgStats.js
@@ -0,0 +1,5 @@
+export const orgStats = {
+  activeProjects: 34,
+  totalContributors: 500,
+  communityCount: 3800,
+}
diff --git a/src/pages/about.jsx b/src/pages/about.jsx
index 88c1768c..0b83a7b7 100644
--- a/src/pages/about.jsx
+++ b/src/pages/about.jsx
@@ -5,6 +5,7 @@ import { Container } from '@/components/Container';
 import { Banner } from '@/components/Banner';
 import React from 'react';
 import { Line } from 'react-chartjs-2';
+import { orgStats } from '@/config/orgStats'
 import { Chart as ChartJS, LineElement, CategoryScale, LinearScale, PointElement } from 'chart.js';
 
 ChartJS.register(LineElement, CategoryScale, LinearScale, PointElement);
@@ -143,7 +144,7 @@ export default function About() {
       </Head>
 
       <section style={styles.section}>
-        <h1 style={{ marginBottom: '20px' }} className="font-mono text-6xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 sm:text-6xl md:text-5xl lg:text-6xl">
+        <h1 style={{ marginBottom: '20px' }} className="font-mono text-6xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 md:text-5xl lg:text-6xl">
           ABOUT
         </h1>
         <p className="text-zinc-600 dark:text-zinc-400 text-lg font-mono leading-7">
@@ -154,15 +155,21 @@ export default function About() {
         </p>
         <div style={styles.stats}>
           <div className="text-green-600 dark:text-zinc-400 text-lg font-mono leading-7 font-bold">
-            <h2 style={styles.statNumber}>34+</h2>
+            <h2 style={styles.statNumber}>
+              {orgStats.activeProjects}+
+            </h2>
             <p style={styles.statLabel}>Active Projects</p>
           </div>
           <div className="text-green-600 dark:text-zinc-400 text-lg font-mono leading-7 font-bold">
-            <h2 style={styles.statNumber}>500+</h2>
+            <h2 style={styles.statNumber}>
+              {orgStats.totalContributors}+
+           </h2>
             <p style={styles.statLabel}>Total Contributors</p>
           </div>
           <div className="text-green-600 dark:text-zinc-400 text-lg font-mono leading-7 font-bold">
-            <h2 style={styles.statNumber}>3800+</h2>
+            <h2 style={styles.statNumber}>
+              {orgStats.communityCount}+
+            </h2>
             <p style={styles.statLabel}>Community Count</p>
           </div>
         </div>
@@ -179,7 +186,7 @@ export default function About() {
           }}
         >
           <div className='m-3 w-[60px] h-[60px]  bg-cover bg-[url("/contribution.png")] dark:bg-[url("/contribution-dark.png")]'></div>
-          <h1 className="font-mono text-2xl md:text-6xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 sm:text-6xl md:text-5xl lg:text-6xl">
+          <h1 className="font-mono text-2xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 sm:text-6xl lg:text-6xl">
             GSOC CONTRIBUTION
           </h1>
         </div>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 14e063cd..bdac3a7d 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,3 +1,4 @@
+import { orgStats } from '@/config/orgStats'
 import Head from 'next/head'
 import Link from 'next/link'
 import Image from 'next/image'
@@ -10,7 +11,7 @@ import {
   faDiscord,
   faGithub,
   faGitlab,
-  faTwitter,
+  faXTwitter,
 } from '@fortawesome/free-brands-svg-icons'
 import { CardEffect } from '@/components/CardEffect'
 import { Banner } from '@/components/Banner'
@@ -59,13 +60,13 @@ export default function Home() {
                   achieve innovation and education.
                 </p>
                 <div className="mt-6 ml-4 flex gap-6">
-                  <Link
-                    aria-label="Contact by Mail"
-                    className="text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
-                    href="mailto:aossie.oss@gmail.com"
-                  >
-                    <FontAwesomeIcon icon={faEnvelope} size="2xl" />
-                  </Link>
+                  <a
+                     aria-label="Contact by Mail"
+                     href="mailto:aossie.oss@gmail.com"
+                     className="text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
+                      >
+                      <FontAwesomeIcon icon={faEnvelope} size="2xl" />
+                  </a>
                   <Link
                     aria-label="Follow on GitLab"
                     className="text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
@@ -92,7 +93,7 @@ export default function Home() {
                     className="text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
                     href="https://twitter.com/aossie_org"
                   >
-                    <FontAwesomeIcon icon={faTwitter} size="2xl" />
+                    <FontAwesomeIcon icon={faXTwitter} size="2xl" />
                   </Link>
                 </div>
                 <div className="mt-12 mx-4 md:mx-0 md:mt-8 text-left ">
@@ -100,10 +101,9 @@ export default function Home() {
                     <span className="relative z-10 block overflow-hidden rounded-lg border-2 border-gray-900 px-5 py-3 transition-colors duration-300 ease-in-out group-hover:text-white dark:group-hover:text-black">
                       <span className="absolute inset-0 h-full w-full rounded-lg bg-white px-5 py-3"></span>
                       <span className="absolute left-0 -ml-2 h-48 w-72 origin-top-right -translate-x-full translate-y-12 -rotate-90 bg-[#00843D] transition-all duration-300 ease-in-out group-hover:-rotate-180 dark:bg-yellow-400"></span>
-                      <span className="relative font-mono text-xl font-black tracking-tighter">
-                        Learn More About Us
-                      </span>
-                    </span>
+                      <span className="absolute bottom-0 right-0 mb-3 mr-2 h-14 w-full rounded-lg bg-[#00843D] transition-transform duration-200 ease-linear will-change-transform group-hover:-translate-x-2 group-hover:-translate-y-2 dark:bg-yellow-400" data-rounded="rounded-lg"> 
+</span>
+</span>
                     <span
                       className="absolute bottom-0 right-0 mb-3 mr-2 h-14 w-full rounded-lg bg-[#00843D] transition-all duration-200 ease-linear group-hover:m-0 dark:bg-yellow-400"
                       data-rounded="rounded-lg"
@@ -118,15 +118,21 @@ export default function Home() {
           <div className="hidden bg-[#3C982C] relative dark:text-black sm:flex flex-col md:flex-row justify-between p-4 sm:p-8 px-4 sm:px-16 text-center border border-white text-white dark:bg-yellow-400 z-20">
             <div className="mb-4 sm:mb-0">
               <h6 className="text-xl">Active Projects</h6>
-              <p className="font-semibold text-2xl">34+</p>
+              <p className="font-semibold text-2xl">
+                {orgStats.activeProjects}+
+              </p>
             </div>
             <div className="mb-4 sm:mb-0">
               <h6 className="text-xl">Total Contributors</h6>
-              <p className="font-semibold text-2xl">500+</p>
+              <p className="font-semibold text-2xl">
+                {orgStats.totalContributors}+
+              </p>
             </div>
             <div className="mb-4 sm:mb-0">
               <h6 className="text-xl">Community Count</h6>
-              <p className="font-semibold text-2xl">2000+</p>
+              <p className="font-semibold text-2xl">
+                {orgStats.communityCount}+
+              </p>
             </div>
           </div>