feat: add Footer component with social links, contact email, and bran…

eslint.config.mjs

@@ -1,14 +1,26 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
-
-const eslintConfig = [...compat.extends("next/core-web-vitals")];
-
-export default eslintConfig;
+export default [
+  js.configs.recommended,
+  {
+    ignores: [".next/**", "node_modules/**", "public/**"]
+  },
+  {
+    languageOptions: {
+      ecmaVersion: 2024,
+      sourceType: "module",
+      globals: {
+        document: "readonly",
+        window: "readonly",
+        process: "readonly",
+        console: "readonly",
+        setTimeout: "readonly",
+        clearTimeout: "readonly"
+      }
+    },
+    rules: {
+      "no-unused-vars": "warn",
+      "no-undef": "warn"
+    }
+  }
+];

make-transparent.js

@@ -0,0 +1,22 @@
+const Jimp = require('jimp');
+
+Jimp.read('https://hexafalls.org/logos/main_logo.png')
+  .then(img => {
+    img.scan(0, 0, img.bitmap.width, img.bitmap.height, function(x, y, idx) {
+      const r = this.bitmap.data[idx + 0];
+      const g = this.bitmap.data[idx + 1];
+      const b = this.bitmap.data[idx + 2];
+      // Make pure white or very close to white transparent
+      if (r > 230 && g > 230 && b > 230) {
+        this.bitmap.data[idx + 3] = 0;
+      }
+    });
+    // Resize to a smaller dimension so the file isn't 2.2MB!
+    img.resize(256, Jimp.AUTO);
+    return img.writeAsync('public/main_logo_transparent.png');
+  })
+  .then(() => console.log('Successfully made logo transparent and compressed!'))
+  .catch(err => {
+    console.error('Error processing image:', err);
+    process.exit(1);
+  });

package.json

@@ -44,7 +44,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint",
+    "lint": "eslint .",
     "preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
     "deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy",
     "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts"

src/components/Footer.jsx

@@ -10,7 +10,7 @@ import RoughTape from "./RoughTape";
 const EMAIL = "support@hexafalls.org";
 const GDG_LINK = "https://gdg.community.dev/gdg-on-campus-jis-university-kolkata-india/";
 const GITHUB_ORG = "https://github.com/hexafest";
-const MAIN_LOGO = "/main_logo_transparent.png?v=2";
+const MAIN_LOGO = "/main_logo_transparent.png?v=3";
 
 const SOCIALS = [
   {

src/components/Socials.jsx

@@ -270,7 +270,7 @@ export default function Socials() {
         aria-label="HexaFalls home"
       >
         <img
-          src="/main_logo_transparent.png?v=2"
+          src="/main_logo_transparent.png?v=3"
           alt="HexaFalls"
           className="block h-full w-full object-contain p-2 transition duration-300 group-hover:scale-105"
           style={{ filter: "drop-shadow(0 0 8px rgba(102,252,241,0.25))" }}

src/lib/routes.jsx

@@ -14,7 +14,7 @@ export const SITEMAP = [
     ),
   },
   {
-    href: `${MAIN_SITE}/timeline`, label: "Timeline", soon: true,
+    href: `${MAIN_SITE}/timeline`, label: "Timeline",
     icon: (
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4">
         <circle cx="12" cy="12" r="9" />
@@ -23,7 +23,7 @@ export const SITEMAP = [
     ),
   },
   {
-    href: `${MAIN_SITE}/events`, label: "The Events", soon: true,
+    href: `${MAIN_SITE}/events`, label: "The Events",
     icon: (
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4">
         <path d="M5 4h14a2 2 0 0 1 2 2v3H3V6a2 2 0 0 1 2-2z" />