Add CLI images / information on index page of odo.dev

<!--
Thank you for opening a PR! Here are some things you need to know before submitting:

1. Please read our developer guideline: https://github.com/redhat-developer/odo/wiki/Dev:-odo-Dev-Guidelines
2. Label this PR accordingly with the '/kind' line
3. Ensure you have written and ran the appropriate tests: https://github.com/redhat-developer/odo/wiki/Dev:-Writing-and-running-tests
4. Read how we approve and LGTM each PR: https://github.com/redhat-developer/odo/wiki/Pull-Requests:-Review-guideline

Documentation:

If you are pushing a change to documentation, please read: https://github.com/redhat-developer/odo/wiki/Documentation:-Contributing
-->

**What type of PR is this:**

<!--
Add one of the following kinds:
/kind bug
/kind feature
/kind cleanup
/kind tests

Feel free to use other [labels](https://github.com/redhat-developer/odo/labels) as needed. However one of the above labels must be present or the PR will not be reviewed. This instruction is for reviewers as well.
-->
/kind documentation

**What does this PR do / why we need it:**

Updates the index page with information / details on the CLI with
previews of using odo init, dev and deploy.

**Which issue(s) this PR fixes:**
<!--
Specifying the issue will automatically close it when this PR is merged
-->

Fixes part of #6034

Signed-off-by: Charlie Drage <[email protected]>

docs/website/src/pages/index.tsx

@@ -78,22 +78,23 @@ export default function Home(): JSX.Element {
         </div>
         <div className={styles.overview}>
           <div className="container text--center margin-top--md">
+          <h1>A developer-focused CLI for blazingly fast Kubernetes application development</h1>
             <div className="row">
             <div className="col col--6">
                 <h2 className={clsx(styles.featureHeading)}>
-                  Develop your application
+                  Initialize and develop your application
                 </h2>
                 <p className="padding-horiz--md">
-    We provide first class support for both Kubernetes and OpenShift. Choose your favourite container orchestrator and deploy your application.
+                  Only two commands away from deploying on a cluster! Use <code>odo</code> to initialize and then develop your application directly on the cluster.
                 </p>
                 <img className={styles.terminalImage} alt="init" src={useBaseUrl('/img/init.png')}/>
               </div>
               <div className="col col--6">
                 <h2 className={clsx(styles.featureHeading)}>
-                  Deploy to production
+                  Build, push, and deploy your application seamlessly
                 </h2>
                 <p className="padding-horiz--md">
-    We provide first class support for both Kubernetes and OpenShift. Choose your favourite container orchestrator and deploy your application.
+                  Go further with development. Deploy your application seamlessly to Kubernetes. <code>odo</code> can easily manage the build, pushing, and deployment of your application. 
                 </p>
                 <img className={styles.terminalImage} alt="deploy" src={useBaseUrl('/img/deploy.png')}/>
               </div>