Fix guides product tags

src/common/maps.tsx

@@ -168,7 +168,7 @@ export interface ExamplesInterface {
 }
 
 export const tags = {
-  pnp: "pnp",
+  pnp: "plug and play",
   mpcCoreKit: "mpc core kit",
   sfa: "single factor auth",
   modal: "@web3auth/modal",
@@ -210,7 +210,7 @@ export const productMap = [
   },
   {
     label: "Single Factor Auth",
-    value: tags.sfaJS,
+    value: tags.sfa,
   },
   {
     label: "MPC Core Kit",

src/components/ProductCards/styles.module.css

@@ -24,6 +24,7 @@
   align-items: center;
   flex-wrap: wrap;
   margin-top: 16px;
+  color: var(--ifm-color-content);
 }
 
 .platformIconContainer {

src/pages/guides/android-auth0.mdx

@@ -3,7 +3,7 @@ title: How to use Auth0 with Web3Auth Android SDK
 image: "guides-banners/android-auth0.png"
 description: Learn how to use Web3Auth Android SDK in your Android application with Auth0.
 type: guide
-tags: [pnp, android, auth0, kotlin, custom authentication, evm]
+tags: [plug and play, android, auth0, kotlin, custom authentication, evm]
 date: January 17, 2023
 author: Web3Auth Team
 communityPortalTopicId: 41

src/pages/guides/android-firebase.mdx

@@ -3,7 +3,7 @@ title: Integrating Firebase with Web3Auth PnP Android SDK
 image: "guides-banners/android-firebase.png"
 description: Learn how to use Web3Auth PnP Android SDK in your Android application with Firebase.
 type: guide
-tags: [pnp, android, kotlin, firebase, custom jwt, id token, evm]
+tags: [plug and play, android, kotlin, firebase, custom jwt, id token, evm]
 date: January 17, 2023
 author: Web3Auth Team
 communityPortalTopicId: 43

src/pages/guides/android-wallet.mdx

@@ -3,7 +3,7 @@ title: Create an Ethereum Web3 wallet in Android
 image: "guides-banners/android-wallet.png"
 description: Empower your Android app with a Ethereum Web3 wallet using the Web3Auth PnP SDK.
 type: guide
-tags: [pnp, android, evm, kotlin, secp256k1]
+tags: [plug and play, android, evm, kotlin, secp256k1]
 date: May 27, 2024
 author: Web3Auth Team
 ---

src/pages/guides/android.mdx

@@ -3,7 +3,7 @@ title: Learn how to implement Web3Auth Android SDK
 image: "guides-banners/android.png"
 description: Learn how to use Web3Auth Android SDK in your Android application
 type: guide
-tags: [pnp, android, kotlin, evm]
+tags: [plug and play, android, kotlin, evm]
 date: August 12, 2022
 author: Web3Auth Team
 communityPortalTopicId: 44

src/pages/guides/auth0.mdx

@@ -5,7 +5,7 @@ description:
   A comprehensive guide to setting up your Web3Auth Plug and Play No Modal SDK and Auth0 account,
   including development of a basic web application on your chosen blockchain.
 type: guide
-tags: [pnp, web, evm, passwordless]
+tags: [plug and play, web, evm, passwordless]
 date: January 3, 2023
 author: Web3Auth Team
 communityPortalTopicId: 45

src/pages/guides/browser-extension.mdx

@@ -3,7 +3,7 @@ title: Building a Browser Extension with Web3Auth Plug and Play No Modal SDK
 image: "guides-banners/chrome-extension.png"
 description: Learn how to build a Browser Extension with Web3Auth Plug and Play No Modal SDK
 type: guide
-tags: [pnp, web, evm, chrome extension]
+tags: [plug and play, web, evm, chrome extension]
 date: January 18, 2023
 author: Web3Auth Team
 communityPortalTopicId: 46

src/pages/guides/cognito.mdx

@@ -3,7 +3,7 @@ title: Integrate AWS Cognito with Web3Auth
 image: "guides-banners/cognito.png"
 description: Learn how to use Web3Auth Plug and Play No Modal SDK with AWS Cognito
 type: guide
-tags: [pnp, web, aws cognito, react, evm]
+tags: [plug and play, web, aws cognito, react, evm]
 date: June 25, 2022
 author: Web3Auth Team
 communityPortalTopicId: 47

src/pages/guides/discord.mdx

@@ -5,7 +5,7 @@ description:
   Learn how to use Web3Auth Plug and Play No Modal SDK for Discord login using Custom
   Authentication.
 type: guide
-tags: [pnp, web, discord, evm]
+tags: [plug and play, web, discord, evm]
 keywords: [discord login, discordapp login, discord, custom authentication, react, ethereum, solana]
 date: July 18, 2022
 author: Web3Auth Team

src/pages/guides/erc20-paymaster.mdx

@@ -3,7 +3,7 @@ title: Send your first transaction with ERC-20 Paymaster
 image: "guides-banners/erc20-paymaster.png"
 description: Learn how to use ERC-20 paymaster with Web3Auth Native Account Abstraction.
 type: guide
-tags: [pnp, account abstraction, web, paymaster, erc4337]
+tags: [plug and play, account abstraction, web, paymaster, erc4337]
 date: October 29, 2024
 author: Web3Auth Team
 ---

src/pages/guides/facebook.mdx

@@ -4,7 +4,7 @@ image: "guides-banners/facebook.png"
 description:
   Learn how to use Web3Auth Plug and Play No Modal SDK  for Facebook Custom Authentication.
 type: guide
-tags: [pnp, web, facebook, custom authentication, evm]
+tags: [plug and play, web, facebook, custom authentication, evm]
 date: July 18, 2022
 author: Web3Auth Team
 communityPortalTopicId: 49

src/pages/guides/farcaster-mpc-core-kit-web.mdx

@@ -5,7 +5,7 @@ description:
   Integrate Web3Auth MPC CoreKit Web SDK, handling user logins with JWT tokens, and adding
   additional features like blockchain interactions and logout functionality.
 type: guide
-tags: [core kit, mpc, farcaster, react, evm]
+tags: [mpc core kit, farcaster, react, evm]
 date: May 8, 2024
 author: Web3Auth Team
 communityPortalTopicId:

src/pages/guides/farcaster-sfa-web.mdx

@@ -5,7 +5,7 @@ description:
   Detailed steps to Sign In with Farcaster, configuring the provider, and integrating a sign-in
   button using Web3Auth.
 type: guide
-tags: [core kit, sfa, web, farcaster, evm, next.js]
+tags: [single factor auth, web, farcaster, evm, next.js]
 date: May 6, 2024
 author: Web3Auth Team
 communityPortalTopicId:

src/pages/guides/firebase.mdx

@@ -3,7 +3,7 @@ title: Integrate Firebase with Web3Auth Plug and Play No Modal SDK
 image: "guides-banners/firebase-no-modal.png"
 description: Learn how to use Web3Auth Plug and Play No Modal SDK with Firebase
 type: guide
-tags: [pnp, web, firebase, custom authentication, react, evm]
+tags: [plug and play, web, firebase, custom authentication, react, evm]
 date: August 23, 2022
 author: Web3Auth Team
 communityPortalTopicId: 50

src/pages/guides/flutter-auth0.mdx

@@ -3,7 +3,7 @@ title: How to use Auth0 with Web3Auth Flutter SDK
 image: "guides-banners/flutter-auth0.png"
 description: Learn how to use Web3Auth Flutter SDK in your Flutter application with Auth0.
 type: guide
-tags: [pnp, flutter, android, ios, auth0, custom authentication, evm]
+tags: [plug and play, flutter, android, ios, auth0, custom authentication, evm]
 date: January 17, 2023
 author: Web3Auth Team
 order: 15

src/pages/guides/flutter-firebase.mdx

@@ -3,7 +3,7 @@ title: How to integrate Firebase with Web3Auth Flutter SDK
 image: "guides-banners/flutter-firebase.png"
 description: Learn how to use Web3Auth Flutter SDK in your Flutter application with Firebase.
 type: guide
-tags: [pnp, flutter, android, ios firebase, custom authentication, evm]
+tags: [plug and play, flutter, android, ios firebase, custom authentication, evm]
 date: January 17, 2023
 author: Web3Auth Team
 communityPortalTopicId: 52

src/pages/guides/flutter-wallet.mdx

@@ -3,7 +3,7 @@ title: Create a Chain Agnostic Web3 wallet in Flutter
 image: "guides-banners/flutter-wallet.png"
 description: Empower your Flutter app with a Chain Agnostic Web3 wallet using the Web3Auth PnP SDK.
 type: guide
-tags: [pnp, flutter, andriod, ios, evm, solana]
+tags: [plug and play, flutter, andriod, ios, evm, solana]
 date: April 22, 2024
 author: Web3Auth Team
 ---

src/pages/guides/flutter.mdx

@@ -3,7 +3,7 @@ title: How to use Web3Auth Flutter SDK
 image: "guides-banners/flutter.png"
 description: Learn how to use Web3Auth Flutter SDK in your Flutter application.
 type: guide
-tags: [pnp, flutter, evm, android, ios]
+tags: [plug and play, flutter, evm, android, ios]
 date: September 13, 2022
 author: Web3Auth Team
 communityPortalTopicId: 53

src/pages/guides/github-oauth.mdx

@@ -5,7 +5,7 @@ description:
   Enhance your app's authentication with a step-by-step guide on integrating Github OAuth seamlessly
   with Web3Auth.
 type: guide
-tags: [web, pnp, github, oauth, authentication]
+tags: [web, plug and play, github, oauth, authentication]
 date: March 8, 2024
 author: Web3Auth Team
 communityPortalTopicId:

src/pages/guides/google.mdx

@@ -3,7 +3,7 @@ title: How to use Google with Web3Auth Plug and Play No Modal SDK
 image: "guides-banners/google.png"
 description: Learn how to use Web3Auth Plug and Play No Modal SDK  for Google Custom Authentication.
 type: guide
-tags: [web, pnp, google, custom authentication, react, evm]
+tags: [web, plug and play, google, custom authentication, react, evm]
 date: July 18, 2022
 author: Web3Auth Team
 communityPortalTopicId: 54

src/pages/guides/magic-migration.mdx

@@ -3,7 +3,7 @@ title: Migrate from Magic to Web3Auth
 image: "guides-banners/magic-migration.png"
 description: Migration guide from Magic to Web3Auth.
 type: guide
-tags: [pnp, web, mpc, core kit]
+tags: [plug and play, web, mpc core kit, core kit]
 date: June 25, 2024
 author: Web3Auth Team
 ---

src/pages/guides/microsoft-oauth.mdx

@@ -6,7 +6,7 @@ description:
   authentication, enabling users to log in with their Microsoft account and securely obtain Ethereum
   private keys and public addresses.
 type: guide
-tags: [core kit, web, microsoft, oauth, authentication, github]
+tags: [single factor auth, web, microsoft, oauth, authentication, github]
 date: February 28, 2024
 author: Web3Auth Team
 communityPortalTopicId:

src/pages/guides/mpc-core-kit.mdx

@@ -5,7 +5,7 @@ description:
   Learn how to integrate Web3Auth MPC Core Kit SDK into a React app, set up secure Google login, and
   enhance your app's security and blockchain interactions.
 type: guide
-tags: [web, core kit, mpc, google, evm]
+tags: [web, mpc core kit, google, evm]
 date: May 15, 2023
 author: Web3Auth Team
 communityPortalTopicId:

src/pages/guides/pnp-no-modal-multichain.mdx

@@ -3,7 +3,7 @@ title: Create a Chain Agnostic Web3 Wallet with PnP no-modal SDK
 image: "guides-banners/multi.png"
 description: Learn how to create a chain-agnostic Web3 wallet using Web3Auth.
 type: guide
-tags: [pnp, web, multi chain, polkadot, evm, cosmos, no-modal]
+tags: [plug and play, web, multi chain, polkadot, evm, cosmos, no-modal]
 date: February 9, 2024
 author: Web3Auth Team
 communityPortalTopicId:

src/pages/guides/privy-migration.mdx

@@ -3,7 +3,7 @@ title: Migrate from Privy to Web3Auth
 image: "guides-banners/privy-migration.png"
 description: Migration guide from Privy to Web3Auth.
 type: guide
-tags: [pnp, web, mpc, core kit]
+tags: [plug and play, web, mpc core kit, core kit]
 date: June 18, 2024
 author: Web3Auth Team
 ---

src/pages/guides/rainbowkit-guide.mdx

@@ -5,7 +5,7 @@ description:
   Discover how to effortlessly integrate Rainbow Kit with Web3Auth for a seamless authentication
   experience.
 type: guide
-tags: [pnp, rainbow kit, web, wagmi]
+tags: [plug and play, rainbow kit, web, wagmi]
 date: March 13, 2024
 author: Web3Auth Team
 order: 5

src/pages/guides/react-native-auth0.mdx

@@ -3,7 +3,7 @@ title: How to integrate Auth0 with Web3Auth React Native SDK
 image: "guides-banners/react-native-auth0.png"
 description: Learn how to use Web3Auth Plug and Play React Native SDK with Auth0
 type: guide
-tags: [pnp, react native, auth0, android, ios, custom authentication]
+tags: [plug and play, react native, auth0, android, ios, custom authentication]
 date: December 16, 2022
 author: Web3Auth Team
 communityPortalTopicId: 58

src/pages/guides/react-native-expo-auth0.mdx

@@ -3,7 +3,7 @@ title: How to integrate Auth0 with Web3Auth React Native SDK in Expo Workflow
 image: "guides-banners/expo-auth0.png"
 description: Learn how to use Web3Auth Plug and Play React Native SDK with Auth0 in Expo Workflow
 type: guide
-tags: [pnp, react native, auth0, android, ios, custom authentication]
+tags: [plug and play, react native, auth0, android, ios, custom authentication]
 date: December 16, 2022
 author: Web3Auth Team
 communityPortalTopicId: 60

src/pages/guides/react-native-expo.mdx

@@ -3,7 +3,7 @@ title: How to use Web3Auth React Native SDK in Expo Workflow
 image: "guides-banners/expo.png"
 description: Learn how to use Web3Auth Plug and Play React Native SDK in your Expo app
 type: guide
-tags: [pnp, react native, expo, android, ios, evm]
+tags: [plug and play, react native, expo, android, ios, evm]
 date: December 16, 2022
 author: Web3Auth Team
 communityPortalTopicId: 61

src/pages/guides/react-native-firebase.mdx

@@ -3,7 +3,7 @@ title: Integrate Firebase with Web3Auth React Native SDK
 image: "guides-banners/react-native-firebase.png"
 description: Learn how to use Web3Auth Plug and Play React Native SDK with Firebase
 type: guide
-tags: [pnp, react native, firebase, android, ios, custom authentication]
+tags: [plug and play, react native, firebase, android, ios, custom authentication]
 date: December 16, 2022
 author: Web3Auth Team
 communityPortalTopicId: 59

src/pages/guides/react-native.mdx

@@ -3,7 +3,7 @@ title: How to use Web3Auth React Native SDK
 image: "guides-banners/react-native.png"
 description: Learn how to use Web3Auth Plug and Play React Native SDK in your React Native app
 type: guide
-tags: [pnp, react native, android, ios, custom authentication]
+tags: [plug and play, react native, android, ios, custom authentication]
 date: December 16, 2022
 author: Web3Auth Team
 communityPortalTopicId: 62

src/pages/guides/sending-gasless-transaction.mdx

@@ -3,7 +3,7 @@ title: Send your first gasless transaction
 image: "guides-banners/gasless-transaction.png"
 description: Learn how to use gasless paymaster with Web3Auth Native Account Abstraction.
 type: guide
-tags: [pnp, account abstraction, web, paymaster, erc4337]
+tags: [plug and play, account abstraction, web, paymaster, erc4337]
 date: October 22, 2024
 author: Web3Auth Team
 ---

src/pages/guides/server-side-verification.mdx

@@ -3,7 +3,7 @@ title: How to use Server Side Verification with Web3Auth Plug and Play No Modal
 image: "guides-banners/ssv.png"
 description: Learn how to use Web3Auth Server Side Verification inside a Next.js application.
 type: guide
-tags: [pnp, web, next.js, server side verification]
+tags: [plug and play, web, next.js, server side verification]
 date: July 26, 2022
 author: Web3Auth Team
 communityPortalTopicId: 65

src/pages/guides/sfa-android-firebase.mdx

@@ -6,7 +6,7 @@ description:
   authentication using Email and Password login. The process involves setting up Firebase and
   Web3Auth, initializing the SDK, and interacting with the Ethereum blockchain.
 type: guide
-tags: [core kit, android, evm, sfa, firebase, custom authentication]
+tags: [android, evm, single factor auth, firebase, custom authentication]
 date: May 19, 2024
 author: Web3Auth Team
 ---

src/pages/guides/sfa-flutter-firebase.mdx

@@ -6,7 +6,7 @@ description:
   authentication using Email and Password login. The process involves setting up Firebase and
   Web3Auth, initializing the SDK, and interacting with the Ethereum blockchain.
 type: guide
-tags: [core kit, flutter, evm, sfa, firebase, custom authentication]
+tags: [flutter, evm, single factor auth, firebase, custom authentication]
 date: May 19, 2024
 author: Web3Auth Team
 ---

src/pages/guides/sfa-ios-firebase.mdx

@@ -6,7 +6,7 @@ description:
   using Email and Password login. The process involves setting up Firebase and Web3Auth,
   initializing the SDK, and interacting with the Ethereum blockchain.
 type: guide
-tags: [core kit, sfa, firebase, ios, custom authentication]
+tags: [single factor auth, firebase, ios, custom authentication]
 date: May 19, 2024
 author: Web3Auth Team
 ---

src/pages/guides/sfa-ton-tg-mini-app.mdx

@@ -6,7 +6,7 @@ description: |
   and the TON blockchain. This guide will cover the setup of Web3Auth, Auth0 for authentication,
   and integration of the TON blockchain in a React application.
 type: guide
-tags: [core kit, react, telegram, sfa, ton, custom authentication]
+tags: [react, telegram, single factor auth, ton, custom authentication]
 date: August 30, 2024
 author: Web3Auth Team
 ---

src/pages/guides/sfa-web-aggregate.mdx

@@ -5,7 +5,7 @@ description:
   Integrate Auth0 and Google with the Web3Auth Single Factor Auth(SFA) Web SDK to streamline user
   authentication and wallet management for your Ethereum dApp.
 type: guide
-tags: [core kit, web, sfa, auth0, custom authentication, evm]
+tags: [web, single factor auth, auth0, custom authentication, evm]
 date: 14 November, 2023
 author: Web3Auth Team
 communityPortalTopicId: 22

src/pages/guides/sfa-web-auth0.mdx

@@ -5,7 +5,7 @@ description:
   This guide provides a step-by-step process for integrating the Web3Auth Single Factor Auth (SFA)
   Web SDK with Firebase in a React application.
 type: guide
-tags: [core kit, web, sfa, auth0, custom authentication]
+tags: [web, single factor auth, auth0, custom authentication]
 date: 14 November, 2023
 author: Web3Auth Team
 communityPortalTopicId: 22

src/pages/guides/sfa-web-firebase.mdx

@@ -6,7 +6,7 @@ description:
   project, and configure custom authentication. Manage authentication states and interact with the
   blockchain seamlessly.
 type: guide
-tags: [core kit, web, firebase, custom authentication, evm]
+tags: [single factor auth, web, firebase, custom authentication, evm]
 date: 14 November, 2023
 author: Web3Auth Team
 communityPortalTopicId: 22

src/pages/guides/sfa-web-google.mdx

@@ -3,7 +3,7 @@ title: How to use Google with Web3Auth SFA JS SDK
 image: "guides-banners/sfa-web-google.png"
 description: Learn how to use Web3Auth Single Factor Auth JS SDK with Google
 type: guide
-tags: [core kit, web, sfa, google, custom authentication, evm]
+tags: [web, single factor auth, google, custom authentication, evm]
 date: 14 November, 2023
 author: Web3Auth Team
 communityPortalTopicId: 22

src/pages/guides/sfa-web-passkeys.mdx

@@ -6,7 +6,7 @@ description:
   using passkeys. The process involves setting up the Web3Auth SFA SDK, initializing the Passkeys
   SFA Plugin, and managing passkey registration and login.
 type: guide
-tags: [core kit, sfa, web, passkeys]
+tags: [single factor auth, web, passkeys]
 date: June 25, 2024
 author: Web3Auth Team
 ---