OKTA-597725 - Updates to quickstart guide and javascript code referen…

…ce (#4173)

* Added JS link to quick start and commented out the coming-soon tiles

* Minor revisions to code JS page and addition of link to spa js guide

* reorg of tiles for spa

packages/@okta/vuepress-site/code/javascript/index.md

@@ -27,9 +27,9 @@ These resources walk you through adding user authentication to your JavaScript a
 
 > **Note**: This set of resources is relevant to front-end JavaScript. For back-end JavaScript, see [Node.js](/code/nodejs/).
 
-## Integrate with Okta using the Okta-hosted Sign-In Widget
+## Integrate with Okta using redirect authentication and the Sign-In Widget
 
-These SDKs help you integrate with Okta by redirecting to the Okta Sign-In Widget using OpenID Connect (OIDC) client libraries.
+This SDK helps you integrate with Okta by redirecting to the Okta Sign-In Widget using OpenID Connect (OIDC) client libraries.
 
 [Okta's OpenID Connect JS library](https://github.com/okta/okta-oidc-js)
 
@@ -50,6 +50,7 @@ Embedded SDK and Sign-In Widget sign-in guide:
 
 Other guides:
 
+* [Sign users in to your SPA using the redirect model and AuthJS](/docs/guides/auth-js-redirect/)
 * [Implementing the Implicit flow](/docs/guides/implement-grant-type/implicit/main/)
 * [Implementing the PKCE flow](/docs/guides/implement-grant-type/authcodepkce/main/)
 * [Add an identity provider (includes social login)](/docs/guides/identity-providers/)

packages/@okta/vuepress-site/docs/guides/quickstart/main/index.md

@@ -32,10 +32,11 @@ A traditional web app that runs on the server.
 A JavaScript app that runs in the browser, for example a single-page app (SPA).
 
 <Cards>
+  <Card href="/docs/guides/auth-js-redirect/main/" :showHeaderIcon=true headerIcon="code-javascript">JavaScript</Card>
   <Card href="/docs/guides/sign-into-spa-redirect/react/main/" headerImage="/img/homepage/stackselectors/react.png">React</Card>
   <Card href="/docs/guides/sign-into-spa-redirect/angular/main/" headerImage="/img/homepage/stackselectors/angular.png">Angular</Card>
   <Card href="/docs/guides/sign-into-spa-redirect/vue/main/" headerImage="/img/homepage/stackselectors/vue.png">Vue</Card>
-  <Card href="#" headerImage="/img/homepage/stackselectors/dotnet.png">Blazor (coming soon)</Card>
+  <!--<Card href="#" headerImage="/img/homepage/stackselectors/dotnet.png">Blazor (coming soon)</Card>-->
 </Cards>
 
 ### Mobile/native app
@@ -45,7 +46,7 @@ A mobile or desktop app that runs natively on a device.
 <Cards>
   <Card href="/docs/guides/sign-into-mobile-app-redirect/ios/main/" headerImage="/img/homepage/stackselectors/ios.png">iOS</Card>
   <Card href="/docs/guides/sign-into-mobile-app-redirect/android/main/" headerImage="/img/homepage/stackselectors/android.png">Android</Card>
-  <Card href="#" headerImage="/img/homepage/stackselectors/react.png">React Native (coming soon)</Card>
+  <!-- <Card href="#" headerImage="/img/homepage/stackselectors/react.png">React Native (coming soon)</Card> -->
 </Cards>
 
 ## Protect your API
@@ -61,5 +62,5 @@ An API endpoint or service that is protected by Okta.
 <Cards>
   <Card href="/docs/guides/protect-your-api/go/main/" headerImage="/img/homepage/stackselectors/go.png">Go Gin</Card>
   <Card href="/docs/guides/protect-your-api/php/main/" headerImage="/img/homepage/stackselectors/php.png">PHP</Card>
-  <Card href="#" headerImage="/img/homepage/stackselectors/python.png">Python Flask (coming soon)</Card>
-</Cards>
+  <!-- <Card href="#" headerImage="/img/homepage/stackselectors/python.png">Python Flask (coming soon)</Card> -->
+</Cards>