feat: added utm links

GeekyAnts · Aug 13, 2024 · 6e6380c · 6e6380c
1 parent b87b071
commit 6e6380c
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 11 deletions.
diff --git a/docs/3.0.x/installation.mdx b/docs/3.0.x/installation.mdx
@@ -6,7 +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).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

diff --git a/docs/3.1.x/installation.mdx b/docs/3.1.x/installation.mdx
@@ -6,7 +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).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 
@@ -31,4 +31,4 @@ All snippets start with the prefix `nb-` and are followed by the name of the des
     source={{ uri: "https://cdn.nativebase.io/NativeBaseSnippet.gif" }}
     alt="aang transitioning to avatar state"
   />
-</AspectRatio>
+</AspectRatio>
diff --git a/docs/3.2.x/installation.mdx b/docs/3.2.x/installation.mdx
@@ -6,7 +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).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

diff --git a/docs/3.3.x/installation.mdx b/docs/3.3.x/installation.mdx
@@ -6,7 +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).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

diff --git a/docs/3.4.x/installation.mdx b/docs/3.4.x/installation.mdx
@@ -6,7 +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).
+(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
 
 Refer the guides shown below to setup NativeBase in your React app.
 

diff --git a/src/components/GettingStartedHero.tsx b/src/components/GettingStartedHero.tsx
@@ -65,7 +65,7 @@ export function GettingStartedHero() {
                     _dark={{ color: "tipBackgroundColorDark" }}
                   >
                     If you are starting a new project, please try{" "}
-                    <Link href="https://gluestack.io/ui/docs/home/getting-started/installation">
+                    <Link href="https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage">
                       gluestack-ui
                     </Link>{" "}
                     for better performance and new design.

diff --git a/src/new-components/Navbar.tsx b/src/new-components/Navbar.tsx
@@ -116,14 +116,24 @@ export default function Navbar(props: any) {
           >
             <Menu.Item
               _light={{
-                bg: "gluestack-ui" === activeVersion ? "coolGray.200" : "coolGray.50",
+                bg:
+                  "gluestack-ui" === activeVersion
+                    ? "coolGray.200"
+                    : "coolGray.50",
               }}
               _dark={{
-                bg: "gluestack-ui" === activeVersion ? "coolGray.800" : "coolGray.800",
+                bg:
+                  "gluestack-ui" === activeVersion
+                    ? "coolGray.800"
+                    : "coolGray.800",
               }}
             >
-              <NBLink href="https://gluestack.io" isExternal isUnderlined={false}>
-              gluestack-ui
+              <NBLink
+                href="https://www.gluestack.io/?utm_source=nativebase+website&utm_medium=Header&utm_campaign=nbpage"
+                isExternal
+                isUnderlined={false}
+              >
+                gluestack-ui
               </NBLink>
             </Menu.Item>
             {/* <Menu.Item