diff --git a/docs/_css/react.scss b/docs/_css/react.scss
index 68bfe87e81c..315bff7a6a6 100644
--- a/docs/_css/react.scss
+++ b/docs/_css/react.scss
@@ -285,14 +285,14 @@ li {
   margin-right: 0;
 }
 
-#examples {
-  h3 {
-    color: $darkColor;
-    font-size: 24px;
-    font-weight: normal;
-    margin-bottom: 5px;
-  }
+#examples h3, .home-presentation h3 {
+  color: $darkColor;
+  font-size: 24px;
+  font-weight: normal;
+  margin-bottom: 5px;
+}
 
+#examples {
   p {
     margin: 0 0 25px 0;
     max-width: $twoColumnWidth;
diff --git a/docs/index.md b/docs/index.md
index 2edff30307d..169526c151b 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -80,6 +80,12 @@ id: home
   <script type="text/javascript" src="js/examples/markdown.js"></script>
 </section>
 <hr class="home-divider" />
+<section class="home-section home-presentation">
+  <h3>Presentation</h3>
+  <p>Watch this 30-minute presentation followed by a Q&A to learn more about React.</p>
+  <figure><iframe width="650" height="400" src="//www.youtube.com/embed/XxVg_s8xAms" frameborder="0" allowfullscreen></iframe></figure>
+</section>
+<hr class="home-divider" />
 <section class="home-bottom-section">
   <div class="buttons-unit">
     <a href="docs/getting-started.html" class="button">Get Started</a>