fix(footer): footer can now run on npm run dev and render images

CONTRIBUTING.md

@@ -13,9 +13,9 @@ Please refer to the setup instructions provided in [README.md](README.md) to set
 Husky automatically runs quality checks on every commit.  
 **Do not remove or modify these hooks.** They exist to maintain code quality and prevent regressions.
 
-| Hook | Purpose |
-|------|----------|
-| `pre-commit` | Runs Next Lint and Prettier |
+| Hook         | Purpose                                                |
+| ------------ | ------------------------------------------------------ |
+| `pre-commit` | Runs Next Lint and Prettier                            |
 | `commit-msg` | Validates commit message format (Conventional Commits) |
 
 **Do not** commit with `--no-verify`.  
@@ -25,19 +25,18 @@ If a hook fails, fix the issue before retrying.
 
 We follow [conventional commit](https://www.conventionalcommits.org/en/v1.0.0/) messages.
 
-
 ## Pull Request Guidelines
 
 - Each pull request should focus on **a single, clear purpose** — a feature, fix, refactor, or documentation update. Avoid combining unrelated changes in one PR.
 - Before opening a PR, ensure **all local checks pass**:
-  
+
   ```bash
   npm run lint
   npm run format:fix
   npm run build
   ```
-- **Do not** deviate from the Pull Request format.
 
+- **Do not** deviate from the Pull Request format.
 
 ## Opening an Issue
 

README.md

@@ -13,11 +13,13 @@ git clone https://github.com/acmpesuecc/acmpesuecc.github.io.git
 cd acmpesuecc.github.io
 npm install
 ```
+
 ### Run the development server
 
 ```bash
 npm run dev
 ```
+
 Then, visit [http://localhost:3000](http://localhost:3000) on your browser
 
 ### Verify code quality
@@ -48,4 +50,3 @@ See the [LICENSE](LICENSE) file for more details.
 ## Maintainers(s)
 
 [**Achyuth Yogesh Sosale**](https://github.com/achyuthcodes30) - achyuthyogesh0@gmail.com
-

app/footer.tsx

@@ -0,0 +1,93 @@
+'use client';
+import Image from 'next/image';
+import { Roboto_Mono } from 'next/font/google';
+
+const roboto = Roboto_Mono({
+  subsets: ['latin'],
+  display: 'swap',
+  weight: '400'
+});
+
+export default function Footer() {
+  const socialLinks = [
+    {
+      href: 'https://github.com/acmpesuecc',
+      src: './github.png',
+      alt: 'GitHub'
+    },
+    {
+      href: 'https://www.instagram.com/acmpesuecc',
+      src: '/instagram.svg',
+      alt: 'Instagram'
+    },
+    {
+      href: 'https://www.linkedin.com/company/acm-pesu-ecc/',
+      src: '/linkedin.png',
+      alt: 'LinkedIn'
+    },
+    {
+      href: 'https://twitter.com/AcmPesu',
+      src: '/twitter.png',
+      alt: 'Twitter'
+    },
+    { href: 'mailto:acmpesuecc@pes.edu', src: '/mail-64.png', alt: 'Email' }
+  ]; // keeping all links in one place to make it organised
+
+  return (
+    // used flex to make the width and height adjustable and remove hardcoded width and height
+    <footer className="w-full border-t-2 border-white bg-black/30 text-white">
+      <div className="mx-auto flex max-w-7xl flex-col items-center justify-between px-6 py-6 md:flex-row md:space-x-8">
+        {/* Logos */}
+        <div className="flex items-center justify-center gap-8 md:justify-start">
+          <a href="/" className="relative h-12 w-28 md:h-14 md:w-32">
+            <Image
+              src="/acmpesuecc2.png"
+              alt="ACMfooterlogo"
+              fill
+              className="object-contain"
+            />
+          </a>
+          <a
+            href="https://maps.app.goo.gl/xrign5RWHsNNurfb9"
+            className="relative h-10 w-24 md:h-12 md:w-28"
+          >
+            <Image
+              src="/pes_logo_white.png"
+              alt="Pesulogo"
+              fill
+              className="object-contain"
+            />
+          </a>
+        </div>
+
+        {/* Center Icons */}
+        <div className="mt-6 flex flex-wrap justify-center gap-5 md:mt-0 md:justify-end md:gap-6">
+          {socialLinks.map((link) => (
+            <a
+              key={link.href}
+              href={link.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="transition-transform hover:scale-110"
+            >
+              <Image
+                src={link.src}
+                alt={link.alt}
+                width={28}
+                height={28}
+                className="object-contain md:h-8 md:w-8"
+              />
+            </a>
+          ))}
+        </div>
+
+        {/* Copyright */}
+        <p
+          className={`mt-6 text-center text-sm text-gray-200 md:mt-0 md:text-right md:text-base ${roboto.className}`}
+        >
+          © 2025 ACM PESUECC
+        </p>
+      </div>
+    </footer>
+  );
+}

app/layout.tsx

@@ -128,4 +128,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

yarn.lock

@@ -295,6 +295,26 @@
   dependencies:
     glob "10.3.10"
 
+"@next/swc-darwin-arm64@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.0.tgz"
+  integrity sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==
+
+"@next/swc-darwin-x64@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.0.tgz"
+  integrity sha512-1jgudN5haWxiAl3O1ljUS2GfupPmcftu2RYJqZiMJmmbBT5M1XDffjUtRUzP4W3cBHsrvkfOFdQ71hAreNQP6g==
+
+"@next/swc-linux-arm64-gnu@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.0.tgz"
+  integrity sha512-RHo7Tcj+jllXUbK7xk2NyIDod3YcCPDZxj1WLIYxd709BQ7WuRYl3OWUNG+WUfqeQBds6kvZYlc42NJJTNi4tQ==
+
+"@next/swc-linux-arm64-musl@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.0.tgz"
+  integrity sha512-v6kP8sHYxjO8RwHmWMJSq7VZP2nYCkRVQ0qolh2l6xroe9QjbgV8siTbduED4u0hlk0+tjS6/Tuy4n5XCp+l6g==
+
 "@next/swc-linux-x64-gnu@14.1.0":
   version "14.1.0"
   resolved "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.0.tgz"
@@ -305,6 +325,21 @@
   resolved "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.0.tgz"
   integrity sha512-rbaIYFt2X9YZBSbH/CwGAjbBG2/MrACCVu2X0+kSykHzHnYH5FjHxwXLkcoJ10cX0aWCEynpu+rP76x0914atg==
 
+"@next/swc-win32-arm64-msvc@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.0.tgz"
+  integrity sha512-o1N5TsYc8f/HpGt39OUQpQ9AKIGApd3QLueu7hXk//2xq5Z9OxmV6sQfNp8C7qYmiOlHYODOGqNNa0e9jvchGQ==
+
+"@next/swc-win32-ia32-msvc@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.0.tgz"
+  integrity sha512-XXIuB1DBRCFwNO6EEzCTMHT5pauwaSj4SWs7CYnME57eaReAKBXCnkUE80p/pAZcewm7hs+vGvNqDPacEXHVkw==
+
+"@next/swc-win32-x64-msvc@14.1.0":
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.0.tgz"
+  integrity sha512-9WEbVRRAqJ3YFVqEZIxUqkiO8l1nool1LmNxygr5HWF8AcSYsEpneUDhmjUVJEzO2A04+oPtZdombzzPPkTtgg==
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
@@ -1607,6 +1642,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"