Added the official AOSSIE YouTube channel link to the footer social icons and included it in the README under a “Connect With Us” section. This improves visibility of AOSSIE’s content and keeps the project’s social links consistent. Thank you for the opportunity to contribute!

README.md

@@ -96,7 +96,14 @@ We welcome contributions! Please see the [AOSSIE contribution guidelines](https:
 2.  Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
 3.  Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
 4.  Push the branch to your fork (git push origin feature/AmazingFeature)
-5.  Open a Pull Request against `Resonate-Website:dev` 
+5.  Open a Pull Request against `Resonate-Website:dev`
+
+## 🔗 Connect With Us
+
+- GitHub: https://github.com/AOSSIE-Org
+- X (Twitter): https://x.com/aossie_org
+- LinkedIn: https://www.linkedin.com/company/aossie
+- YouTube: https://youtube.com/@AOSSIE
 
 ## 📄 License
 

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 = () => {
@@ -39,6 +39,9 @@ const About = () => {
             <a href="https://x.com/aossie_org">
               <BsTwitterX />
             </a>
+            <a href="https://youtube.com/@AOSSIE" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
+             <FaYoutube />
+            </a>
           </div>
         </div>
       </div>

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://youtube.com/@AOSSIE"
+            rel="noopener noreferrer"
+           target="_blank"
+           aria-label="YouTube"
+          >
+          <FaYoutube />
+          </a>
         </div>
       </div>
     </footer>

app/components/Layout/NavBar/index.jsx

@@ -1,7 +1,7 @@
 "use client";
 import React, { useState } from "react";
 import "./Navbar.css";
-import { FaGithub, FaExternalLinkAlt } from "react-icons/fa";
+import { FaGithub, FaExternalLinkAlt , FaYoutube} from "react-icons/fa";
 import Logo from "@/assets/resonate_logo_white.svg";
 
 const Navbar = () => {
@@ -60,6 +60,17 @@ const Navbar = () => {
           >
             <FaGithub size={20} />
           </a>
+          <a
+           href="https://youtube.com/@AOSSIE"
+           target="_blank"
+           rel="noopener noreferrer"
+           className="nav-link"
+           onClick={handleLinkClick}
+           aria-label="YouTube"
+          >
+            <FaYoutube size={20} />
+          </a>
+
 
           <a
             href="https://play.google.com/store/apps/details?id=com.resonate.resonate"

app/layout.js

@@ -18,8 +18,12 @@ export const metadata = {
     apple: "/logo192.png",
   },
   manifest: "/manifest.json",
+};
+
+export const viewport = {
   themeColor: "#000000",
-  viewport: "width=device-width, initial-scale=1",
+  width: "device-width",
+  initialScale: 1,
 };
 
 export default function RootLayout({ children }) {