feat: updated content

Author: vaibhk20

layouts/index.tsx

@@ -347,7 +347,7 @@ function Layout({
                     rel="noopener noreferrer"
                     href={`https://ui.gluestack.io//?utm_source=nativebase-docs&utm_medium=banner+&utm_campaign=nativebase-banner-cta&utm_id=nativebase-campaign-banner`}
                   > */}
-                  <Stack
+                  {/* <Stack
                     alignItems={{ md: "center" }}
                     justifyContent={{ md: "center" }}
                     overflow="hidden"
@@ -403,7 +403,7 @@ function Layout({
                         </a>
                       </Text>
                     </Box>
-                  </Stack>
+                  </Stack> */}
                   {/* </a> */}
                   <Box flexDirection="row" flex={1}>
                     <MainContent

src/components/GettingStartedHero.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Text, VStack, Stack, useColorModeValue } from "native-base";
+import { Box, Text, VStack, Stack, useColorModeValue, Link } from "native-base";
 import {
   CodePlaygroundIcon,
   BookMarkIcon,
@@ -32,47 +32,46 @@ export function GettingStartedHero() {
               allowing you to develop apps for Android, iOS and the Web.
               <br />
               <br />
-              Please opt in to our enterprise plan (coming soon) for priority
-              support with NativeBase.
-              <br />
-              IMPORTANT MESSAGE — If you are starting a new project with
-              NativeBase, we recommend using{" "}
-              <a href="https://ui.gluestack.io/" target="_blank">
-                <Text fontWeight="semibold" textDecorationLine="underline">
-                  gluestack-ui
-                </Text>
-              </a>{" "}
-              instead. However, if you are already working on a NativeBase
-              project, we recommend using{" "}
-              <a
-                href="https://gluestack.io/ui/docs/migration/native-base-to-gluestack-ui"
-                target="_blank"
-              >
-                <Text fontWeight="semibold" textDecorationLine="underline">
-                  @gluestack-ui/themed
-                </Text>
-              </a>{" "}
-              instead.{" "}
-              <a
-                href="https://nativebase.io/blogs/road-ahead-with-gluestack-ui"
-                target="_blank"
+              <Box
+                mb="8"
+                px="8"
+                rounded="8"
+                py="6"
+                borderWidth="1"
+                borderLeftWidth="12"
+                _light={{
+                  bg: "info.50",
+                  borderColor: "info.600",
+                  borderLeftColor: "info.600",
+                }}
+                _dark={{
+                  bg: "black:alpha.10",
+                  borderColor: "info.700:alpha.30",
+                  borderLeftColor: "info.700",
+                }}
               >
-                <Text fontWeight="semibold" textDecorationLine="underline">
-                  Know More
+                <Text
+                  fontSize="lg"
+                  mb={"0"}
+                  _light={{ color: "tipBackgroundColorLight" }}
+                  _dark={{ color: "coolGray.50" }}
+                  fontWeight="medium"
+                >
+                  Info:{" "}
+                  <Text
+                    fontSize="md"
+                    fontWeight="light"
+                    _light={{ color: "tipBackgroundColorLight" }}
+                    _dark={{ color: "tipBackgroundColorDark" }}
+                  >
+                    If you are starting a new project, please try{" "}
+                    <Link href="https://gluestack.io/ui/docs/home/getting-started/installation">
+                      gluestack-ui
+                    </Link>{" "}
+                    for better performance and new design.
+                  </Text>
                 </Text>
-              </a>
-              .
-            </Text>
-            <Text
-              fontSize="sm"
-              textAlign="left"
-              color="muted.800"
-              _dark={{
-                color: "muted.200",
-              }}
-            >
-              Please opt in to our enterprise plan (coming soon) for priority
-              support with NativeBase.
+              </Box>
             </Text>
             <Stack direction={{ lg: "row" }} space="4">
               <TileLink

src/new-components/Navbar.tsx

@@ -126,7 +126,7 @@ export default function Navbar(props: any) {
               gluestack-ui
               </NBLink>
             </Menu.Item>
-            <Menu.Item
+            {/* <Menu.Item
               onPress={() => {
                 setActiveVersion("next");
                 updateActiveVersion("next", versions);
@@ -139,7 +139,7 @@ export default function Navbar(props: any) {
               }}
             >
               next
-            </Menu.Item>
+            </Menu.Item> */}
             {versions.map((version: string, index: any) => {
               return (
                 <Menu.Item