diff --git a/content/docs/iac/clouds/kubernetes/_index.md b/content/docs/iac/clouds/kubernetes/_index.md
index ccca8c2aa8c0..1145d2b42470 100644
--- a/content/docs/iac/clouds/kubernetes/_index.md
+++ b/content/docs/iac/clouds/kubernetes/_index.md
@@ -66,6 +66,9 @@ guides-description: Learn how to use Pulumi & Kubernetes together.
 guides:
   description: Learn how to use Kubernetes & Pulumi together.
   guides_list:
+  - display_name: Introductory Video
+    url: https://www.youtube.com/watch?v=2P8JLgAc5QI
+    external_link: true
   - display_name: Crosswalk playbooks for Kubernetes
     url: guides/playbooks/
   - display_name: Control plane
diff --git a/content/docs/iac/get-started/kubernetes/_index.md b/content/docs/iac/get-started/kubernetes/_index.md
index 73ed9f408709..be7141e377b6 100644
--- a/content/docs/iac/get-started/kubernetes/_index.md
+++ b/content/docs/iac/get-started/kubernetes/_index.md
@@ -36,4 +36,15 @@ For a quick example of how Pulumi deploys infrastructure on Kubernetes, this tut
 1. Creating a service to access the NGINX deployment.
 1. Cleaning up your deployment by destroying the resources you've provisioned.
 
+Before you begin, watch this overview of how to deploy Kubernetes infrastructure with Pulumi:
+
+<div class="rounded-md shadow border border-gray-300 w-3/4 mx-auto my-4" style="position: relative; padding-bottom: 40.25%; height: 0; overflow: hidden;">
+    <iframe
+        src="//www.youtube.com/embed/2P8JLgAc5QI?rel=0"
+        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
+        allowfullscreen=""
+        title="Getting Started with Kubernetes and Pulumi: Deploy Amazon EKS in 5 minutes">
+    </iframe>
+</div>
+
 {{< get-started-stepper >}}
diff --git a/content/topics/kubernetes.md b/content/topics/kubernetes.md
index 1af66d67b226..08aae1df1f7f 100644
--- a/content/topics/kubernetes.md
+++ b/content/topics/kubernetes.md
@@ -17,7 +17,7 @@ hero:
 video_section:
   title: Pulumi In Action
   subtitle: Watch how easy it is to set up Amazon Elastic Kubernetes Service (EKS) in 5 minutes with Pulumi.
-  youtube_video_id: yA40w1ryMu8
+  youtube_video_id: 2P8JLgAc5QI
   video_title: Watch how easy it is to setup Amazon Elastic Kubernetes Service (EKS) in 5 minutes with Pulumi.
 
 kubernetes_overview:
diff --git a/layouts/topics/kubernetes.html b/layouts/topics/kubernetes.html
index caa0623e020c..5f1fa62269cb 100644
--- a/layouts/topics/kubernetes.html
+++ b/layouts/topics/kubernetes.html
@@ -12,34 +12,124 @@ <h1>
 {{ define "main" }}
     {{ $pageContext := . }}
 
-
-    <section id="overview" class="my-16">
-        <div class="flex flex-wrap container mx-auto">
-            <div class="w-full order-last lg:mt-0 lg:order-first lg:w-1/2 px-5">
+    <section id="description" class="container mx-auto my-16 flex flex-col">
+        <div class="flex flex-col lg:flex-row px-8">
+            <div class="w-full lg:w-1/2 lg:pr-8 order-last lg:order-first">
                 <h2>{{ .Params.hero.title }}</h2>
-                <p class="mr-4">{{ .Params.hero.body | markdownify }}</p>
-                <div>
-                    <div class="flex justify-start items-start mt-8">
-                        <div class="flex flex-col lg:flex-row items-start">
-                            <a class="btn-primary mr-4" href="{{ relref . "/docs/iac/get-started/kubernetes/" }}">Get Started</a>
-                            <a class="btn-secondary" href="#contact">Request A Demo</a>
-                        </div>
+                <p>{{ .Params.hero.body | markdownify }}</p>
+                <div class="mt-8 flex justify-start items-start">
+                    <div class="flex flex-col lg:flex-row items-start">
+                        <a class="btn-primary mr-4" href="{{ relref . "/docs/iac/get-started/kubernetes/" }}">Get Started</a>
+                        <a class="btn-secondary" href="#contact">Request A Demo</a>
                     </div>
                 </div>
             </div>
