From 240e7cb0b1670c13fac926ad21f9137e6490fd86 Mon Sep 17 00:00:00 2001
From: iamnikhilranjan <nikhil21907@gmail.com>
Date: Sat, 18 Oct 2025 17:25:51 +0530
Subject: [PATCH 1/5] fix: hncc-logo

---
 components/navbar/Navbar.js      |   2 +-
 components/navbar/Sidebar.js     |   2 +-
 {assets => public}/hncc-logo.png | Bin
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename {assets => public}/hncc-logo.png (100%)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index ea32e33..814ea58 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -4,7 +4,7 @@ import { HiMenuAlt4 } from 'react-icons/hi';
 import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Navbar.module.css';
-import Logo from '../../assets/hncc-logo.png';
+import Logo from '../../public/hncc-logo.png';
 import Button from '../button/Button';
 import Sidebar from './Sidebar';
 
diff --git a/components/navbar/Sidebar.js b/components/navbar/Sidebar.js
index f925915..4089232 100644
--- a/components/navbar/Sidebar.js
+++ b/components/navbar/Sidebar.js
@@ -4,7 +4,7 @@ import { CgClose } from 'react-icons/cg';
 import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Hamburger.module.css';
-import Logo from '../../assets/hncc-logo.png';
+import Logo from '../../public/hncc-logo.png';
 import Button from '../button/Button';
 
 const SpanStyle = {
diff --git a/assets/hncc-logo.png b/public/hncc-logo.png
similarity index 100%
rename from assets/hncc-logo.png
rename to public/hncc-logo.png

From 02d02eeb9749269c3961cda00442486a74f1b41d Mon Sep 17 00:00:00 2001
From: iamnikhilranjan <nikhil21907@gmail.com>
Date: Sat, 18 Oct 2025 21:48:43 +0530
Subject: [PATCH 2/5] fix: logo not showing in production

---
 components/associations/Associations.js | 14 ++++----------
 components/navbar/Navbar.js             |  7 +++++--
 components/navbar/Sidebar.js            |  7 +++++--
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/associations/Associations.js b/components/associations/Associations.js
index 56c8ace..4c946f6 100644
--- a/components/associations/Associations.js
+++ b/components/associations/Associations.js
@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import Image from 'next/image';
+// import Image from 'next/image';
 import Styles from './association.module.css';
 import BottomGlitter from '../StyledText/BottomGlitter';
 
@@ -14,10 +14,8 @@ function Associations() {
           <div className={Styles.associationMenu}>
             <div className={Styles.associationMenuItem}>
               <a href="#gdsc">
-                <Image
+                <img
                   className={Styles.associationImage}
-                  height="100%"
-                  width="100%"
                   src="/sponsors/gdsc.png"
                   alt="Google Developers Student Clubs, BIT Sindri"
                 />
@@ -25,10 +23,8 @@ function Associations() {
             </div>
             <div className={Styles.associationMenuItem}>
               <a href="#gfg">
-                <Image
+                <img
                   className={Styles.associationImage}
-                  height="100%"
-                  width="100%"
                   src="/sponsors/gfg.png"
                   alt="GeeksForGeeks Student Chapter, BIT Sindri"
                 />
@@ -36,10 +32,8 @@ function Associations() {
             </div>
             <div className={Styles.associationMenuItem}>
               <a href="#codechef">
-                <Image
+                <img
                   className={Styles.associationImage}
-                  height="100%"
-                  width="100%"
                   src="/sponsors/codechef.jpg"
                   alt="Codechef Student Chapter, BIT Sindri"
                 />
diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index 814ea58..b97e420 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -4,10 +4,12 @@ import { HiMenuAlt4 } from 'react-icons/hi';
 import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Navbar.module.css';
-import Logo from '../../public/hncc-logo.png';
+// ✅ Fixed: use logo from public path instead of importing
 import Button from '../button/Button';
 import Sidebar from './Sidebar';
 
+const Logo = '/hncc-logo.png';
+
 const SpanStyle = {
   zIndex: 1,
   color: 'inherit',
@@ -61,7 +63,8 @@ function Navbar() {
       <div>
         <Link href="/">
           <a className="flex items-center">
-            <Image src={Logo} alt="HnCC" height="60px" width="60px" />
+            {/* ✅ Fixed: use public path instead of imported file */}
+            <Image src={Logo} alt="HnCC" height="60" width="60" />
             <h2 id="hnccTitle" className={styles.navTitle}>
               Hackathon and Coding Club
             </h2>
diff --git a/components/navbar/Sidebar.js b/components/navbar/Sidebar.js
index 4089232..262199d 100644
--- a/components/navbar/Sidebar.js
+++ b/components/navbar/Sidebar.js
@@ -4,9 +4,11 @@ import { CgClose } from 'react-icons/cg';
 import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Hamburger.module.css';
-import Logo from '../../public/hncc-logo.png';
+// ✅ Fixed: use logo from public folder path
 import Button from '../button/Button';
 
+const Logo = '/hncc-logo.png';
+
 const SpanStyle = {
   zIndex: 1,
   color: 'inherit',
@@ -65,7 +67,8 @@ function Sidebar({ isMounted, unmount }) {
         <div>
           <Link href="/">
             <a className="flex items-center" onClick={unmount}>
-              <Image src={Logo} alt="HnCC" height="60px" width="60px" />
+              {/* ✅ Fixed: use public path for image */}
+              <Image src={Logo} alt="HnCC" height="60" width="60" />
             </a>
           </Link>
         </div>

From 5210af1c8063f1d1a42525e8f74a43133451a743 Mon Sep 17 00:00:00 2001
From: iamnikhilranjan <nikhil21907@gmail.com>
Date: Sat, 18 Oct 2025 22:18:15 +0530
Subject: [PATCH 3/5] fix: logo not showing in production

---
 components/navbar/Navbar.js  | 8 +++++++-
 components/navbar/Sidebar.js | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index b97e420..8395052 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -64,7 +64,13 @@ function Navbar() {
         <Link href="/">
           <a className="flex items-center">
             {/* ✅ Fixed: use public path instead of imported file */}
-            <Image src={Logo} alt="HnCC" height="60" width="60" />
+            <Image
+              src={Logo}
+              alt="HnCC"
+              height={60}
+              width={60}
+              unoptimized
+            />
             <h2 id="hnccTitle" className={styles.navTitle}>
               Hackathon and Coding Club
             </h2>
diff --git a/components/navbar/Sidebar.js b/components/navbar/Sidebar.js
index 262199d..30f1659 100644
--- a/components/navbar/Sidebar.js
+++ b/components/navbar/Sidebar.js
@@ -68,7 +68,13 @@ function Sidebar({ isMounted, unmount }) {
           <Link href="/">
             <a className="flex items-center" onClick={unmount}>
               {/* ✅ Fixed: use public path for image */}
-              <Image src={Logo} alt="HnCC" height="60" width="60" />
+              <Image
+                src={Logo}
+                alt="HnCC"
+                height={60}
+                width={60}
+                unoptimized
+              />
             </a>
           </Link>
         </div>

From a85564299d0db9108f8a17ba8490fbf13537cd57 Mon Sep 17 00:00:00 2001
From: iamnikhilranjan <nikhil21907@gmail.com>
Date: Sat, 18 Oct 2025 22:19:59 +0530
Subject: [PATCH 4/5] fix: formatted Prettier

---
 components/navbar/Navbar.js  | 8 +-------
 components/navbar/Sidebar.js | 8 +-------
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index 8395052..d57ec02 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -64,13 +64,7 @@ function Navbar() {
         <Link href="/">
           <a className="flex items-center">
             {/* ✅ Fixed: use public path instead of imported file */}
-            <Image
-              src={Logo}
-              alt="HnCC"
-              height={60}
-              width={60}
-              unoptimized
-            />
+            <Image src={Logo} alt="HnCC" height={60} width={60} unoptimized />
             <h2 id="hnccTitle" className={styles.navTitle}>
               Hackathon and Coding Club
             </h2>
diff --git a/components/navbar/Sidebar.js b/components/navbar/Sidebar.js
index 30f1659..181e739 100644
--- a/components/navbar/Sidebar.js
+++ b/components/navbar/Sidebar.js
@@ -68,13 +68,7 @@ function Sidebar({ isMounted, unmount }) {
           <Link href="/">
             <a className="flex items-center" onClick={unmount}>
               {/* ✅ Fixed: use public path for image */}
-              <Image
-                src={Logo}
-                alt="HnCC"
-                height={60}
-                width={60}
-                unoptimized
-              />
+              <Image src={Logo} alt="HnCC" height={60} width={60} unoptimized />
             </a>
           </Link>
         </div>

From ce9f8b8804571ceb3c5876a66792a1bd8d86a1d6 Mon Sep 17 00:00:00 2001
From: iamnikhilranjan <nikhil21907@gmail.com>
Date: Sat, 18 Oct 2025 22:23:51 +0530
Subject: [PATCH 5/5] fix: use <img> for HnCC logo for Netlify compatibility

---
 components/navbar/Navbar.js  | 14 ++++++++++----
 components/navbar/Sidebar.js | 14 ++++++++++----
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index d57ec02..fa702a8 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -1,10 +1,9 @@
 /* eslint-disable no-alert */
 import React, { useEffect, useState } from 'react';
 import { HiMenuAlt4 } from 'react-icons/hi';
-import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Navbar.module.css';
-// ✅ Fixed: use logo from public path instead of importing
+// ✅ Fixed: use logo directly with <img> instead of next/image for Netlify
 import Button from '../button/Button';
 import Sidebar from './Sidebar';
 
@@ -63,8 +62,15 @@ function Navbar() {
       <div>
         <Link href="/">
           <a className="flex items-center">
-            {/* ✅ Fixed: use public path instead of imported file */}
-            <Image src={Logo} alt="HnCC" height={60} width={60} unoptimized />
+            {/* ✅ Fixed: using <img> ensures it loads correctly from public on Netlify */}
+            <img
+              src={Logo}
+              alt="HnCC"
+              height="60"
+              width="60"
+              className="mr-2"
+              style={{ objectFit: 'contain' }}
+            />
             <h2 id="hnccTitle" className={styles.navTitle}>
               Hackathon and Coding Club
             </h2>
diff --git a/components/navbar/Sidebar.js b/components/navbar/Sidebar.js
index 181e739..bfcb333 100644
--- a/components/navbar/Sidebar.js
+++ b/components/navbar/Sidebar.js
@@ -1,10 +1,9 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { CgClose } from 'react-icons/cg';
-import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Hamburger.module.css';
-// ✅ Fixed: use logo from public folder path
+// ✅ Fixed: use logo directly with <img> instead of next/image for Netlify
 import Button from '../button/Button';
 
 const Logo = '/hncc-logo.png';
@@ -67,8 +66,15 @@ function Sidebar({ isMounted, unmount }) {
         <div>
           <Link href="/">
             <a className="flex items-center" onClick={unmount}>
-              {/* ✅ Fixed: use public path for image */}
-              <Image src={Logo} alt="HnCC" height={60} width={60} unoptimized />
+              {/* ✅ Fixed: use <img> for Netlify compatibility */}
+              <img
+                src={Logo}
+                alt="HnCC"
+                height="60"
+                width="60"
+                className="mr-2"
+                style={{ objectFit: 'contain' }}
+              />
             </a>
           </Link>
         </div>