Feature: feature/member-site to dev

sites/mainweb/app/events/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
+import Section from "@/components/Section";
+
+export default function EventsPage() {
+  return (
+    <div className="relative min-h-screen bg-[#050505] text-white">
+      <Navbar screen_width={1024} page="events" />
+      <main className="pt-20">
+        <Section className="py-32">
+          <div className="max-w-4xl mx-auto px-6">
+            <h1 className="text-5xl font-black uppercase tracking-tight mb-8">Events</h1>
+            <p className="text-lg text-gray-400 leading-relaxed mb-12 italic">
+              Track upcoming hackathons, workshops, and community gatherings.
+            </p>
+            <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-2xl p-8">
+              <h2 className="text-xl font-bold uppercase mb-4">Upcoming Events</h2>
+              <p className="text-gray-500 italic">
+                No upcoming events scheduled. Check back soon!
+              </p>
+            </div>
+          </div>
+        </Section>
+      </main>
+      <Footer />
+    </div>
+  );
+}

sites/mainweb/app/history/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
+import Section from "@/components/Section";
+import Image from "next/image";
+
+export default function HistoryPage() {
+  return (
+    <div className="relative min-h-screen bg-[#050505] text-white">
+      <Navbar screen_width={1024} page="history" />
+      <main className="pt-20">
+        <Section className="py-32">
+          <div className="max-w-4xl mx-auto px-6">
+            <h1 className="text-5xl font-black uppercase tracking-tight mb-8">History</h1>
+            <p className="text-lg text-gray-400 leading-relaxed mb-12 italic">
+              Our journey through five years of data science excellence.
+            </p>
+            <div className="grid md:grid-cols-2 gap-6">
+              <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-xl p-6">
+                <h2 className="text-lg font-bold uppercase mb-3 text-[#00A8A8]">2020-2021</h2>
+                <p className="text-sm text-gray-500 italic">Foundation year. First official hackathon.</p>
+              </div>
+              <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-xl p-6">
+                <h2 className="text-lg font-bold uppercase mb-3 text-[#00A8A8]">2021-2022</h2>
+                <p className="text-sm text-gray-500 italic">First major sponsorship partnerships secured.</p>
+              </div>
+              <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-xl p-6">
+                <h2 className="text-lg font-bold uppercase mb-3 text-[#00A8A8]">2022-2023</h2>
+                <p className="text-sm text-gray-500 italic">Expanded to include AI/ML workshops.</p>
+              </div>
+              <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-xl p-6">
+                <h2 className="text-lg font-bold uppercase mb-3 text-[#00A8A8]">2023-2024</h2>
+                <p className="text-sm text-gray-500 italic">Record-breaking member growth.</p>
+              </div>
+              <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-xl p-6">
+                <h2 className="text-lg font-bold uppercase mb-3 text-[#00A8A8]">2024-2025</h2>
+                <p className="text-sm text-gray-500 italic">Current era of innovation and community building.</p>
+              </div>
+              <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-xl p-6">
+                <h2 className="text-lg font-bold uppercase mb-3 text-[#00A8A8]">Future</h2>
+                <p className="text-sm text-gray-500 italic">Building toward Hacklytics 2026 and beyond.</p>
+              </div>
+            </div>
+          </div>
+        </Section>
+      </main>
+      <Footer />
+    </div>
+  );
+}

sites/mainweb/app/status/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
+import Section from "@/components/Section";
+
+export default function StatusPage() {
+  return (
+    <div className="relative min-h-screen bg-[#050505] text-white">
+      <Navbar screen_width={1024} page="status" />
+      <main className="pt-20">
+        <Section className="py-32">
+          <div className="max-w-4xl mx-auto px-6">
+            <h1 className="text-5xl font-black uppercase tracking-tight mb-8">Status</h1>
+            <p className="text-lg text-gray-400 leading-relaxed mb-12 italic">
+              System status and operational updates.
+            </p>
+            <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-2xl p-8 mb-8">
+              <div className="flex items-center justify-between mb-4">
+                <span className="text-gray-400 uppercase tracking-widest text-xs">Database</span>
+                <span className="px-3 py-1 bg-emerald-500/10 text-emerald-500 rounded text-xs uppercase tracking-widest">Operational</span>
+              </div>
+              <div className="flex items-center justify-between mb-4">
+                <span className="text-gray-400 uppercase tracking-widest text-xs">API</span>
+                <span className="px-3 py-1 bg-emerald-500/10 text-emerald-500 rounded text-xs uppercase tracking-widest">Operational</span>
+              </div>
+              <div className="flex items-center justify-between mb-4">
+                <span className="text-gray-400 uppercase tracking-widest text-xs">Auth Service</span>
+                <span className="px-3 py-1 bg-emerald-500/10 text-emerald-500 rounded text-xs uppercase tracking-widest">Operational</span>
+              </div>
+              <div className="flex items-center justify-between">
+                <span className="text-gray-400 uppercase tracking-widest text-xs">Discord Bot</span>
+                <span className="px-3 py-1 bg-emerald-500/10 text-emerald-500 rounded text-xs uppercase tracking-widest">Operational</span>
+              </div>
+            </div>
+            <div className="bg-[#0a0a0a]/50 border border-white/5 rounded-2xl p-8">
+              <h2 className="text-xl font-bold uppercase mb-4">Last Updated</h2>
+              <p className="text-gray-500 italic">System check completed successfully.</p>
+            </div>
+          </div>
+        </Section>
+      </main>
+      <Footer />
+    </div>
+  );
+}

