diff --git a/src/app/about/page.jsx b/src/app/about/page.jsx
index 75276d48..0ea5da28 100644
--- a/src/app/about/page.jsx
+++ b/src/app/about/page.jsx
@@ -104,14 +104,14 @@ export default function About() {
   // ── gradient fill factory ────────────────────────────────────────────────
   const getGradient = (ctx, chartArea) => {
     const gradient = ctx.createLinearGradient(0, chartArea.top, 0, chartArea.bottom);
-    gradient.addColorStop(0,   'rgba(0,132,61,0.35)');
+    gradient.addColorStop(0, 'rgba(0,132,61,0.35)');
     gradient.addColorStop(0.5, 'rgba(0,132,61,0.12)');
-    gradient.addColorStop(1,   'rgba(0,132,61,0.0)');
+    gradient.addColorStop(1, 'rgba(0,132,61,0.0)');
     return gradient;
   };
 
   const rawData = [4, 8, 12, 9, 9, 11, 8, 6, 18, 22];
-  const labels  = ['2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024', '2025'];
+  const labels = ['2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024', '2025'];
 
   const data = {
     labels,
@@ -216,13 +216,17 @@ export default function About() {
               animate={{ opacity: 1 }}
               transition={{ duration: 0.8, delay: 0.2 }}
             >
-              <h5 className='font-bold text-3xl md:text-4xl text-zinc-900 dark:text-zinc-100 font-mono leading-tight mb-6 text-center'> 
-                    Get to know our <span className="text-[#00843D] dark:text-yellow-400">Community</span>
-                    </h5>
+              <h5 className='font-bold text-3xl md:text-4xl text-zinc-900 dark:text-zinc-100 font-mono leading-tight mb-6 text-center'>
+                Get to know our <span className="text-[#00843D] dark:text-yellow-400">Community</span>
+              </h5>
               <span className="text-[#32a852] font-bold">AOSSIE</span> (Australian Open
               Source Software Innovation and Education) is a not-for-profit
               organization dedicated to project-based innovation-focused and
               research-intensive education. Our projects are free and open-source.
+              <br />
+              <Link href="https://opencollective.com/aossie" target="_blank" rel="noopener noreferrer" className="inline-block mt-4 text-[#00843D] dark:text-yellow-400 font-bold hover:underline">
+                Support our work on Open Collective →
+              </Link>
             </motion.p>
           </div>
 
@@ -259,12 +263,12 @@ export default function About() {
               }}
             >
               {[
-                { value: stats.years,             label: 'years' },
-                { value: stats.projects,           label: 'projects' },
-                { value: 203,                      label: 'repos' },
-                { value: '88',                     label: 'mentors' },
+                { value: stats.years, label: 'years' },
+                { value: stats.projects, label: 'projects' },
+                { value: 203, label: 'repos' },
+                { value: '88', label: 'mentors' },
                 { value: `${stats.contributors}+`, label: 'contributors' },
-                { value: '7500+',                  label: 'community members' },
+                { value: '7500+', label: 'community members' },
               ].map((item, index) => (
                 <motion.div
                   key={index}
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 220fcdda..cf0ffde2 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -46,7 +46,7 @@ export default function Home() {
 
           {/* Main Content */}
           <div className="flex flex-col lg:flex-row relative z-10 mb-16 gap-12 items-center">
-            <motion.div 
+            <motion.div
               initial={{ opacity: 0, scale: 0.5 }}
               animate={{ opacity: 1, scale: 1 }}
               transition={{ duration: 0.8 }}
@@ -63,7 +63,7 @@ export default function Home() {
             </motion.div>
             <div className="flex-1 w-full lg:pl-4">
               <div className="max-w-2xl mx-auto lg:mx-0">
-                <motion.h1 
+                <motion.h1
                   initial={{ opacity: 0, x: 50 }}
                   animate={{ opacity: 1, x: 0 }}
                   transition={{ duration: 0.8, delay: 0.2 }}
@@ -71,7 +71,7 @@ export default function Home() {
                 >
                   We Innovate <br /> We Educate
                 </motion.h1>
-                <motion.p 
+                <motion.p
                   initial={{ opacity: 0 }}
                   animate={{ opacity: 1 }}
                   transition={{ duration: 0.8, delay: 0.4 }}
@@ -82,7 +82,7 @@ export default function Home() {
                   provides a resource-efficient channel to transfer knowledge and
                   achieve innovation and education.
                 </motion.p>
-                <motion.div 
+                <motion.div
                   initial={{ opacity: 0, y: 20 }}
                   animate={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.8, delay: 0.6 }}
@@ -142,114 +142,129 @@ export default function Home() {
                   >
                     <FontAwesomeIcon icon={faYoutube} size="2xl" />
                   </Link>
-                
+
                 </motion.div>
-                <motion.div 
+                <motion.div
                   initial={{ opacity: 0, y: 20 }}
                   animate={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.8, delay: 0.8 }}
                   className="mt-12 mx-4 md:mx-0 md:mt-8 text-center lg:text-left relative lg:top-[20px]"
                 >
-                  <Link href="/about" className="group relative inline-block text-lg">
-                    <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
+                  <div className="flex flex-wrap gap-4 justify-center lg:justify-start">
+                    <Link href="/about" className="group relative inline-block text-lg">
+                      <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>
-                    <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"
-                    ></span>
-                  </Link>
+                      <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"
+                      ></span>
+                    </Link>
+                    <Link href="https://opencollective.com/aossie" target="_blank" rel="noopener noreferrer" className="group relative inline-block text-lg">
+                      <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">
+                          Support Our Work
+                        </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"
+                      ></span>
+                    </Link>
+                  </div>
                 </motion.div>
               </div>
             </div>
           </div>
         </div>
       </Container.Outer>
-        
-        <Stats />
 
-        {/* Projects Section */}
-        <Container className="mt-24 mb-20">
-          <div className="space-y-10 ">
-            <div className="flex text-center items-center justify-center">
-              <div className=" relative top-2 hidden h-12 w-12 translate-x-px transform items-center justify-center rounded-full bg-[#00843D] p-2 dark:bg-yellow-400 md:flex">
-                <svg
-                  aria-hidden="true"
-                  role="img"
-                  className="scale-125 font-extrabold text-white dark:text-black"
-                  viewBox="0 0 24 24"
-                  width="24"
-                  height="24"
-                  fill="currentColor"
-                >
-                  <path d="M7.25 6a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5A.75.75 0 007.25 6zM12 6a.75.75 0 00-.75.75v4.5a.75.75 0 001.5 0v-4.5A.75.75 0 0012 6zm4 .75a.75.75 0 011.5 0v9.5a.75.75 0 01-1.5 0v-9.5z"></path>
-                  <path
-                    fillRule="evenodd"
-                    d="M3.75 2A1.75 1.75 0 002 3.75v16.5c0 .966.784 1.75 1.75 1.75h16.5A1.75 1.75 0 0022 20.25V3.75A1.75 1.75 0 0020.25 2H3.75zM3.5 3.75a.25.25 0 01.25-.25h16.5a.25.25 0 01.25.25v16.5a.25.25 0 01-.25.25H3.75a.25.25 0 01-.25-.25V3.75z"
-                  ></path>
-                </svg>
-              </div>
-              <div className="col-span-8 mt-3 self-center lg:col-start-2">
-                <h1 className="font-mono pl-3 text-5xl font-black capitalize tracking-tighter text-zinc-800 dark:text-white">
-                  Our Projects
-                </h1>
-              </div>
-            </div>
+      <Stats />
 
-            <p className=" font-mono text-lg text-zinc-600 dark:text-zinc-400 text-center ">
-              Our Projects span a wide range of themes, such as: 
-              open money; decentralized economic and financial stability; 
-              trust; education; sustainability; communication; governance and management; 
-              and user-empowering sunny tools.
-            </p>
-          </div>
-          <div className="mt-10">
-            <Container.Inner>
-              <div className="grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3 justify-items-center">
-                {randomProjects.map((project) => (
-                  <div key={project.name} className="w-full max-w-[18rem] sm:max-w-none">
-                    <CardEffect
-                      heading={project.name}
-                      logo={project.logo}
-                      content={project.description}
-                    />
-                  </div>
-                ))}
-              </div>
-            </Container.Inner>
+      {/* Projects Section */}
+      <Container className="mt-24 mb-20">
+        <div className="space-y-10 ">
+          <div className="flex text-center items-center justify-center">
+            <div className=" relative top-2 hidden h-12 w-12 translate-x-px transform items-center justify-center rounded-full bg-[#00843D] p-2 dark:bg-yellow-400 md:flex">
+              <svg
+                aria-hidden="true"
+                role="img"
+                className="scale-125 font-extrabold text-white dark:text-black"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                fill="currentColor"
+              >
+                <path d="M7.25 6a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5A.75.75 0 007.25 6zM12 6a.75.75 0 00-.75.75v4.5a.75.75 0 001.5 0v-4.5A.75.75 0 0012 6zm4 .75a.75.75 0 011.5 0v9.5a.75.75 0 01-1.5 0v-9.5z"></path>
+                <path
+                  fillRule="evenodd"
+                  d="M3.75 2A1.75 1.75 0 002 3.75v16.5c0 .966.784 1.75 1.75 1.75h16.5A1.75 1.75 0 0022 20.25V3.75A1.75 1.75 0 0020.25 2H3.75zM3.5 3.75a.25.25 0 01.25-.25h16.5a.25.25 0 01.25.25v16.5a.25.25 0 01-.25.25H3.75a.25.25 0 01-.25-.25V3.75z"
+                ></path>
+              </svg>
+            </div>
+            <div className="col-span-8 mt-3 self-center lg:col-start-2">
+              <h1 className="font-mono pl-3 text-5xl font-black capitalize tracking-tighter text-zinc-800 dark:text-white">
+                Our Projects
+              </h1>
+            </div>
           </div>
-          <div className="mt-12 text-center">
-            <Link
-              target="_blank"
-              className="group relative inline-flex items-center overflow-hidden rounded-lg bg-[#00843D] px-8 py-3 text-white focus:outline-none active:bg-[#00843D] dark:bg-yellow-400 dark:text-zinc-900"
-              href="/projects"
-            >
-              <span className="absolute right-0 flex-shrink-0 translate-x-full rounded-full border border-current bg-white p-1 text-black transition-transform group-hover:-translate-x-4">
-                <svg
-                  className="h-5 w-5"
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="2"
-                    d="M17 8l4 4m0 0l-4 4m4-4H3"
+
+          <p className=" font-mono text-lg text-zinc-600 dark:text-zinc-400 text-center ">
+            Our Projects span a wide range of themes, such as:
+            open money; decentralized economic and financial stability;
+            trust; education; sustainability; communication; governance and management;
+            and user-empowering sunny tools.
+          </p>
+        </div>
+        <div className="mt-10">
+          <Container.Inner>
+            <div className="grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3 justify-items-center">
+              {randomProjects.map((project) => (
+                <div key={project.name} className="w-full max-w-[18rem] sm:max-w-none">
+                  <CardEffect
+                    heading={project.name}
+                    logo={project.logo}
+                    content={project.description}
                   />
-                </svg>
-              </span>
-              <span className="font-mono font-semibold transition-all group-hover:mr-6">
-                View All Projects
-              </span>
-            </Link>
-          </div>
-        </Container>
+                </div>
+              ))}
+            </div>
+          </Container.Inner>
+        </div>
+        <div className="mt-12 text-center">
+          <Link
+            target="_blank"
+            className="group relative inline-flex items-center overflow-hidden rounded-lg bg-[#00843D] px-8 py-3 text-white focus:outline-none active:bg-[#00843D] dark:bg-yellow-400 dark:text-zinc-900"
+            href="/projects"
+          >
+            <span className="absolute right-0 flex-shrink-0 translate-x-full rounded-full border border-current bg-white p-1 text-black transition-transform group-hover:-translate-x-4">
+              <svg
+                className="h-5 w-5"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="2"
+                  d="M17 8l4 4m0 0l-4 4m4-4H3"
+                />
+              </svg>
+            </span>
+            <span className="font-mono font-semibold transition-all group-hover:mr-6">
+              View All Projects
+            </span>
+          </Link>
+        </div>
+      </Container>
 
 
       <Container.Outer className="mt-28">
diff --git a/src/components/apply/ApplyHeader.jsx b/src/components/apply/ApplyHeader.jsx
index bf00e6e9..e22397f9 100644
--- a/src/components/apply/ApplyHeader.jsx
+++ b/src/components/apply/ApplyHeader.jsx
@@ -46,6 +46,12 @@ export function ApplyHeader({ children }) {
                     <p className='text-zinc-600 dark:text-zinc-400 text-lg font-mono leading-8 max-w-4xl text-center'>
                         Our application timeline is your step-by-step guide to becoming a part of our open-source community and contributing to projects that are shaping the future of technology. From submitting your proposal to final evaluations, we&apos;ll walk you through the process every step of the way. Don&apos;t miss this opportunity to be a part of something great and apply now!
                     </p>
+                    <p className='text-zinc-500 dark:text-zinc-500 text-sm font-mono mt-4'>
+                        Want to help us keep these projects free and open-source?{' '}
+                        <Link href="https://opencollective.com/aossie" target="_blank" rel="noopener noreferrer" className="text-[#00843D] dark:text-yellow-400 font-bold hover:underline">
+                            Support us on Open Collective
+                        </Link>
+                    </p>
                 </motion.div>
 
                 {/* Horizontal Timeline Steps */}
diff --git a/src/components/ideas/IdeasHeader.jsx b/src/components/ideas/IdeasHeader.jsx
index 9b3054bc..b7f4945f 100644
--- a/src/components/ideas/IdeasHeader.jsx
+++ b/src/components/ideas/IdeasHeader.jsx
@@ -5,65 +5,73 @@ import { Container } from '@/components/shared/Container'
 import Link from 'next/link'
 
 export function IdeasHeader({ validIdeasData, currentYear = 2025, children }) {
-    return (
-        <Container className="mt-20 mb-28">
-            <motion.div 
-              initial={{ opacity: 0, scale: 0.9 }}
-              animate={{ opacity: 1, scale: 1 }}
-              transition={{ duration: 0.8 }}
-              className="ideas-text flex items-center justify-center pt-5 relative"
-            >
-                <h5 className='font-bold text-3xl md:text-4xl text-zinc-900 dark:text-zinc-100 font-mono leading-tight mb-6 text-center'> 
-                  <span className="text-[#00843D] dark:text-yellow-400">Think.</span> Build. Ship.
-                </h5>
-            </motion.div>
-            <motion.p 
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.8, delay: 0.2 }}
-              className="font-mono text-lg leading-7 text-zinc-600 dark:text-zinc-400 text-center max-w-4xl mx-auto"
-            >
-              Explore the world of open-source possibilities with AOSSIE&apos;s{' '}
-              <b>Idea List</b>. As part of{' '}
-              <b>Google Summer of Code {currentYear}</b>, we offer
-              a unique opportunity for developers to explore new ideas, a wide
-              variety of projects for developers to choose from and contribute to.
-              From developing new features to fixing critical bugs, our idea list
-              is your go-to destination for finding your next big project and
-              kickstart your open-source journey.
-            </motion.p>
-            <Container.Inner>
-              <div className="mt-10 sm:mt-20">
-                 {children}
-              </div>
+  return (
+    <Container className="mt-20 mb-28">
+      <motion.div
+        initial={{ opacity: 0, scale: 0.9 }}
+        animate={{ opacity: 1, scale: 1 }}
+        transition={{ duration: 0.8 }}
+        className="ideas-text flex items-center justify-center pt-5 relative"
+      >
+        <h5 className='font-bold text-3xl md:text-4xl text-zinc-900 dark:text-zinc-100 font-mono leading-tight mb-6 text-center'>
+          <span className="text-[#00843D] dark:text-yellow-400">Think.</span> Build. Ship.
+        </h5>
+      </motion.div>
+      <motion.p
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.8, delay: 0.2 }}
+        className="font-mono text-lg leading-7 text-zinc-600 dark:text-zinc-400 text-center max-w-4xl mx-auto"
+      >
+        Explore the world of open-source possibilities with AOSSIE&apos;s{' '}
+        <b>Idea List</b>. As part of{' '}
+        <b>Google Summer of Code {currentYear}</b>, we offer
+        a unique opportunity for developers to explore new ideas, a wide
+        variety of projects for developers to choose from and contribute to.
+        From developing new features to fixing critical bugs, our idea list
+        is your go-to destination for finding your next big project and
+        kickstart your open-source journey.
+      </motion.p>
+      <Container.Inner>
+        <div className="mt-10 sm:mt-20">
+          {children}
+        </div>
 
-              <motion.div 
-                initial={{ opacity: 0, y: 50 }}
-                whileInView={{ opacity: 1, y: 0 }}
-                viewport={{ once: true }}
-                transition={{ duration: 0.8 }}
-                className="mt-20 py-12 bg-zinc-50 dark:bg-zinc-800/20 rounded-2xl text-center"
-              >
-                <h2 className="text-3xl font-extrabold font-mono text-zinc-900 dark:text-zinc-100">
-                  Have an Idea?
-                </h2>
-                <p className="mt-4 text-lg text-zinc-600 dark:text-zinc-400 font-mono max-w-2xl mx-auto px-4">
-                  We are always open to new and innovative ideas. If you have a project in mind that aligns with our mission, we&apos;d love to hear from you.
-                </p>
-                <motion.div 
-                  className="mt-8"
-                  whileHover={{ scale: 1.05 }}
-                  whileTap={{ scale: 0.95 }}
-                >
-                  <Link
-                    href="mailto:aossie.oss@gmail.com"
-                    className="inline-block rounded-md border border-transparent bg-[#00843D] px-8 py-3 text-base font-medium text-white hover:bg-[#006e32] md:py-4 md:px-10 md:text-lg font-mono dark:bg-yellow-400 dark:text-black dark:hover:bg-yellow-500 transition-colors"
-                  >
-                    Submit Your Idea
-                  </Link>
-                </motion.div>
-              </motion.div>
-            </Container.Inner>
-        </Container>
-    )
+        <motion.div
+          initial={{ opacity: 0, y: 50 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.8 }}
+          className="mt-20 py-12 bg-zinc-50 dark:bg-zinc-800/20 rounded-2xl text-center"
+        >
+          <h2 className="text-3xl font-extrabold font-mono text-zinc-900 dark:text-zinc-100">
+            Have an Idea?
+          </h2>
+          <p className="mt-4 text-lg text-zinc-600 dark:text-zinc-400 font-mono max-w-2xl mx-auto px-4">
+            We are always open to new and innovative ideas. If you have a project in mind that aligns with our mission, we&apos;d love to hear from you.
+          </p>
+          <motion.div
+            className="mt-8"
+            whileHover={{ scale: 1.05 }}
+            whileTap={{ scale: 0.95 }}
+          >
+            <Link
+              href="mailto:aossie.oss@gmail.com"
+              className="inline-block rounded-md border border-transparent bg-[#00843D] px-8 py-3 text-base font-medium text-white hover:bg-[#006e32] md:py-4 md:px-10 md:text-lg font-mono dark:bg-yellow-400 dark:text-black dark:hover:bg-yellow-500 transition-colors"
+            >
+              Submit Your Idea
+            </Link>
+          </motion.div>
+          <div className="mt-8">
+            <p className="text-sm text-zinc-500 dark:text-zinc-400 font-mono">
+              Want to support our mission?{' '}
+              <Link href="https://opencollective.com/aossie" target="_blank" rel="noopener noreferrer" className="text-[#00843D] dark:text-yellow-400 font-bold hover:underline">
+                Support us on Open Collective
+              </Link>
+            </p>
+          </div>
+        </motion.div>
+      </Container.Inner>
+    </Container>
+  )
 }
diff --git a/src/components/shared/Footer.jsx b/src/components/shared/Footer.jsx
index 18a3b007..097e1eee 100644
--- a/src/components/shared/Footer.jsx
+++ b/src/components/shared/Footer.jsx
@@ -32,10 +32,10 @@ export function Footer() {
         <div className="border-t border-zinc-100 pb-12 pt-16 dark:border-zinc-700/40">
           <Container.Inner>
             <div className="grid grid-cols-1 gap-8 md:grid-cols-4 lg:gap-12">
-              
+
               {/* Brand and Description */}
               <div className="md:col-span-2">
-                <h3 className="font-mono text-xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">AOSSIE</h3> 
+                <h3 className="font-mono text-xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">AOSSIE</h3>
                 <p className="text-sm text-zinc-600 dark:text-zinc-400 font-mono max-w-md leading-relaxed">
                   AOSSIE is a not-for-profit organization dedicated to project-based innovation-focused and research-intensive education.
                 </p>
@@ -43,16 +43,17 @@ export function Footer() {
 
               {/* Navigation Links */}
               <div>
-                 <h3 className="font-mono text-sm font-semibold text-zinc-900 dark:text-zinc-100 tracking-wider uppercase mb-4">Navigation</h3>
-                 <div className="flex flex-col gap-3 font-mono text-sm text-zinc-600 dark:text-zinc-400">
-                    <NavLink href="/about">About Us</NavLink>
-                    <NavLink href="/projects">Our Projects</NavLink>
-                    <NavLink href="/ideas">Project Ideas</NavLink>
-                    <NavLink href="/apply">How to Apply</NavLink>
-                 </div>
+                <h3 className="font-mono text-sm font-semibold text-zinc-900 dark:text-zinc-100 tracking-wider uppercase mb-4">Navigation</h3>
+                <div className="flex flex-col gap-3 font-mono text-sm text-zinc-600 dark:text-zinc-400">
+                  <NavLink href="/about">About Us</NavLink>
+                  <NavLink href="/projects">Our Projects</NavLink>
+                  <NavLink href="/ideas">Project Ideas</NavLink>
+                  <NavLink href="/apply">How to Apply</NavLink>
+                  <NavLink href="https://opencollective.com/aossie">Support Us</NavLink>
+                </div>
               </div>
 
-               {/* Social Links */}
+              {/* Social Links */}
               <div>
                 <h3 className="font-mono text-sm font-semibold text-zinc-900 dark:text-zinc-100 tracking-wider uppercase mb-4">Connect</h3>
                 <div className="flex flex-wrap gap-6">
diff --git a/src/components/shared/Header.jsx b/src/components/shared/Header.jsx
index f48c5581..d62fc454 100644
--- a/src/components/shared/Header.jsx
+++ b/src/components/shared/Header.jsx
@@ -135,6 +135,7 @@ function MobileNavigation(props) {
                 <MobileNavItem href="/apply">Apply</MobileNavItem>
                 <MobileNavItem href="https://github.com/AOSSIE-Org">GitHub</MobileNavItem>
                 <MobileNavItem href="https://discord.gg/hjUhu33uAn">Discord</MobileNavItem>
+                <MobileNavItem href="https://opencollective.com/aossie">Support Us</MobileNavItem>
               </ul>
             </nav>
           </Popover.Panel>
@@ -177,6 +178,7 @@ function DesktopNavigation(props) {
         <NavItem href="/ideas">Ideas</NavItem>
         <NavItem href="/apply">Apply</NavItem>
         <NavItem href="https://github.com/AOSSIE-Org">GitHub</NavItem>
+        <NavItem href="https://opencollective.com/aossie">Support Us</NavItem>
       </ul>
     </nav>
   )
@@ -193,16 +195,16 @@ function ModeToggle() {
   useEffect(() => {
     setMounted(true)
     setIsDarkMode(document.documentElement.classList.contains('dark'))
-    
+
     const observer = new MutationObserver(() => {
       setIsDarkMode(document.documentElement.classList.contains('dark'))
     })
-    
+
     observer.observe(document.documentElement, {
       attributes: true,
       attributeFilter: ['class'],
     })
-    
+
     return () => observer.disconnect()
   }, [])
 
@@ -439,9 +441,9 @@ export function Header() {
           >
             <div className="relative flex gap-4">
               <div className="flex flex-1">
-                  <HomeContainer>
-                    <Home />
-                  </HomeContainer>
+                <HomeContainer>
+                  <Home />
+                </HomeContainer>
               </div>
               <div className="flex flex-1 justify-end md:justify-center">
                 <MobileNavigation className="pointer-events-auto md:hidden" />