Updated event information

app/page.tsx

@@ -15,23 +15,35 @@ export default function Home() {
           DATA SCIENCE NIGHT @ <span>U-M</span>
         </h1>
         <RSVP />
-        <div id="about" className="text-center my-20 max-w-screen-md">
-          <h1 className="font-regular sm:text-5xl text-3xl mb-5">
-            About Data Science Night
-          </h1>
-          <p>
+        <div
+          id="about"
+          className="flex flex-col text-center items-center my-10 max-w-screen-md"
+        >
+          <h1 className="font-regular sm:text-5xl text-3xl mb-8">Event</h1>
+          <p className="mb-5">
             The Michigan Institute for Data Science&apos;s first Data Science
             Night spotlights MDST, MAISI and STATCOM&apos;s collaborative
             efforts, featuring projects from MDST and STATCOM, ranging from
             deepfake detection to nonprofit data analysis. It also includes an
             AI ethical simulation workshop by MAISI, underscoring the
             significance of ethics and responsible data use in data science.
           </p>
+          <p className="text-xl font-bold">
+            Join us on April 19th, 2024 at the Central Campus Classroom Building
+            from 4:30 PM to 8:30 PM.
+          </p>
+          <Image
+            className="my-10"
+            src="flyer.png"
+            alt="event flyer"
+            width={400}
+            height={900}
+          />
         </div>
       </div>
       <TeamPanel />
-      <footer className="border-t-2 px-5 flex flex-row justify-center align-middle pt-6">
-        <p className="md:text-2xl text-md pr-10 font-bold">DSN @ U-M</p>
+      <footer className="border-t-2 px-5 flex flex-row justify-center align-middle pt-6 mt-10">
+        <p className="md:text-xl text-md pr-10 font-bold">DSN @ U-M</p>
         <div className="w-48">
           <Image
             className="object-contain"

components/team.tsx

@@ -104,12 +104,9 @@ function TeamCard({ team }: { team: Team }) {
 
 export default function TeamPanel() {
   return (
-    <div
-      id="team"
-      className="flex flex-col items-center mt-7 align-middle mb-20"
-    >
-      <h1 className="font-regular sm:text-5xl text-3xl">About the Clubs</h1>
-      <div className="grid lg:grid-cols-3 lg:grid-rows-1 grid-cols-1 grid-rows-3 gap-5 mt-10 lg:max-w-screen-lg max-w-screen-sm">
+    <div id="team" className="flex flex-col items-center align-middle">
+      <h1 className="font-regular sm:text-5xl text-3xl mb-8">Clubs</h1>
+      <div className="grid lg:grid-cols-3 lg:grid-rows-1 grid-cols-1 grid-rows-3 gap-5 lg:max-w-screen-lg max-w-screen-sm">
         {teams.map((team, index) => (
           <TeamCard key={index} team={team} />
         ))}