diff --git a/public/Asterisk 5.png b/public/Asterisk 5.png new file mode 100644 index 0000000..026581d Binary files /dev/null and b/public/Asterisk 5.png differ diff --git a/public/agm.png b/public/agm.png new file mode 100644 index 0000000..84f2382 Binary files /dev/null and b/public/agm.png differ diff --git a/public/fonts/NeueHaasDisplayMediu.ttf b/public/fonts/NeueHaasDisplayMediu.ttf new file mode 100644 index 0000000..01565a0 Binary files /dev/null and b/public/fonts/NeueHaasDisplayMediu.ttf differ diff --git a/public/grain_bg.png b/public/grain_bg.png new file mode 100644 index 0000000..00c45e6 Binary files /dev/null and b/public/grain_bg.png differ diff --git a/public/triangle-pattern.png b/public/triangle-pattern.png new file mode 100644 index 0000000..e1638d2 Binary files /dev/null and b/public/triangle-pattern.png differ diff --git a/src/app/agenda/page.tsx b/src/app/agenda/page.tsx index 8ce313e..43fd117 100644 --- a/src/app/agenda/page.tsx +++ b/src/app/agenda/page.tsx @@ -2,8 +2,8 @@ import EventCard from "@/components/EventCard"; import { AgendaData } from "@/data/AgendaData"; import { DM_Sans } from "next/font/google"; import Image from "next/image"; -import AgendaIcon from "/public/agenda-title.svg"; -import AsteriskArt from "/public/Asterisk 4.png"; +import AgendaIcon from "/public/agm.png"; +import AsteriskArt from "/public/Asterisk 5.png"; const dm_Sans = DM_Sans({ weight: ["400", "500", "600"], @@ -12,49 +12,76 @@ const dm_Sans = DM_Sans({ export default function Home() { return ( -
-
- Asterisk icon + {/* Triangle pattern overlay */} +
+ {/* Noise texture overlay */} + +
+
-
+
Agenda - + />{" "}
-

+

Event Outline

-
+
1 PM – 4 PM
-
+
13 February
-
+
Main Auditorium
-
- +
{" "}
- -
+ className={`${dm_Sans.className} flex flex-row justify-center mt-6 mb-6`} + >
+
{AgendaData.map((event, index) => ( {/*
*/} -
+
-
+
diff --git a/src/app/fonts.ts b/src/app/fonts.ts new file mode 100644 index 0000000..073a2ee --- /dev/null +++ b/src/app/fonts.ts @@ -0,0 +1,28 @@ +import localFont from 'next/font/local'; + +export const neueHaasGrotesk = localFont({ + src: [ + { + path: '../../public/fonts/NeueHaasDisplayLight.woff2', + weight: '300', + style: 'normal', + }, + { + path: '../../public/fonts/NeueHaasDisplayRoman.woff2', + weight: '400', + style: 'normal', + }, + { + path: '../../public/fonts/NeueHaasDisplayMedium.woff2', + weight: '500', + style: 'normal', + }, + { + path: '../../public/fonts/NeueHaasDisplayBold.woff2', + weight: '700', + style: 'normal', + }, + ], + display: 'swap', + variable: '--font-neue-haas', +}); diff --git a/src/components/EventCard.tsx b/src/components/EventCard.tsx index 36ee019..92e93b5 100644 --- a/src/components/EventCard.tsx +++ b/src/components/EventCard.tsx @@ -28,17 +28,20 @@ export default function EventCard({ }: Props) { return (
+ } border-gray-200 w-full flex flex-row pt-2 pb-6 px-1`} + >
+ className={`${dm_Sans.className} text-[22px] w-[100px] flex-shrink-0 mr-4 font-[400] -mt-[2px]`} + > {time}

+ className={`${dm_Sans.className} text-[20px] font-[600] leading-tight tracking-tight`} + > {title}

{description}

@@ -46,14 +49,9 @@ export default function EventCard({
{imageURL && (
+ className={`overflow-x-clip relative min-w-[70px] w-[70px] h-[70px] border-[2px] border-[black] rounded-full + }`} + >

+ className={`${dm_Sans.className} text-[15px] font-[100] -mt-[1px]`} + > {position}

diff --git a/src/data/AgendaData.ts b/src/data/AgendaData.ts index 91bebd0..d4e7c9b 100644 --- a/src/data/AgendaData.ts +++ b/src/data/AgendaData.ts @@ -1,88 +1,88 @@ export const AgendaData = [ { - title: "Opening & Speech by Dr. Kalpani Manathunga", + title: "Welcome Speech", time: "1:00 PM", - imageURL: "/faces/kalpani.png", - name: "Dr. Kalpani Manathunga", - position: "HOD, SE Department SLIIT", + imageURL: "/faces/msthilini.png", + name: "Ms. Thilini", + position: "Master of Ceremony", }, { - title: "Staff Introduction", + title: "Year Resolution by Previous Year's President", time: "1:10 PM", + imageURL: "/faces/dinal.png", + name: "Pasindu Dinal", + position: "President, SESC 2024/25", + }, + { + title: "Showreel Video 2024/25", + time: "1:20 PM", + }, + { + title: "Year Plan for 2025/26", + time: "1:25 PM", + imageURL: "/faces/pawan.png", + name: "Pawan Senpura", + position: "New President, SESC 2025/26", + }, + { + title: "Speech by Dr. Kalpani Manathunga", + time: "1:40 PM", + imageURL: "/faces/kalpani.png", + name: "Dr. Kalpani Manathunga", + position: "HOD, SE Department SLIIT", }, { title: "Speech by Prof. Nuwan Kodagoda", - time: "1:15 PM", + time: "1:55 PM", imageURL: "/faces/nuwan.png", name: "Prof. Nuwan Kodagoda", position: "Pro Vice Chancellor, SLIIT", }, { - title: "Address by Prof. Pradeep Abeygunawardhana", - time: "1:30 PM", - imageURL: "/faces/pradeep.png", //face needs to be changed - name: " Prof. Pradeep Abeygunawardhana", - position: "Dean, Faculty Of Computing, SLIIT", + title: "Awarding Appreciation Letters for Past Volunteers", + time: "2:10 PM", }, { - title: "Entertainment Session", - time: "1:40 PM", + title: "Speech by Sandithi - Volunteer Experience", + time: "2:25 PM", + imageURL: "/faces/sandamali.png", + name: "Sandithi", + position: "Past Volunteer, SESC", }, - /*{ - title: "Speech by Mr. Ashan Priyadarshana", - time: "1:45 PM", - imageURL: "/faces/", //face needs to be changed - name: "Mr. Ashan Priyadarshana", - position: "Tech Lead, Sysco Labs", - },*/ { - title: "Speech by Ms. Madhumini Gunaratne", - time: "2:05 PM", - imageURL: "/faces/madumini.png", //face needs to be changed - name: "Ms. Madhumini Gunaratne", - position: "Research Assistant, Faculty Of Computing, SLIIT", + title: "Speech by Asiri", + time: "2:35 PM", + imageURL: "/faces/ashan.png", // Use appropriate image if available + name: "Asiri", + position: "Senior Member", }, { - title: "Speech by Mr. Ashan Priyadarshana", - time: "2:20 PM", - imageURL: "/faces/ashan.png", - name: "Mr. Ashan Priyadarshana", - position: "Tech Lead, Sysco Labs", - }, - { - title: "Speech by Mr. Saman Gunawardena", - time: "2:40 PM", - imageURL: "/faces/saman.png", - name: "Mr. Saman Gunawardena", - position: "Senior Manager Industrial Liaison and Placement", + title: "Speech by Prof. Pradeep Abeygunawardhana", + time: "2:50 PM", + imageURL: "/faces/pradeep.png", + name: "Prof. Pradeep Abeygunawardhana", + position: "Dean, Faculty Of Computing, SLIIT", }, { - title: "Speech by Mr. Pasindu Dinal", - time: "2:55 PM", - imageURL: "/faces/dinal.png", - name: "Pasindu Dinal", - position: "President, SESC 2024/25", + title: "Awarding Service Letters for Past Members", + time: "3:05 PM", }, { - title: "Speech by Ms. Subhashini Wijerathna", - time: "3:10 PM", - imageURL: "/faces/subhashini.png", - name: "Ms. Subhashini Wijerathna", - position: - "Associate Manager in Software Engineering, VitalHub Innovations Lab", + title: "Speech by President of FCSC", + time: "3:20 PM", + imageURL: "/faces/gokul.png", // Use appropriate image if available + name: "President of FCSC", + position: "Faculty of Computing Student Community", }, { - title: "Speech by Ms. Sandamali Vidanagamage", - time: "3:10 PM", - imageURL: "/faces/sandamali.png", - name: " Ms. Sandamali Vidanagamage", - position: "Manager in Software Engineering, VitalHub Innovations Lab", + title: "Awarding Appointment Letters for New Members", + time: "3:35 PM", }, { title: "Vote of Thanks", - time: "3:40 PM", - imageURL: "/faces/pawan.png", - name: "Pawan Senpura", - position: "Dev Relation, SESC 2024/25", + time: "3:50 PM", + imageURL: "/faces/danushka.png", // Use appropriate image if available + name: "Sathnindu", + position: "Secretary, SESC 2025/26", }, ]; diff --git a/tailwind.config.ts b/tailwind.config.ts index a71eee3..35cdbae 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -8,6 +8,9 @@ const config: Config = { ], theme: { extend: { + fontFamily: { + 'neue-haas': ['var(--font-neue-haas)'], + }, colors: { black: { background: "#131313", @@ -18,6 +21,9 @@ const config: Config = { green: { 100: "#DBFD51", }, + pink: { + 100: "#FFEAEA", + }, }, keyframes: { spin: { @@ -28,6 +34,10 @@ const config: Config = { animation: { spin: "spin 40s linear infinite", }, + backgroundImage: { + 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', + 'noise': 'url("/grain_bg.png")', + }, }, }, plugins: [],