[website] Learn page for talks & videos draft version (#1278)

* draft version

* add content for media pages

* small fix

* path correction

* update video titles

---------

Co-authored-by: ipolyzos <[email protected]>

Author: MehulBatra

website/docusaurus.config.ts

@@ -93,6 +93,14 @@ const config: Config = {
         // ... other options
       },
     ],
+    [
+      '@docusaurus/plugin-content-pages',
+      {
+        id: 'learn-pages',
+        path: 'learn',
+        routeBasePath: 'learn',
+      },
+    ],
     [
       '@docusaurus/plugin-pwa',
       {
@@ -131,6 +139,21 @@ const config: Config = {
           label: 'Docs',
         },
         {to: '/blog', label: 'Blog', position: 'left'},
+        {
+          label: 'Learn',
+          position: 'left',
+          type: 'dropdown',
+          items: [
+            {
+              label: 'Talks',
+              to: '/learn/talks',
+            },
+            {
+              label: 'Videos',
+              to: '/learn/videos',
+            },
+          ],
+        },
         {to: '/community/welcome', label: 'Community', position: 'left'},
         {to: '/roadmap', label: 'Roadmap', position: 'left'},
         {to: '/downloads', label: 'Downloads', position: 'left'},
@@ -166,4 +189,4 @@ const config: Config = {
   } satisfies Preset.ThemeConfig,
 };
 
-export default config;
+export default config;

website/learn/talks.md

@@ -0,0 +1,61 @@
+---
+title: Talks
+---
+
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+# Talks & Presentations
+
+Talks and presentations about Apache Fluss from conferences, meetups, and community events.
+
+---
+
+### Fluss: Redefining Streaming Storage for Real-Time Data Analytics and AI
+**Jark Wu** • Flink Forward Asia 2025 • July 2025
+
+Exploring Fluss's core architecture and key technological breakthroughs, covering deep integration with Apache Flink, streaming and Lakehouse architecture fusion, and support for multimodal AI data pipelines.
+
+[📹 Watch on YouTube](https://www.youtube.com/live/pzT6vCCmwq8?si=8Cpx7Rr25yGsdzFd&t=8412)
+
+---
+
+### Webinar: Fluss 0.7 - A New Stream of Possibilities
+**Giannis Polyzos, Jark Wu & Mehul Batra** • Community Webinar • June 2025
+
+Deep dive into the new features and capabilities introduced in Fluss 0.7, including enhanced stability, new streaming lakehouse architecture, and enterprise-grade security features.
+
+[📹 Watch on YouTube](https://youtu.be/G-1yiYN2qoo?si=4LFSW45GehWSIj_9)
+
+---
+
+### Fluss: Reinventing Kafka for the Real-Time Lakehouse
+**Jark Wu** • Data Streaming Summit • June 2025
+
+The session addresses the limitations of Kafka in creating real-time lakehouses necessary for modern AI applications. Fluss is introduced as a novel system built from scratch to integrate seamlessly with Lakehouse architectures.
+
+[📹 Watch on YouTube](https://youtu.be/OzE0mVD0GPs?si=8JrS6jhVSJoykY1t)
+
+---
+
+### Fluss: The Unified Streaming Storage for Next-Generation Data Analytics
+**Giannis Polyzos & Jark Wu** • The Ravit Show • December 2024
+
+Interview discussing Fluss's announcement at Flink Forward Berlin 2024, covering the unified streaming storage approach and its implications for next-generation data analytics.
+
+[📹 Watch on YouTube](https://youtu.be/Gugbw4x7cFw?si=ECFqNhs4l9xROiuD)

website/learn/videos.md

@@ -0,0 +1,46 @@
+---
+title: Videos
+---
+
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+# Videos
+
+Video tutorials, and demos about Apache Fluss streaming storage.
+
+---
+
+### Getting Started with Apache Flink and Fluss
+
+**Giannis Polyzos** • Apr 2025
+
+Watch as he shares an example of building an end-to-end real-time application using gameplay events, including generating game data and computing a live top-3 leaderboard on a real-time dashboard using Fluss
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/_qSihYk-pOQ?si=s5tfWHzCr4sHCAIx" title="Fluss Video 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+---
+
+### Optimizing Streaming Analytics with Apache Flink and Fluss
+
+**Giannis Polyzos** • Mar 2025
+
+Discover how Apache Flink®, the industry-leading stream processing engine, paired with Fluss, a high-performance transport and storage layer, creates a powerful, cost-effective, and scalable solution for modern data streaming.
+
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/GKsE_EUR9yU?si=T8G3kuugB-8GhyzG" title="Fluss Video 2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>