DX-2790 Update Landing Page

.gitignore

@@ -9,6 +9,10 @@
 portal/
 specs/Global/
 
+#cypress test artifacts
+/site/cypress/screenshots
+/site/cypress/videos
+
 # Node Modules
 node_modules/
 

site/blogposts.config.json

@@ -0,0 +1,71 @@
+[
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/1662673862402.jpg",
+        "categories": ["Messaging"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
+        "postLink": "https://www.bandwidth.com/blog/toll-free-verification-webinar/",
+        "postTitle": "Webinar FAQ: Toll-free Verification"
+    },{
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Voice-Quality-CCaaS-1.png",
+        "categories": ["Voice"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
+        "postLink": "https://www.bandwidth.com/blog/improving-the-agent-experience/",
+        "postTitle": "Voice quality: The unsung hero of agent experience"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_CallUKFromUS.png",
+        "categories": ["Voice"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
+        "postLink": "https://www.bandwidth.com/blog/how-to-dial-the-uk-from-the-us/",
+        "postTitle": "How to Dial the U.K. from the U.S. - Bandwidth's Calling Guide"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Send-to-Duet-Teams.png",
+        "categories": ["Messaging"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
+        "postLink": "https://www.bandwidth.com/blog/how-to-send-texts-from-microsoft-teams/",
+        "postTitle": "How to send texts from Microsoft Teams"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/411-Toll-Free-Verification.png",
+        "categories": ["Messaging", "The 411"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/", "https://www.bandwidth.com/blog/category/the-411/"],
+        "postLink": "https://www.bandwidth.com/blog/toll-free-verification-411-video/",
+        "postTitle": "Toll-free Verification"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Global-Regulations-NoJitter-Webinar-Recap.png",
+        "categories": ["911 Access", "Phone Numbers"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/911-access/", "https://www.bandwidth.com/blog/category/phone-numbers/"],
+        "postLink": "https://www.bandwidth.com/blog/telecom-compliance-for-global-enterprises/",
+        "postTitle": "Telecom compliance in the U.S. and around the world"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Non-fixed-VoIP-1.png",
+        "categories": ["Phone Numbers"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/phone-numbers/"],
+        "postLink": "https://www.bandwidth.com/blog/non-fixed-voip/",
+        "postTitle": "What is Non-Fixed VoIP? A Complete Business Guide"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_SMSvsMMS-HeaderPreview-1.png",
+        "categories": ["Messaging"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
+        "postLink": "https://www.bandwidth.com/blog/what-is-mms-sms-how-do-they-differ/",
+        "postTitle": "SMS vs MMS - how do they differ?"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Hacker-Hours-2021-2022.png",
+        "categories": ["DevStack"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/devstack/"],
+        "postLink": "https://www.bandwidth.com/blog/hacker-hours-2021-in-review-and-the-progression-of-2022/",
+        "postTitle": "Hacker Hours: 2021 in review and the progression of 2022"
+    },
+    {
+        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Untitled-design-1.png",
+        "categories": ["Messaging"],
+        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
+        "postLink": "https://www.bandwidth.com/blog/switching-to-a-twilio-alternative/",
+        "postTitle": "Switching to a Twilio alternative"
+    }
+]

site/cypress/e2e/tests/api_reference.cy.js

@@ -68,7 +68,7 @@ context('Emergency Notifications API SVG Link on API Reference Page', () => {
   testSvgLink('/apis/','svg[alt="Emergency Notifications API"]', 'apis/dash-notifications')
 })
 
-context('Emergenc Notifications API Text Link on API Reference Page', () => {
+context('Emergency Notifications API Text Link on API Reference Page', () => {
   testTextLink('/apis/','Emergency Notifications API', 'apis/dash-notifications')
 })
 

site/cypress/e2e/tests/docs.cy.js

@@ -1,37 +1,57 @@
-import {testTextLink, extLinkTester} from '../../utils/utils'
+import {testTextLink, testSvgLink} from '../../utils/utils'
 
-context('Account Management Link', () => {
-  testTextLink('/docs','Account Management','docs/account', '.docs-intro-grid-item')
+context('Account Text Link', () => {
+  testTextLink('/docs', 'Account', 'docs/account', '.textLink_src-components-css-ItemGrid-module')
 })
 
-context('Numbers Link', () => {
-  testTextLink('/docs','Numbers','docs/numbers', '.docs-intro-grid-item')
+context('Account SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="Account"]', 'docs/account')
 })
 
-context('Voice Link', () => {
-  testTextLink('/docs','Voice', 'docs/voice', '.docs-intro-grid-item')
+context('Numbers Text Link', () => {
+  testTextLink('/docs','Numbers','docs/numbers', '.textLink_src-components-css-ItemGrid-module')
 })
 
-context('Messaging Link', () => {
-  testTextLink('/docs','Messaging','docs/messaging', '.docs-intro-grid-item')
+context('Numbers SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="Numbers"]', 'docs/numbers')
 })
 
-context('WebRTC Link', () => {
-  testTextLink('/docs','WebRTC', 'docs/webrtc' ,'.docs-intro-grid-item')
+context('Voice Text Link', () => {
+  testTextLink('/docs','Voice', 'docs/voice', '.textLink_src-components-css-ItemGrid-module')
 })
 
-context('Multi-Factor Authentication Link', () => {
-  testTextLink('/docs','Multi-Factor Authentication', 'docs/mfa' ,'.docs-intro-grid-item')
+context('Voice SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="Voice"]', 'docs/voice')
 })
 
-context('Emergency Services Link', () => {
-  testTextLink('/docs','Emergency Services', 'docs/emergency' ,'.docs-intro-grid-item')
+context('Messaging Text Link', () => {
+  testTextLink('/docs','Messaging','docs/messaging', '.textLink_src-components-css-ItemGrid-module')
 })
 
-context('Next - About Link', () => {
-  testTextLink('/docs','About', 'docs/account' ,'a.pagination-nav__link')
+context('Messaging SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="Messaging"]', 'docs/messaging')
 })
 
-context('Edit This Page Link', () => {
-  extLinkTester('/docs', 'a.theme-edit-this-page', 'https://github.com/Bandwidth/api-docs/edit/main/site/docs/intro.mdx')
+context('WebRTC Text Link', () => {
+  testTextLink('/docs','WebRTC', 'docs/webrtc' ,'.textLink_src-components-css-ItemGrid-module')
+})
+
+context('WebRTC SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="WebRTC"]', 'docs/webrtc')
+})
+
+context('Multi-Factor Authentication Text Link', () => {
+  testTextLink('/docs','Multi-Factor Authentication', 'docs/mfa' ,'.textLink_src-components-css-ItemGrid-module')
+})
+
+context('Multi-Factor Authentication SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="Multi-Factor Authentication"]', 'docs/mfa')
+})
+
+context('Emergency Text Link', () => {
+  testTextLink('/docs','Emergency', 'docs/emergency' ,'.textLink_src-components-css-ItemGrid-module')
+})
+
+context('Emergency SVG Link', () => {
+  testSvgLink('/docs/','svg[alt="Emergency"]', 'docs/emergency')
 })

site/cypress/e2e/tests/docs_sidebar.cy.js

@@ -3,48 +3,53 @@ import {testSidebar} from '../../utils/utils'
 
 context('Testing the Docs Sidebar Tabs', () => {
   beforeEach(() => {
-    cy.visit('/docs')
+    cy.visit('/docs/versions')
   })
 
-  it('Should verify that the Account Management tab and subtabs opens and closes properly', () => {
+  it('Should verify that the Account Management tab and sub-tabs opens and closes properly', () => {
     testSidebar('Account Management')
     testSidebar('Setup')
   })
 
-  it('Should verify that the Numbers tab and subtabs opens and closes properly', () => {
+  it('Should verify that the Numbers tab and sub-tabs opens and closes properly', () => {
     testSidebar('Numbers')
     testSidebar('Webhooks')
     testSidebar('Guides and Tutorials')
   })
 
-  it('Should verify that the Voice tab and subtabs opens and closes properly', () => {
+  it('Should verify that the Voice tab and sub-tabs opens and closes properly', () => {
     testSidebar('Voice')
     testSidebar('Webhooks')
     testSidebar('BXML')
     testSidebar('Guides and Tutorials')
   })
 
-  it('Should verify that the Messaging tab and subtabs opens and closes properly', () => {
+  it('Should verify that the Messaging tab and sub-tabs opens and closes properly', () => {
     testSidebar('Messaging')
     testSidebar('Guides and Tutorials')
     testSidebar('Campaign Management')
     testSidebar('10DLC CSP Campaigns')
     testSidebar('10DLC Campaign Imports')
   })
 
-  it('Should verify that the WebRTC tab and subtabs opens and closes properly', () => {
+  it('Should verify that the WebRTC tab and sub-tabs opens and closes properly', () => {
     testSidebar('WebRTC')
     testSidebar('Guides and Tutorials')
   })
 
-  it('Should verify that the Multi-Factor Authentication tab and subtabs opens and closes properly', () => {
+  it('Should verify that the Multi-Factor Authentication tab and sub-tabs opens and closes properly', () => {
     testSidebar('Multi-Factor Authentication')
     testSidebar('Webhooks')
   })
 
-  it('Should verify that the Emergency Services tab and subtabs opens and closes properly', () => {
+  it('Should verify that the Emergency Services tab and sub-tabs opens and closes properly', () => {
     testSidebar('Emergency Services')
     testSidebar('Bandwidth Dashboard')
     testSidebar('911 Access Dashboard')
   })
+
+  // TODO ONEID-1304
+  // it('Should verify that the Identity Management tab and sub-tabs opens and closes properly', () => {
+  //   testSidebar('Identity Management')
+  // })
 })

site/cypress/e2e/tests/home.cy.js

@@ -1,49 +1,29 @@
-import {testSvgLink, testTextLink} from '../../utils/utils'
+import {splashRowTester, testTextLink, testCarousel} from '../../utils/utils'
 
-context('Numbers Docs SVG Link on Homepage', () => {
-  testSvgLink('/','svg[alt="Numbers"]', 'docs/numbers')
+context('Guides Splash Row Content', () => {
+  splashRowTester('/', 'Check out our guides', '.splash_src-components-css-SplashPage-module > :nth-child(2)', 'Read the guides →')
 })
 
-context('Numbers Docs Text Link on Homepage', () => {
-  testTextLink('/','Numbers', 'docs/numbers')
+context('Read the guides link', () => {
+  testTextLink('/','Read the guides', 'docs' ,'.link_src-components-css-SplashPage-module')
 })
 
-context('Voice Docs SVG Link on Homepage', () => {
-  testSvgLink('/','svg[alt="Voice"]', 'docs/voice')
+context('APIS Splash Row Content', () => {
+  splashRowTester('/', 'Dig into our API reference', '.splash_src-components-css-SplashPage-module > :nth-child(3)', 'See our API reference →')
 })
 
-context('Voice Docs Text Link on Homepage', () => {
-  testTextLink('/','Voice', 'docs/voice')
+context('See our API reference link', () => {
+  testTextLink('/','See our API reference', 'apis' ,'.link_src-components-css-SplashPage-module')
 })
 
-context('Messaging Docs SVG Link on Homepage', () => {
-  testSvgLink('/','svg[alt="Messaging"]', 'docs/messaging')
+context('SDKS Splash Row Content', () => {
+  splashRowTester('/', 'Looking for our SDKs?', '.splash_src-components-css-SplashPage-module > :nth-child(5)', 'Build with Bandwidth →')
 })
 
-context('Messaging Docs Text Link on Homepage', () => {
-  testTextLink('/','Messaging', 'docs/messaging')
+context('Build with Bandwidth link', () => {
+  testTextLink('/','Build with Bandwidth', 'sdks' ,'.link_src-components-css-SplashPage-module')
 })
 
-context('Emergency Docs SVG Link on Homepage', () => {
-  testSvgLink('/','svg[alt="Emergency"]', 'docs/emergency')
-})
-
-context('Emergency Docs Text Link on Homepage', () => {
-  testTextLink('/','Emergency', 'docs/emergency')
-})
-
-context('Multi-Factor Authentication Docs SVG Link on Homepage', () => {
-  testSvgLink('/','svg[alt="Multi-Factor Authentication"]', 'docs/mfa')
-})
-
-context('Multi-Factor Authentication Docs Text Link on Homepage', () => {
-  testTextLink('/','Multi-Factor Authentication', 'docs/mfa')
-})
-
-context('WebRTC Docs SVG Link on Homepage', () => {
-  testSvgLink('/','svg[alt="WebRTC"]', 'docs/webrtc')
-})
-
-context('WebRTC Docs Text Link on Homepage', () => {
-  testTextLink('/','WebRTC', 'docs/webrtc')
+context('Carousel Tests', () => {
+  testCarousel('/', 10, 'Recent Blog Posts')
 })

site/cypress/e2e/tests/navbar.cy.js

@@ -1,13 +1,13 @@
 import {navTester, extLinkTester, navBarContext} from '../../utils/utils'
 
 context('The Home Page', () => {
-  it('Successfuly loads', () => {
+  it('Successfully loads', () => {
     cy.visit('/')
   })
 })
 
 context('Docs', () => {
-  navBarContext('Docs');
+  navBarContext('Guides');
   navTester('docs');
 })
 

site/cypress/e2e/tests/sdk.cy.js

@@ -4,7 +4,7 @@ context('Node SDK SVG Link on SDK Page', () => {
   testSvgLink('/sdks/','svg[alt="Node"]', 'sdks/node')
 })
 
-context('Numbers Docs Text Link on SDK Page', () => {
+context('Node Docs Text Link on SDK Page', () => {
   testTextLink('/sdks/','Node', 'sdks/node')
 })