From c584ca1a9ad96ec40150065954f2295f5cb8121c Mon Sep 17 00:00:00 2001 From: "Alejandro E. Rendon" Date: Fri, 1 May 2026 21:19:48 -0500 Subject: [PATCH 1/4] Add after movie section to LandingPage and update styles - Introduced a new LandingAfterMovieSection component to display the after movie video for the 2025 conference, including title, subtitle, and play functionality. - Updated translation.js to include relevant text and YouTube video ID for both English and Spanish. - Enhanced landing.scss with styles for the after movie section, ensuring responsive design and visual appeal. - Modified LandingPage to conditionally render the after movie section based on available data. --- src/pages/LandingPage/index.jsx | 88 +++++++++++++++++++ src/pages/Sponsors/index.jsx | 2 +- src/styles/landing.scss | 147 ++++++++++++++++++++++++++++++-- src/styles/sponsors.scss | 45 ---------- src/translation.js | 16 ++++ 5 files changed, 246 insertions(+), 52 deletions(-) diff --git a/src/pages/LandingPage/index.jsx b/src/pages/LandingPage/index.jsx index 27fabbd..a16ca17 100644 --- a/src/pages/LandingPage/index.jsx +++ b/src/pages/LandingPage/index.jsx @@ -214,6 +214,91 @@ KeynotesRevealRow.propTypes = { columns: PropTypes.arrayOf(PropTypes.object).isRequired, }; +function LandingAfterMovieSection({ copy }) { + const videoId = copy?.youtubeVideoId; + const [playing, setPlaying] = useState(false); + + if (!videoId) return null; + + const embedSrc = `https://www.youtube-nocookie.com/embed/${encodeURIComponent(videoId)}?autoplay=1&rel=0&modestbranding=1`; + const thumbMax = `https://i.ytimg.com/vi/${videoId}/maxresdefault.jpg`; + const thumbHq = `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`; + + return ( +
+ +
+

{copy.title}

+

{copy.subtitle}

+
+
+
+ {playing ? ( +