From d3c541370023de0eb060008580fe73aaeb90cf31 Mon Sep 17 00:00:00 2001
From: waseem <iamdwaseem@gmail.com>
Date: Sat, 21 Feb 2026 14:53:16 +0530
Subject: [PATCH 1/3] feat: add YouTube social link and update README

---
 README.md                      |  7 +++++++
 app/components/About/About.jsx | 16 ++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/README.md b/README.md
index c722eb7..e37f828 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 # Resonate Website
 
+[![YouTube](https://img.shields.io/badge/YouTube-Subscribe-red?logo=youtube)](https://www.youtube.com/@AOSSIE-Org)
+
 The official landing page for **Resonate** - an Open Source social voice platform maintained by [AOSSIE](https://aossie.org).
 
 ## About Resonate
@@ -88,6 +90,11 @@ app/
 └── globals.css        # Global styles
 ```
 
+## 🌐 Connect With Us
+
+Stay updated with our latest news and videos:
+- ▶️ **YouTube**: [Subscribe to AOSSIE](https://www.youtube.com/@AOSSIE-Org)
+
 ## 🤝 Contributing
 
 We welcome contributions! Please see the [AOSSIE contribution guidelines](https://github.com/AOSSIE/.github/blob/main/CONTRIBUTING.md) for more details.
diff --git a/app/components/About/About.jsx b/app/components/About/About.jsx
index 1e9a4ab..b50289e 100644
--- a/app/components/About/About.jsx
+++ b/app/components/About/About.jsx
@@ -39,6 +39,22 @@ const About = () => {
             <a href="https://x.com/aossie_org">
               <BsTwitterX />
             </a>
+            <a
+              href="https://www.youtube.com/@AOSSIE-Org"
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label="YouTube"
+            >
+              <svg
+                viewBox="0 0 576 512"
+                height="1em"
+                width="1em"
+                fill="currentColor"
+                stroke="currentColor"
+              >
+                <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.781 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" />
+              </svg>
+            </a>
           </div>
         </div>
       </div>

From c56f565f484f28d91244e73d32d14aa5ad92dd0d Mon Sep 17 00:00:00 2001
From: waseem <iamdwaseem@gmail.com>
Date: Sat, 21 Feb 2026 15:29:09 +0530
Subject: [PATCH 2/3] refactor: use react-icons FaYoutube instead of inline SVG

---
 app/components/About/About.jsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/app/components/About/About.jsx b/app/components/About/About.jsx
index b50289e..7935747 100644
--- a/app/components/About/About.jsx
+++ b/app/components/About/About.jsx
@@ -1,7 +1,7 @@
 import "./About.css";
 import AossieLogo from "../../assets/aossie_logo.png";
 import { SiGitlab } from "react-icons/si";
-import { FaEnvelope, FaGithub, FaDiscord } from "react-icons/fa";
+import { FaEnvelope, FaGithub, FaDiscord, FaYoutube } from "react-icons/fa";
 import { BsTwitterX } from "react-icons/bs";
 
 const About = () => {
@@ -45,20 +45,13 @@ const About = () => {
               rel="noopener noreferrer"
               aria-label="YouTube"
             >
-              <svg
-                viewBox="0 0 576 512"
-                height="1em"
-                width="1em"
-                fill="currentColor"
-                stroke="currentColor"
-              >
-                <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.781 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" />
-              </svg>
+              <FaYoutube />
             </a>
           </div>
         </div>
       </div>
     </section>
+
   );
 };
 

From fa3648a9cec84b775985c26965f2e7d41ae14ca4 Mon Sep 17 00:00:00 2001
From: waseem <iamdwaseem@gmail.com>
Date: Sat, 21 Feb 2026 15:58:08 +0530
Subject: [PATCH 3/3] refactor: use FaYoutube icon in footer for consistency

---
 app/components/Layout/Footer/index.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/components/Layout/Footer/index.jsx b/app/components/Layout/Footer/index.jsx
index c4be0e1..5d32efb 100644
--- a/app/components/Layout/Footer/index.jsx
+++ b/app/components/Layout/Footer/index.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import "./Footer.css";
-import { FaLinkedinIn, FaGithub } from "react-icons/fa";
+import { FaLinkedinIn, FaGithub, FaYoutube } from "react-icons/fa";
 import { BsTwitterX } from "react-icons/bs";
 
 const Footer = () => {
@@ -35,6 +35,14 @@ const Footer = () => {
           >
             <FaLinkedinIn />
           </a>
+          <a
+            href="https://www.youtube.com/@AOSSIE-Org"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="YouTube"
+          >
+            <FaYoutube />
+          </a>
         </div>
       </div>
     </footer>