diff --git a/sidebar-videos.js b/sidebar-videos.js
index eb6ff556..37b475e1 100644
--- a/sidebar-videos.js
+++ b/sidebar-videos.js
@@ -28,6 +28,7 @@ module.exports = {
           label: "Talks in English",
           collapsed: false,
           items: [
+            "talks/en/kubecon-na-2022-office-hour",
             "talks/en/saiyam-cncf-minutes",
             "talks/en/application-centric-platform",
             "talks/en/devops-toolkit-2",
diff --git a/videos/talks/en/kubecon-na-2022-office-hour.md b/videos/talks/en/kubecon-na-2022-office-hour.md
new file mode 100644
index 00000000..4aee59cf
--- /dev/null
+++ b/videos/talks/en/kubecon-na-2022-office-hour.md
@@ -0,0 +1,12 @@
+---
+title: "KubeVela Introduction at Office Hour on KubeCon NA 2022"
+---
+
+In this talk, KubeVela team introduces the basic concepts of KubeVela and how it works. A live demo is also included which shows how to integrate KubeVela with third-party projects, such as observability tools.
+
+- Material Downloads: [KubeVela-KubeCon-OfficeHour-20221027.pdf](https://kubevelacharts.oss-accelerate.aliyuncs.com/docs/KubeVela-KubeCon-OfficeHour-20221027.pdf)
+
+
+<object data="https://kubevelacharts.oss-accelerate.aliyuncs.com/docs/KubeVela-KubeCon-OfficeHour-20221027.pdf" type="application/pdf" width="100%" height="600px">
+  <p>KubeVela Introduction</p>
+</object>
\ No newline at end of file