Merge pull request #454 from GeekyAnts/feat/v2-links

feat: added v2 links

Author: surajahmed

docs/3.0.x/installation.mdx

@@ -6,6 +6,7 @@ title: Installation
 import { InstallationTiles } from "../../src/components";
 
 **NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

docs/3.1.x/installation.mdx

@@ -6,6 +6,7 @@ title: Installation
 import { InstallationTiles } from "../../src/components";
 
 **NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

docs/3.2.x/installation.mdx

@@ -6,6 +6,7 @@ title: Installation
 import { InstallationTiles } from "../../src/components";
 
 **NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

docs/3.3.x/installation.mdx

@@ -6,6 +6,7 @@ title: Installation
 import { InstallationTiles } from "../src/components";
 
 **NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

docs/3.4.x/installation.mdx

@@ -6,6 +6,7 @@ title: Installation
 import { InstallationTiles } from "../src/components";
 
 **NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

docs/next/installation.mdx

@@ -6,6 +6,7 @@ title: Installation
 import { InstallationTiles } from "../src/components";
 
 **NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

layouts/index.tsx

@@ -282,7 +282,7 @@ function Layout({
                       href="https://gluestack.io/ui/docs/migration/native-base-to-gluestack-ui"
                       fontWeight="bold"
                     >
-                      @gluestack-ui/themed-native-base
+                      @gluestack-ui/themed
                     </Link>
                   </Text>
                 </Box>
@@ -398,10 +398,9 @@ function Layout({
                             fontWeight="semibold"
                             textDecorationLine="underline"
                           >
-                            @gluestack-ui/themed-native-base
+                            @gluestack-ui/themed
                           </Text>
-                        </a>{" "}
-                        (beta).
+                        </a>
                       </Text>
                     </Box>
                   </Stack>

src/components/GettingStartedHero.tsx

@@ -49,7 +49,7 @@ export function GettingStartedHero() {
                 target="_blank"
               >
                 <Text fontWeight="semibold" textDecorationLine="underline">
-                  @gluestack-ui/themed-native-base
+                  @gluestack-ui/themed
                 </Text>
               </a>{" "}
               instead.{" "}

src/new-components/Navbar.tsx

@@ -114,6 +114,18 @@ export default function Navbar(props: any) {
               );
             }}
           >
+            <Menu.Item
+              _light={{
+                bg: "gluestack-ui" === activeVersion ? "coolGray.200" : "coolGray.50",
+              }}
+              _dark={{
+                bg: "gluestack-ui" === activeVersion ? "coolGray.800" : "coolGray.800",
+              }}
+            >
+              <NBLink href="https://gluestack.io" isExternal isUnderlined={false}>
+              gluestack-ui
+              </NBLink>
+            </Menu.Item>
             <Menu.Item
               onPress={() => {
                 setActiveVersion("next");