-            <div class="w-full order-first lg:order-last mt-8 lg:mt-0 lg:w-1/2 lg:mt-0">
-                <div>
-                    <div>
-                        <div class="max-w-4xl container text-left card bg-white p-6 mx-auto">
-                            <pulumi-chooser type="language" options="typescript,python,go,csharp,java,yaml">
-                                {{ range $lang := .Params.kubernetes_overview.ide.tabs }}
-                                    <pulumi-choosable type="language" class="highlight" value="{{ $lang.language }}">
-                                        {{ partial "code" (dict "lang" $lang.language "code" $lang.code "mode" "light") }}
-                                    </pulumi-choosable>
-                                {{ end }}
-                            </pulumi-chooser>
+            {{ with .Params.video_section }}
+            <div class="w-full lg:w-1/2 mb-8 lg:mb-0">
+                <div class="rounded-xl shadow-2xl relative h-0 overflow-hidden" style="padding-bottom: 50.25%;">
+                    <iframe
+                        src="https://www.youtube.com/embed/{{ .youtube_video_id }}?rel=0"
+                        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
+                        allowfullscreen=""
+                        title="{{ .video_title }}"
+                    ></iframe>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </section>
+
+    <!-- Code example section hidden as requested -->
+
+    <!-- Hero section moved to top of page to be alongside the video -->
+
+    <!-- Customer logos -->
+    <section id="customers" class="my-20 px-4">
+        <h3 class="mt-12 mb-8 text-center">Powering top engineering teams</h3>
+        <div class="container mx-auto">
+            <div class="flex flex-col lg:flex-row items-center justify-center my-4">
+                <a data-track="customer-logo" href="/case-studies/snowflake" target="_blank">
+                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-12" src="/logos/customers/snowflake-logo.svg" alt="Snowflake" title="Snowflake" />
+                </a>
+                <a data-track="customer-logo" href="/case-studies/mercedes-benz" target="_blank">
+                    <img
+                        class="mx-auto my-4 lg:my-2 lg:mx-8 h-12"
+                        src="/logos/customers/mercedes-benz-RDNA_logo.png"
+                        title="Mercedes-Benz Research and Development"
+                        alt="Mercedes-Benz Research and Development"
+                    />
+                </a>
+                <a data-track="customer-logo" href="https://www.mindbodyonline.com/" target="_blank">
+                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-10" src="/logos/customers/mindbody_logo.svg" alt="MindBody" title="MindBody" />
+                </a>
+                <a data-track="customer-logo" href="https://www.nih.gov/" target="_blank">
+                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-10" src="/logos/customers/nih.png" alt="National Institutes of Health" title="National Institutes of Health" />
+                </a>
+            </div>
+            <div class="lg:flex items-center justify-center my-4">
+                <a data-track="customer-logo" href="/case-studies/sourcegraph" target="_blank">
+                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-12" src="/logos/customers/sourcegraph-logo.svg" alt="Sourcegraph" title="Sourcegraph" />
+                </a>
+                <a data-track="customer-logo" href="/case-studies/lemonade" target="_blank">
+                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/lemonade.svg" alt="Lemonade" title="Lemonade" />
+                </a>
+                <a data-track="customer-logo" href="/case-studies/bmw" target="_blank">
+                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/bmw.svg" alt="BMW Group" title="BMW Group" />
+                </a>
+                <a data-track="customer-logo" href="/case-studies/unity" target="_blank">
+                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/unity.png" alt="Unity" title="Unity" />
+                </a>
+                <a data-track="customer-logo" href="/case-studies/starburst" target="_blank">
+                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/starburst.png" alt="Starburst" title="Starburst" />
+                </a>
+            </div>
+        </div>
+    </section>
+
+    <section id="kubernetes-overview" class="py-16 px-4 lg:px-0">
+        <div class="container mx-auto flex flex-col lg:mx-auto lg:flex lg:flex-row lg:items-center lg:justify-center">
+            {{ with .Params.kubernetes_overview }}
+                <div class="lg:w-1/2">
+                    <div class="mx-auto">
+                        <img src="/images/topics/kubernetes/k8s-diagram.png"/>
+                    </div>
+                </div>
+                <div class="lg:w-1/2">
+                    <div class="md:px-24 lg:px-4">
+                        <h3>{{ .title }}</h3>
+                        <p>{{ .description }}</p>
+                        <ul>
+                            {{ range $i, $item := .list }}
+                                <li>{{ $item | markdownify }}</li>
+                            {{ end }}
+                        </ul>
+                        <div class="my-8">
+                            <a class="btn-secondary lg:inline-block" href="{{ relref $pageContext .cta_url }}">
+                                {{ .cta }}
+                            </a>
                         </div>
                     </div>
+                </div>
+            {{ end }}
+        </div>
+    </section>
+    
+    <section id="code-example" class="container mx-auto my-16">
+        <div class="text-center mb-8">
+            <h3>Infrastructure as Code for Kubernetes</h3>
+            <p class="max-w-3xl mx-auto">Define your Kubernetes resources using the programming languages you know and love. With Pulumi's SDK, you can manage both your cloud infrastructure and Kubernetes workloads with the same tools.</p>
+        </div>
+        <div class="px-8">
+            <div class="w-full">
+                <div class="card bg-white p-6 mx-auto h-full">
+                    <pulumi-chooser type="language" options="typescript,python,go,csharp,java,yaml">
+                        {{ range $lang := .Params.kubernetes_overview.ide.tabs }}
+                            <pulumi-choosable type="language" class="highlight" value="{{ $lang.language }}">
+                                {{ partial "code" (dict "lang" $lang.language "code" $lang.code "mode" "light") }}
+                            </pulumi-choosable>
+                        {{ end }}
+                    </pulumi-chooser>
+                    
                     <div class="flex justify-center items-center mt-8 h-8">
                         <span title="TypeScript">
                             <svg class="mx-4 h-8 rounded" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -148,77 +238,7 @@ <h2>{{ .Params.hero.title }}</h2>
                 </div>
             </div>
         </div>
