From 89671acde9e11ada5f3ee1b465bdc2084484c5a9 Mon Sep 17 00:00:00 2001
From: parthgrow <parthagarwalchitkara@gmail.com>
Date: Tue, 26 Aug 2025 18:18:47 +0530
Subject: [PATCH 1/3] fix : added the pill

---
 src/new-components/Navbar.tsx                 |  2 +
 .../RapidnativePill.tsx                       | 61 +++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 src/rapidnative-components/RapidnativePill.tsx

diff --git a/src/new-components/Navbar.tsx b/src/new-components/Navbar.tsx
index 2d1f1741..a5a11ed7 100644
--- a/src/new-components/Navbar.tsx
+++ b/src/new-components/Navbar.tsx
@@ -35,6 +35,7 @@ import FigmaIcon from "../icons/FigmaIcon";
 import GeekyantsLogo from "./GeekyantsLogo";
 import AlgoliaSearchButton from "./AlgoliaSearchButton";
 import { parentUrl } from "../../docs.config";
+import RapidNativePill from "../rapidnative-components/RapidnativePill";
 
 export default function Navbar(props: any) {
   const { activeVersion, setActiveVersion } = useContext(AppContext);
@@ -179,6 +180,7 @@ export default function Navbar(props: any) {
               );
             })}
           </Menu>
+          <RapidNativePill/>
           {/* <NBLink
             display={{ base: "none", xl: "flex" }}
             href="https://startup.nativebase.io/?utm_source=DocsHeader&utm_medium=ad-banner&utm_campaign=NativeBase_3_Docs"
diff --git a/src/rapidnative-components/RapidnativePill.tsx b/src/rapidnative-components/RapidnativePill.tsx
new file mode 100644
index 00000000..b16ccdca
--- /dev/null
+++ b/src/rapidnative-components/RapidnativePill.tsx
@@ -0,0 +1,61 @@
+import React, { useState } from 'react';
+import { TouchableOpacity, Text, View, Linking } from 'react-native';
+
+const RapidnativePill = () => {
+  const [isPressed, setIsPressed] = useState(false);
+  const [isHovered, setIsHovered] = useState(false);
+
+  const handlePress = () => {
+    Linking.openURL('https://rapidnative.com');
+  };
+
+  return (
+    <TouchableOpacity
+      onPress={handlePress}
+      onPressIn={() => setIsPressed(true)}
+      onPressOut={() => setIsPressed(false)}
+      onMouseEnter={() => setIsHovered(true)}
+      onMouseLeave={() => setIsHovered(false)}
+    //   backgroundColor: isPressed ? '#0891b2' : isHovered ? '#0e7490' : '#06b6d4',
+    // backgroundColor: isPressed ? '##0891b2' : isHovered ? '#06b6d4' : '#0891b2',
+      style={{
+        backgroundColor: isPressed ? '##0891b2' : isHovered ? '#0891b2' : '#06b6d4',
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderRadius: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: isHovered ? 0.15 : 0.1,
+        shadowRadius: isHovered ? 3 : 2,
+        elevation: isHovered ? 3 : 2,
+        transform: [{ scale: isPressed ? 0.98 : isHovered ? 1.02 : 1 }],
+        transition: 'all 0.2s ease',
+      }}
+    >
+      <Text
+        style={{
+          color: '#ffffff',
+          fontSize: 14,
+          fontWeight: '500',
+          marginRight: 4,
+        }}
+      >
+        Prompt to React Native UI
+      </Text>
+      <Text
+        style={{
+          color: '#ffffff',
+          fontSize: 12,
+          fontWeight: '400',
+        }}
+      >
+        →
+      </Text>
+    </TouchableOpacity>
+  );
+};
+
+export default RapidnativePill;
\ No newline at end of file

From 57810af7b8db95d3fed07620dac5422ec425c544 Mon Sep 17 00:00:00 2001
From: parthgrow <parthagarwalchitkara@gmail.com>
Date: Tue, 26 Aug 2025 19:14:40 +0530
Subject: [PATCH 2/3] fix : changed the link

---
 src/rapidnative-components/RapidnativePill.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/rapidnative-components/RapidnativePill.tsx b/src/rapidnative-components/RapidnativePill.tsx
index b16ccdca..24aff042 100644
--- a/src/rapidnative-components/RapidnativePill.tsx
+++ b/src/rapidnative-components/RapidnativePill.tsx
@@ -6,7 +6,7 @@ const RapidnativePill = () => {
   const [isHovered, setIsHovered] = useState(false);
 
   const handlePress = () => {
-    Linking.openURL('https://rapidnative.com');
+    Linking.openURL('https://rapidnative.com/?utm_source=nativebase-docs-banner&utm_medium=referral&utm_campaign=landing-banner');
   };
 
   return (

From 9f7cc81d418d485f858904cdf077679e96205667 Mon Sep 17 00:00:00 2001
From: parthgrow <parthagarwalchitkara@gmail.com>
Date: Tue, 26 Aug 2025 19:21:22 +0530
Subject: [PATCH 3/3] fix : minor fix in pill

---
 src/rapidnative-components/RapidnativePill.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/rapidnative-components/RapidnativePill.tsx b/src/rapidnative-components/RapidnativePill.tsx
index 24aff042..63439be2 100644
--- a/src/rapidnative-components/RapidnativePill.tsx
+++ b/src/rapidnative-components/RapidnativePill.tsx
@@ -43,7 +43,7 @@ const RapidnativePill = () => {
           marginRight: 4,
         }}
       >
-        Prompt to React Native UI
+        🎉 Prompt to React Native UI
       </Text>
       <Text
         style={{