(hudi) branch asf-site updated: chore(site): embed cmu hudi talk video (#14025)

[xushiyan]

This is an automated email from the ASF dual-hosted git repository.

xushiyan pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/hudi.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new bf1ed6e22a7d chore(site): embed cmu hudi talk video (#14025)
bf1ed6e22a7d is described below

commit bf1ed6e22a7d34e039c5b7569793522d1534922d
Author: Shiyan Xu <2701446+xushi...@users.noreply.github.com>
AuthorDate: Wed Oct 1 12:40:17 2025 -0500

    chore(site): embed cmu hudi talk video (#14025)
    
    embed https://www.youtube.com/watch?v=-zcFSJttWtw at homepage
---
 website/src/components/HomepageHeader/index.js          |  8 ++------
 website/src/components/HomepageHeader/styles.module.css | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/website/src/components/HomepageHeader/index.js 
b/website/src/components/HomepageHeader/index.js
index b26d6f9537ce..88fa477ae190 100644
--- a/website/src/components/HomepageHeader/index.js
+++ b/website/src/components/HomepageHeader/index.js
@@ -27,12 +27,8 @@ function HomepageHeader() {
                 </LinkButton>
               </div>
             </div>
-            <div className={styles.imageWrapper}>
-              <img
-                className={clsx("hero__img", styles.heroImg)}
-                src={require("/assets/images/logo-big.png").default}
-                alt="Hudi banner"
-              />
+            <div className={styles.videoWrapper}>
+              <iframe width="560" height="315" 
src="https://www.youtube-nocookie.com/embed/-zcFSJttWtw?si=YPtQ4SPy6hPsebHd"; 
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; 
clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
             </div>
           </div>
         </div>
diff --git a/website/src/components/HomepageHeader/styles.module.css 
b/website/src/components/HomepageHeader/styles.module.css
index 2ef324076bb1..ed8a1ac919b4 100644
--- a/website/src/components/HomepageHeader/styles.module.css
+++ b/website/src/components/HomepageHeader/styles.module.css
@@ -28,6 +28,13 @@
     width: 50%;
 }
 
+.videoWrapper {
+    width: 100%;
+    display: flex;
+    align-items: right;
+    justify-content: center;
+}
+
 .leftContent {
     width: 50%;
 }
@@ -58,6 +65,13 @@
         justify-content: center;
     }
 
+    .videoWrapper {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
     .leftContent {
         width: 100%;
         display: flex;