ENG-1620 Add video and event sections to home page (#942)

- Integrated a YouTube video for the HCIL Brown Bag Speaker Series featuring Matt Akamatsu.
- Added a section for the keynote talk "Towards Modular Open Science" with a link to the Atmosphere Conf VODs.
- Enhanced the layout with responsive design elements for better user experience.

Author: mdroidian

apps/website/app/(home)/page.tsx

@@ -623,6 +623,44 @@ const Home = async () => {
                     Karola Kirsanow, NYC Protocol Labs Research Seminar
                   </p>
                 </div>
+
+                <div className="space-y-4">
+                  <div className="relative aspect-video">
+                    <iframe
+                      className="absolute inset-0 h-full w-full rounded-lg"
+                      src="https://www.youtube-nocookie.com/embed/JOn_dJ-g3vY"
+                      title="HCIL Brown Bag Speaker Series: Matt Akamatsu (February 2026)"
+                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                      allowFullScreen
+                    />
+                  </div>
+                  <h3 className="text-xl font-semibold text-neutral-dark">
+                    HCIL Brown Bag Speaker Series: Matt Akamatsu
+                  </h3>
+                  <p className="text-neutral-dark">Matt Akamatsu</p>
+                </div>
+
+                <div className="space-y-4">
+                  <div className="flex aspect-video items-center justify-center rounded-lg bg-neutral-100 p-6 text-center">
+                    <div className="space-y-3">
+                      <p className="text-sm text-neutral-dark">
+                        Hosted on Atmosphere Conf VODs
+                      </p>
+                      <Link
+                        href="https://atmosphereconf-vods.wisp.place/videos/keynote-towards-modular-open-science"
+                        className="inline-block rounded-md bg-primary px-4 py-2 text-sm font-semibold text-white transition hover:text-white"
+                      >
+                        Watch talk →
+                      </Link>
+                    </div>
+                  </div>
+                  <h3 className="text-xl font-semibold text-neutral-dark">
+                    Keynote: Towards Modular Open Science
+                  </h3>
+                  <p className="text-neutral-dark">
+                    Rowan Cockett, Matt Akamatsu
+                  </p>
+                </div>
               </div>
             </CardContent>
           </Card>