change: [M3-7492] – VPC Landing page empty state resource links & cop…

…y updates (#9951)

packages/manager/.changeset/pr-9951-upcoming-features-1701454182728.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Tweaked VPC landing page empty state copy and added resource links ([#9951](https://github.com/linode/manager/pull/9951))

packages/manager/cypress/e2e/core/vpc/vpc-landing-page.spec.ts

@@ -71,7 +71,6 @@ describe('VPC landing page', () => {
     cy.findByText(VPC_LABEL).should('be.visible');
     cy.findByText('Create a private and isolated network').should('be.visible');
     cy.findByText('Getting Started Guides').should('be.visible');
-    cy.findByText('Video Playlist').should('be.visible');
 
     // Create button exists and navigates user to create page.
     ui.button

packages/manager/src/features/VPCs/VPCLanding/VPCEmptyState.tsx

@@ -3,10 +3,7 @@ import { useHistory } from 'react-router-dom';
 
 import VPC from 'src/assets/icons/entityIcons/vpc.svg';
 import { ResourcesSection } from 'src/components/EmptyLandingPageResources/ResourcesSection';
-import {
-  gettingStartedGuides,
-  youtubeLinkData,
-} from 'src/features/Linodes/LinodesLanding/LinodesLandingEmptyStateData';
+import { gettingStartedGuides } from 'src/features/VPCs/VPCLanding/VPCLandingEmptyStateData';
 import { sendEvent } from 'src/utilities/analytics';
 
 import { headers, linkAnalyticsEvent } from './VPCEmptyStateData';
@@ -33,7 +30,6 @@ export const VPCEmptyState = () => {
       headers={headers}
       icon={VPC}
       linkAnalyticsEvent={linkAnalyticsEvent}
-      youtubeLinkData={youtubeLinkData}
     />
   );
 };

packages/manager/src/features/VPCs/VPCLanding/VPCEmptyStateData.tsx

@@ -7,7 +7,7 @@ import type {
 
 export const headers: ResourcesHeaders = {
   description:
-    'Enable cloud resources to privately and securely communicate with each other, the internet, and other private networks.',
+    'Enable cloud resources to privately communicate with each other, the internet, and other private networks.',
   subtitle: 'Create a private and isolated network',
   title: VPC_LABEL,
 };

packages/manager/src/features/VPCs/VPCLanding/VPCLandingEmptyStateData.tsx

@@ -0,0 +1,48 @@
+import type {
+  ResourcesHeaders,
+  ResourcesLinkSection,
+  ResourcesLinks,
+} from 'src/components/EmptyLandingPageResources/ResourcesLinksTypes';
+
+export const headers: ResourcesHeaders = {
+  description:
+    'Host your websites, applications, or any other Cloud-based workloads on a scalable and reliable platform.',
+  subtitle: 'Cloud-based virtual machines',
+  title: 'Linodes',
+};
+
+export const gettingStartedGuides: ResourcesLinkSection = {
+  links: [
+    {
+      text: 'Overview of Virtual Private Clouds (VPCs)',
+      to: 'https://www.linode.com/docs/products/networking/vpc/',
+    },
+    {
+      text: 'Getting Started with VPCs',
+      to: 'https://www.linode.com/docs/products/networking/vpc/get-started/',
+    },
+    {
+      text: 'Create a VPC',
+      to: 'https://www.linode.com/docs/products/networking/vpc/guides/create/',
+    },
+    {
+      text: 'Manage VPC Subnets',
+      to: 'https://www.linode.com/docs/products/networking/vpc/guides/subnets/',
+    },
+    {
+      text: 'Assign (and Remove) Services',
+      to:
+        'https://www.linode.com/docs/products/networking/vpc/guides/assign-services/',
+    },
+  ],
+  moreInfo: {
+    text: 'View additional VPC guides',
+    to: 'https://www.linode.com/docs/products/networking/vpc/guides/',
+  },
+  title: 'Getting Started Guides',
+};
+
+export const linkAnalyticsEvent: ResourcesLinks['linkAnalyticsEvent'] = {
+  action: 'Click:link',
+  category: 'VPCs landing page empty',
+};