sites/mainweb/components/Footer/index.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 import logo from "@/assets/images/dsgt/apple-touch-icon.png";
 
 interface FooterProps {
-  screen_width: number;
+  screen_width?: number;
   className?: string;
 }
 
@@ -33,13 +33,16 @@ const Footer = ({ screen_width: _screen_width, className = "" }: FooterProps) =>
             </p>
           </div>
 
-          {/* COMPANY COLUMN */}
+          {/* NAVIGATION COLUMN */}
           <div className="flex flex-col space-y-4">
-            <h2 className="text-white font-mono text-[10px] uppercase tracking-[0.3em] font-bold">Organization</h2>
+            <h2 className="text-white font-mono text-[10px] uppercase tracking-[0.3em] font-bold">Navigation</h2>
             <nav className="flex flex-col space-y-2 text-sm font-medium">
               <Link href="/team" className="hover:text-[#00A8A8] transition-colors">Meet the Team</Link>
               <Link href="mailto:hello@datasciencegt.org" className="hover:text-[#00A8A8] transition-colors">Contact</Link>
               <Link href="/bootcamp" className="hover:text-[#00A8A8] transition-colors">Bootcamp</Link>
+              <Link href="/events" className="hover:text-[#00A8A8] transition-colors">Events</Link>
+              <Link href="/history" className="hover:text-[#00A8A8] transition-colors">History</Link>
+              <Link href="/status" className="hover:text-[#00A8A8] transition-colors">Status</Link>
             </nav>
           </div>
 

sites/mainweb/components/Navbar/index.tsx

@@ -37,17 +37,23 @@ export default function Navbar({ screen_width: _screen_width, page, className =
   const homeMenuItems = [
     { name: "About", to: "about", link: false },
     { name: "Bootcamp", to: "bootcamp", link: false },
-    { name: "Hacklytics", to: "golden-byte", link: false },
+    { name: "Hacklytics", to: "/hackathons", link: false },
     { name: "Projects", to: "projects", link: false },
     { name: "Get Involved", to: "getinvolved", link: false },
     { name: "Team", to: "/team", link: true },
+    { name: "Events", to: "/events", link: false },
+    { name: "History", to: "/history", link: false },
+    { name: "Status", to: "/status", link: false },
   ];
 
   const otherPageMenuItems = [
     { name: "Home", to: "/", link: true },
     { name: "Bootcamp", to: "/bootcamp", link: true },
     { name: "Team", to: "/team", link: true },
     { name: "Projects", to: "/projects", link: true },
+    { name: "Events", to: "/events", link: true },
+    { name: "History", to: "/history", link: true },
+    { name: "Status", to: "/status", link: true },
   ];
 
   const menuItems = isHomePage ? homeMenuItems : otherPageMenuItems;

sites/mainweb/components/portal/AdminHeader.tsx

@@ -93,10 +93,10 @@ export default function AdminHeader() {
         {/* Logo */}
         <Link href="/admin" className="flex items-center gap-2">
           <div className="flex h-9 w-9 items-center justify-center rounded-xl bg-gradient-to-br from-[#00A8A8] to-emerald-600 text-white shadow-lg shadow-[#00A8A8]/20">
-            <span className="font-black text-sm">GL</span>
+            <span className="font-black text-sm">DS</span>
           </div>
           <span className="hidden lg:block text-lg font-black text-white tracking-tight">
-            GreenLight
+            DSGT Portal
           </span>
         </Link>
       </div>

sites/mainweb/components/portal/AdminSidebar.tsx

@@ -31,7 +31,7 @@ export default function AdminSidebar() {
               <Code className="h-6 w-6" />
             </div>
             <span className="text-lg font-black text-white tracking-tight">
-              GreenLight
+              DSGT Portal
             </span>
           </div>
         )}