-    </section>
 
-    <!-- Customer logos -->
-    <section id="customers" class="my-20 px-4">
-        <h3 class="mt-12 mb-8 text-center">Powering top engineering teams</h3>
-        <div class="container mx-auto">
-            <div class="flex flex-col lg:flex-row items-center justify-center my-4">
-                <a data-track="customer-logo" href="/case-studies/snowflake" target="_blank">
-                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-12" src="/logos/customers/snowflake-logo.svg" alt="Snowflake" title="Snowflake" />
-                </a>
-                <a data-track="customer-logo" href="/case-studies/mercedes-benz" target="_blank">
-                    <img
-                        class="mx-auto my-4 lg:my-2 lg:mx-8 h-12"
-                        src="/logos/customers/mercedes-benz-RDNA_logo.png"
-                        title="Mercedes-Benz Research and Development"
-                        alt="Mercedes-Benz Research and Development"
-                    />
-                </a>
-                <a data-track="customer-logo" href="https://www.mindbodyonline.com/" target="_blank">
-                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-10" src="/logos/customers/mindbody_logo.svg" alt="MindBody" title="MindBody" />
-                </a>
-                <a data-track="customer-logo" href="https://www.nih.gov/" target="_blank">
-                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-10" src="/logos/customers/nih.png" alt="National Institutes of Health" title="National Institutes of Health" />
-                </a>
-            </div>
-            <div class="lg:flex items-center justify-center my-4">
-                <a data-track="customer-logo" href="/case-studies/sourcegraph" target="_blank">
-                    <img class="mx-auto my-4 lg:my-2 lg:mx-8 h-12" src="/logos/customers/sourcegraph-logo.svg" alt="Sourcegraph" title="Sourcegraph" />
-                </a>
-                <a data-track="customer-logo" href="/case-studies/lemonade" target="_blank">
-                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/lemonade.svg" alt="Lemonade" title="Lemonade" />
-                </a>
-                <a data-track="customer-logo" href="/case-studies/bmw" target="_blank">
-                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/bmw.svg" alt="BMW Group" title="BMW Group" />
-                </a>
-                <a data-track="customer-logo" href="/case-studies/unity" target="_blank">
-                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/unity.png" alt="Unity" title="Unity" />
-                </a>
-                <a data-track="customer-logo" href="/case-studies/starburst" target="_blank">
-                    <img class="mx-auto my-8 lg:my-2 lg:mx-8 h-8" src="/logos/customers/starburst.png" alt="Starburst" title="Starburst" />
-                </a>
-            </div>
-        </div>
-    </section>
-
-    <section id="kubernetes-overview" class="py-16 px-4 lg:px-0">
-        <div class="container mx-auto flex flex-col lg:mx-auto lg:flex lg:flex-row lg:items-center lg:justify-center">
-            {{ with .Params.kubernetes_overview }}
-                <div class="lg:w-1/2">
-                    <div class="mx-auto">
-                        <img src="/images/topics/kubernetes/k8s-diagram.png"/>
-                    </div>
-                </div>
-                <div class="lg:w-1/2">
-                    <div class="md:px-24 lg:px-4">
-                        <h3>{{ .title }}</h3>
-                        <p>{{ .description }}</p>
-                        <ul>
-                            {{ range $i, $item := .list }}
-                                <li>{{ $item | markdownify }}</li>
-                            {{ end }}
-                        </ul>
-                        <div class="my-8">
-                            <a class="btn-secondary lg:inline-block" href="{{ relref $pageContext .cta_url }}">
-                                {{ .cta }}
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            {{ end }}
-        </div>
     </section>
 
     <section id="superpowers" class="container mx-auto text-center mt-16">
@@ -275,26 +295,7 @@ <h5>{{ $row.title }}</h5>
         </section>
     {{ end }}
 
-    {{ with .Params.video_section }}
-        <div class="max-w-4xl my-24 mx-auto px-4">
-            <div class="text-center mb-8">
-                <h2>{{ .title }}</h2>
-                <p class="text-lg">
-                    {{ .subtitle }}
-                </p>
-            </div>
-
-            <!-- Rendered with Hugo's YouTube shortcode: https://gohugo.io/content-management/shortcodes/#youtube -->
-            <div class="rounded shadow-md" style="position: relative; padding-bottom: 56.25%; overflow: hidden;">
-                <iframe
-                    src="//www.youtube.com/embed/{{ .youtube_video_id }}?rel=0"
-                    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
-                    allowfullscreen=""
-                    title="{{ .video_title }}"
-                ></iframe>
-            </div>
-        </div>
-    {{ end }}
+    <!-- Video section moved to the top of the page -->
 
     {{ partial "get-started.html" . }}