[dashboard] chore: Update copy texts for empty /workspaces page (#19998)

* [dashboard] chore: Update copy texts for empty `/workspaces` page

* add some top margin

Author: Siddhant-K-code

components/dashboard/src/workspaces/EmptyWorkspacesContent.tsx

@@ -5,9 +5,8 @@
  */
 
 import React, { useEffect } from "react";
-import { StartWorkspaceModalKeyBinding } from "../App";
 import { LinkButton } from "@podkit/buttons/LinkButton";
-import { Heading1, Heading2, Subheading } from "@podkit/typography/Headings";
+import { Heading2, Subheading } from "@podkit/typography/Headings";
 import { trackVideoClick } from "../Analytics";
 
 declare global {
@@ -43,7 +42,7 @@ export const EmptyWorkspacesContent = () => {
 
     return (
         <div className="app-container flex flex-col space-y-2">
-            <div className="px-6 mt-12 flex flex-row justify-center space-x-8">
+            <div className="px-6 mt-16 flex flex-row items-center justify-center space-x-14">
                 <div>
                     <iframe
                         id="gitpod-video"
@@ -57,25 +56,23 @@ export const EmptyWorkspacesContent = () => {
                     ></iframe>
                 </div>
                 <div>
-                    <div className="flex flex-col items-left h-96 w-96">
-                        <Heading1 className="text-left mb-4 !font-semibold !text-2xl">Welcome to Gitpod</Heading1>
-                        <Heading2 className="text-left !mb-0 !font-semibold !text-lg">
+                    <div className="flex flex-col items-left justify-center h-96 w-96">
+                        <Heading2 className="text-left mb-4 !font-semibold !text-lg">
                             Create your first workspace
                         </Heading2>
                         <Subheading className="text-left max-w-xs">
-                            A workspace is a cloud development environment
+                            Write code in your personal development environment that’s running in the cloud
                         </Subheading>
                         <span className="flex flex-col space-y-4 w-fit">
                             <LinkButton
                                 variant="secondary"
-                                className="mt-4 border border-pk-content-secondary text-pk-content-secondary bg-pk-surface-secondary"
+                                className="mt-4 border !border-pk-content-invert-primary text-pk-content-secondary bg-pk-surface-secondary"
                                 href={"/new?showExamples=true"}
                             >
-                                Try a configured demo repo
+                                Try a configured demo repository
                             </LinkButton>
                             <LinkButton href={"/new"} className="gap-1.5">
-                                Open your repository{" "}
-                                <span className="opacity-60 hidden md:inline">{StartWorkspaceModalKeyBinding}</span>
+                                Configure your own repository
                             </LinkButton>
                         </span>
                     </div>