Updates walkthroughs

- adds new images to premium feature sections
- fixes side bar view images to be side-by-side
- in the last step of the getting started walkthrough, add image and a button that links to the premium feature walkthrough
- updates the old settings.png image with a new version
- adds a new image of the quick setup
- adds a note about worktrees not working on the web

package.json

@@ -10831,7 +10831,7 @@
 					{
 						"id": "gitlens.welcome.premium",
 						"title": "Premium GitLens Features",
-						"description": "TODO - summay of premium features with link to LEARN MORE (https://gitkraken.com/gitlens/premium-features) on marketing site.",
+						"description": "New premium features like Worktrees and Visual File History are now available in GitLens.\n\n[Learn About Premium Features](command:gitlens.openWalkthrough?%22gitlens.premium%7Cgitlens.premium%22 \"Opens the GitLens Premium Features Walkthrough\")",
 						"media": {
 							"markdown": "walkthroughs/getting-started/12-premium-features.md"
 						}
@@ -10841,12 +10841,12 @@
 			{
 				"id": "gitlens.premium",
 				"title": "GitLens Premium Features",
-				"description": "gitLens premium features walkthrough description",
+				"description": "Get even more out of Git in VS Code!",
 				"steps": [
 					{
 						"id": "gitlens.premium.intro",
-						"title": "premium features intro",
-						"description": "you can get premium features now",
+						"title": "Introducting GitLens premium features",
+						"description": "New premium features like Worktrees and Visual File History can be unlocked with a GitLens Free+ account. Additional premium features like GitHub Enterprise and GitLab Self-Managed integrations, and a visual commit graph are coming soon.\n\n",
 						"media": {
 							"markdown": "walkthroughs/premium-features/1-intro.md"
 						}
@@ -10854,7 +10854,7 @@
 					{
 						"id": "gitlens.premium.worktrees",
 						"title": "Do more with Worktrees",
-						"description": "Create Worktrees that allow multiple branches to be checked-out at once on the same repository. This makes it easier to develop on, or test multiple branches, by minimizing the context switching between branches.",
+						"description": "Create Worktrees that allow multiple branches to be checked-out at once on the same repository. This makes it easier to develop on, or test multiple branches, by minimizing the context switching between branches.\n\nNote: Worktrees do not yet work with VS Code on the web.",
 						"media": {
 							"markdown": "walkthroughs/premium-features/2-worktrees.md"
 						}

walkthroughs/getting-started/1-setup.md

@@ -1,8 +1,7 @@
 ## Quick Setup
 
 <p align="center">
-  <!-- <img src="../../images/docs/settings.png" alt="GitLens Interactive Settings" /> -->
-  WELCOME IMAGE HERE
+  <img src="../../images/docs/quick-setup.png" alt="GitLens Interactive Quick Setup" />
 </p>
 
 GitLens is powerful, feature rich, and highly customizable to meet your needs. Do you find code lens intrusive or the current line blame annotation distracting — no problem, quickly turn them off or change how they behave using the Quick Setup.

walkthroughs/getting-started/12-premium-features.md

@@ -0,0 +1,3 @@
+<p align="center">
+  <img src="../../images/docs/visual-file-history-hover.png" alt="Visual File History View"/>
+</p>

walkthroughs/getting-started/7-git-side-bar-views.md

@@ -1,14 +1,4 @@
-<div style="display:flex; flex-direction:row;">
-  <div>
-    <span>GitLens Side Bar Views</span>
-    <div>
-      <img src="../../images/docs/views-layout-gitlens.png" alt="GitLens Side Bar Views" style="max-width: 100%;" />
-    </div>
-  </div>
-  <div>
-    <span>Source Control Side Bar Views</span>
-    <div>
-      <img src="../../images/docs/views-layout-scm.png" alt="Source Control Side Bar Views" style="max-width: 100%;" />
-    </div>
-  </div>
-</div>
+<p float="left">
+  <img src="../../images/docs/views-layout-gitlens.png" alt="GitLens Side Bar Views" width="45%" />
+  <img src="../../images/docs/views-layout-scm.png" alt="Source Control Side Bar Views" width="45%" />
+</p>

walkthroughs/premium-features/1-intro.md

@@ -1,4 +0,0 @@
-- Introduce concept of premium features (home/learn more page)
-- public vs private repos
-- link to learn more
-- button to try premium features in left?

walkthroughs/premium-features/2-worktrees.md

@@ -1,2 +1,3 @@
-- show worktree image
-- benefits of working with worktrees
+<p align="center">
+  <img src="../../images/docs/worktrees-view.png" alt="Worktrees View in Side Bar"/>
+</p>

walkthroughs/premium-features/3-visual-file-history.md

@@ -1,2 +1,3 @@
-- image
-- benefits of visualizing file history
+<p align="center">
+  <img src="../../images/docs/visual-file-history-hover.png" alt="Visual File History View"/>
+</p>

walkthroughs/premium-features/4-coming-soon.md

@@ -1,4 +1,3 @@
-- github enterprise
-- gitlab self-managed
-- gk graph
-- team features
+<p align="center">
+  <img src="../../images/docs/coming-soon-commit-graph.png" alt="Worktrees View in Side Bar"/>
+</p>