diff --git a/app/alumni/page.tsx b/app/alumni/page.tsx new file mode 100644 index 0000000..e68f6f7 --- /dev/null +++ b/app/alumni/page.tsx @@ -0,0 +1,167 @@ +"use client"; + +import Image, { StaticImageData } from "next/image"; + +import AlumniCard from "@/components/alumni-card"; +import searchIcon from "@/app/assets/search.png"; +import filterIcon from "@/app/assets/filter.png"; +import karanImage from "@/app/assets/karanSir.png"; +import arnavImage from "@/app/assets/arnavSir.png"; +import arushiImage from "@/app/assets/ArushiMam.png"; +import joyjeetImage from "@/app/assets/joyjeetSir.png"; +import deepakImage from "@/app/assets/deepakSir.png"; +import himanshuImage from "@/app/assets/himanshuSir.png"; + +type Alumni = { + id: string; + name: string; + role: string; + imageUrl: string | StaticImageData; + color: string; +}; + +const ALUMNI: Alumni[] = [ + { + id: "karandeep", + name: "Karandeep Singh", + role: "The ex-lead of gdg chapter 24-25", + imageUrl: karanImage, + color: "bg-[#FDD568]", + }, + { + id: "arnav", + name: "Arnav Anand", + role: "the pookiest ui/ux lead ever", + imageUrl: arnavImage, + color: "bg-[#69A6FC]", + }, + { + id: "arushi", + name: "Arushi Gupta", + role: "the begining of wit community", + imageUrl: arushiImage, + color: "bg-[#28D781]", + }, + { + id: "joyjeet", + name: "Joyjeet Banerjee", + role: "Talk to him about futures first", + imageUrl: joyjeetImage, + color: "bg-[#FF6A66]", + }, + { + id: "deepak", + name: "Deepak Kumar", + role: "devsecops or optum, hes the guy", + imageUrl: deepakImage, + color: "bg-[#FDD568]", + }, + { + id: "himanshu", + name: "Himanshu Dania", + role: "take ms interview tips", + imageUrl: himanshuImage, + color: "bg-[#69A6FC]", + }, +]; + +export default function AlumniPage() { + return ( +
+
+
+

+ We the People +

+
+

+ We came here as strangers, we left as a family — and that family never really leaves. Our alumni carry the jokes that still make us laugh, the lessons that still guide us, and the dreams that still push us forward. This isn't just history, it's living proof that what we built together lasts far beyond the campus walls. This is the place where you can meet our alumni and see the journeys they continue to shape. +

+
+
+
+ + Search +
+ +
+
+
+
+ +
+ {ALUMNI.map((a) => ( + + ))} +
+
+ {[2, 3, 4].map((n) => ( + + ))} + +
+ + + +
+
+
+
+ ); +} diff --git a/app/assets/ArushiMam.png b/app/assets/ArushiMam.png new file mode 100644 index 0000000..77c676c Binary files /dev/null and b/app/assets/ArushiMam.png differ diff --git a/app/assets/arnavSir.png b/app/assets/arnavSir.png new file mode 100644 index 0000000..aa9b969 Binary files /dev/null and b/app/assets/arnavSir.png differ diff --git a/app/assets/deepakSir.png b/app/assets/deepakSir.png new file mode 100644 index 0000000..9654d1b Binary files /dev/null and b/app/assets/deepakSir.png differ diff --git a/app/assets/filter.png b/app/assets/filter.png new file mode 100644 index 0000000..165bd37 Binary files /dev/null and b/app/assets/filter.png differ diff --git a/app/assets/gsc.svg b/app/assets/gsc.svg new file mode 100644 index 0000000..9140ad0 --- /dev/null +++ b/app/assets/gsc.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/app/assets/hackmol.svg b/app/assets/hackmol.svg new file mode 100644 index 0000000..4719b64 --- /dev/null +++ b/app/assets/hackmol.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/app/assets/himanshuSir.png b/app/assets/himanshuSir.png new file mode 100644 index 0000000..51ffb6e Binary files /dev/null and b/app/assets/himanshuSir.png differ diff --git a/app/assets/joyjeetSir.png b/app/assets/joyjeetSir.png new file mode 100644 index 0000000..549f8c7 Binary files /dev/null and b/app/assets/joyjeetSir.png differ diff --git a/app/assets/karanSir.png b/app/assets/karanSir.png new file mode 100644 index 0000000..2623fdd Binary files /dev/null and b/app/assets/karanSir.png differ diff --git a/app/assets/mol.svg b/app/assets/mol.svg new file mode 100644 index 0000000..7fe30ae --- /dev/null +++ b/app/assets/mol.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/app/assets/search.png b/app/assets/search.png new file mode 100644 index 0000000..9bbefd7 Binary files /dev/null and b/app/assets/search.png differ diff --git a/app/globals.css b/app/globals.css index dc98be7..fc43e91 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,6 +8,8 @@ --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); + --font-red-hat-mono: var(--font-red-hat-mono); + --font-inter: var(--font-inter); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); diff --git a/app/layout.tsx b/app/layout.tsx index c083369..f85cd2c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,6 @@ import "./globals.css"; import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import { Geist, Geist_Mono, Red_Hat_Mono, Inter } from "next/font/google"; import Navbar from "@/components/navbar"; import { ThemeProvider } from "@/components/theme-provider"; @@ -16,6 +16,16 @@ const geistMono = Geist_Mono({ subsets: ["latin"], }); +const redHatMono = Red_Hat_Mono({ + variable: "--font-red-hat-mono", + subsets: ["latin"], +}); + +const inter = Inter({ + variable: "--font-inter", + subsets: ["latin"], +}); + export const metadata: Metadata = { title: "GDGC@NITJ", description: "Community Developer Platform - GDGC@NITJ", @@ -32,7 +42,7 @@ export default function RootLayout({ return (
@@ -76,6 +105,16 @@ export default function Home() { +
+

WALL OF FAME

+
+ { + dummyData.map((d,i)=>( + + )) + } +
+