diff --git a/docs/website/src/pages/index.module.css b/docs/website/src/pages/index.module.css
index 5420053d36f..d1fb6211b36 100644
--- a/docs/website/src/pages/index.module.css
+++ b/docs/website/src/pages/index.module.css
@@ -46,7 +46,7 @@
 
 /* CSS for features */
 .overview {
-  padding: 80px 0px;
+  padding: 10px 0px;
 }
 
 .overviewAlt {
@@ -75,7 +75,7 @@
   font-weight: 600;
   text-align: center;
   font-size: var(--ifm-h3-font-size);
-  padding: 30px;
+  padding: 20px;
   margin: 0px auto;
 }
 
@@ -91,7 +91,7 @@
 
 .banner {
   background-color: #2b3137;
-  padding: 48px;
+  padding: 38px;
 }
 
 .bannerInner {
@@ -113,7 +113,7 @@
 
 .logo {
   float: right;
-  max-width: 250px;
+  max-width: 200px;
 }
 
 
@@ -123,7 +123,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  margin-top: 24px;
+  margin-top: 20px;
 }
 
 .indexCtas a {
diff --git a/docs/website/src/pages/index.tsx b/docs/website/src/pages/index.tsx
index e885f9209d4..46569e0b469 100644
--- a/docs/website/src/pages/index.tsx
+++ b/docs/website/src/pages/index.tsx
@@ -23,7 +23,7 @@ export default function Home(): JSX.Element {
   className={styles.logo}
   src={useBaseUrl('/img/logo.png')}
   />
-              <span className={styles.bannerTitleTextHtml}>Fast <b>iterative</b> application <b>development</b> deployed immediately to your <b>kubernetes</b> cluster</span>
+                <span className={styles.bannerTitleTextHtml}>Simplified <b>container</b>-based application <b>development</b></span>
             </h1>
             <div className={styles.indexCtas}>
               <Link className="button button--primary" to="/docs/introduction">
@@ -47,10 +47,13 @@ export default function Home(): JSX.Element {
         </div>
         <div className={clsx(styles.title, styles.titleDark)}>
           <div className={styles.titleInner}>
-            Version 3 of odo has just landed 🚀<br></br> <Link to="/docs/overview/installation">Install</Link> and <Link to="/docs/user-guides/quickstart/">try out</Link> our new features ⭐️
+            <Link to="/docs/overview/installation">Install</Link> and <Link to="/docs/user-guides/quickstart/">try out</Link> our features ⭐️
           </div>
         </div>
         <div className={clsx(styles.overview, styles.overviewAlt)}>
+          <div className="container text--center margin-top--md" style={{marginBottom:'50px'}}>
+            <video className={styles.loopVideo} autoPlay loop muted style={{width:'85%'}}><source src="/video/odo-preview.hd.webm" type="video/webm"/></video>
+          </div>
           <div className="container text--center margin-top--md">
             <div className="row">
               <div className="col col--5 col--offset-1">
diff --git a/docs/website/static/video/odo-preview.hd.webm b/docs/website/static/video/odo-preview.hd.webm
new file mode 100644
index 00000000000..486e73bddef
Binary files /dev/null and b/docs/website/static/video/odo-preview.hd.webm differ