From c77a72599e4f747aabeb43cb2cbdb3f0ad8ab8c6 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:17:48 +0300
Subject: [PATCH 1/8] fix: rename Logo to NimbusLogo

---
 src/components/{Logo.tsx => NimbusLogo.tsx} | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
 rename src/components/{Logo.tsx => NimbusLogo.tsx} (87%)

diff --git a/src/components/Logo.tsx b/src/components/NimbusLogo.tsx
similarity index 87%
rename from src/components/Logo.tsx
rename to src/components/NimbusLogo.tsx
index acc484c3..75e0aca3 100644
--- a/src/components/Logo.tsx
+++ b/src/components/NimbusLogo.tsx
@@ -2,7 +2,7 @@ import { XStack } from 'tamagui'
 import Icon from './Icon'
 import Tag from './Tag'
 
-const Logo = () => {
+const NimbusLogo = () => {
   return (
     <XStack
       style={{
@@ -17,4 +17,4 @@ const Logo = () => {
   )
 }
 
-export default Logo
+export default NimbusLogo

From 544ddff5292169275ff985b94f7afdf43176f088 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:25:20 +0300
Subject: [PATCH 2/8] feat: create nodes logo

---
 src/components/NodesLogo.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/components/NodesLogo.tsx

diff --git a/src/components/NodesLogo.tsx b/src/components/NodesLogo.tsx
new file mode 100644
index 00000000..97e3bac4
--- /dev/null
+++ b/src/components/NodesLogo.tsx
@@ -0,0 +1,14 @@
+import { XStack } from 'tamagui'
+
+const NodesLogo = () => {
+  return (
+    <XStack
+      style={{
+        alignItems: 'center',
+      }}
+      space={'$2'}
+    ></XStack>
+  )
+}
+
+export default NodesLogo

From 0f56ddefed84243907907c7e59230e021e4ccfe7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:38:12 +0300
Subject: [PATCH 3/8] fix: change style of Tag

---
 src/components/Tag.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
index 84383dfd..fa083451 100644
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@@ -1,4 +1,4 @@
-import { Paragraph } from 'tamagui'
+import { Text } from 'tamagui'
 
 type TagProps = {
   bc: string
@@ -11,14 +11,14 @@ const Tag = ({ bc, text }: TagProps) => {
       style={{
         backgroundColor: bc,
         display: 'flex',
-        padding: '0px 8px',
+        padding: '2px 6px',
         alignItems: 'center',
         borderRadius: '67px',
       }}
     >
-      <Paragraph fontWeight={'500'} fontSize={'10px'}>
+      <Text fontWeight={'500'} fontSize={'9px'} color={'white'}>
         {text}
-      </Paragraph>
+      </Text>
     </div>
   )
 }

From 4d5faa22c1b649b41f0c4998079fcfa492763571 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:38:50 +0300
Subject: [PATCH 4/8] feat: use NodesLogo for LandingPage

---
 src/components/LayoutComponent/LandingPage.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/LayoutComponent/LandingPage.tsx b/src/components/LayoutComponent/LandingPage.tsx
index 8968c9e1..99b69b05 100644
--- a/src/components/LayoutComponent/LandingPage.tsx
+++ b/src/components/LayoutComponent/LandingPage.tsx
@@ -1,6 +1,7 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from '../QuickStartBar/QuickStartBar'
+import NodesLogo from '../NodesLogo'
 
 function LandingPage() {
   return (
@@ -23,6 +24,7 @@ function Content() {
             nodes<span className="beta">BETA</span>
           </p>
         </div>
+        <NodesLogo />
       </header>
       <article className="content">
         <div className="avatar">

From 0b5949a3db6480e30ec402675b5840ba279a62a8 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:53:40 +0300
Subject: [PATCH 5/8] feat: remove nodes logo with html

---
 src/components/LayoutComponent/LandingPage.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/components/LayoutComponent/LandingPage.tsx b/src/components/LayoutComponent/LandingPage.tsx
index 99b69b05..6d0b436c 100644
--- a/src/components/LayoutComponent/LandingPage.tsx
+++ b/src/components/LayoutComponent/LandingPage.tsx
@@ -16,14 +16,6 @@ function Content() {
   return (
     <div className="container-inner landing-page">
       <header>
-        <div>
-          <div>
-            <img src="src/assets/nodes-app-icon.png" alt="" />
-          </div>
-          <p className="logo-title">
-            nodes<span className="beta">BETA</span>
-          </p>
-        </div>
         <NodesLogo />
       </header>
       <article className="content">

From f61f2f2e2ddd3693ce0650b68cd62f0013dbea96 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:54:37 +0300
Subject: [PATCH 6/8] feat: add content to NimbusLogo

---
 src/components/NodesLogo.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/NodesLogo.tsx b/src/components/NodesLogo.tsx
index 97e3bac4..e5afab49 100644
--- a/src/components/NodesLogo.tsx
+++ b/src/components/NodesLogo.tsx
@@ -1,13 +1,20 @@
-import { XStack } from 'tamagui'
+import { Text, XStack } from 'tamagui'
+import Icon from './Icon'
+import Tag from './Tag'
 
 const NodesLogo = () => {
   return (
     <XStack
       style={{
         alignItems: 'center',
+        justifyContent: 'center',
       }}
       space={'$2'}
-    ></XStack>
+    >
+      <Icon source={'src/assets/nodes-app-icon.png'} width={32} height={32} />
+      <Text style={{ fontWeight: '700', fontSize: '28px' }}>nodes</Text>
+      <Tag bc="#2A4AF5" text="BETA" />
+    </XStack>
   )
 }
 

From 81ed2f1b8b95d9e9dd711c33b50b0e703ba1fc2b Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:58:37 +0300
Subject: [PATCH 7/8] feat: small style changes for Tag

add default value for background color
---
 src/components/NodesLogo.tsx |  2 +-
 src/components/Tag.tsx       | 15 ++++++++-------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/NodesLogo.tsx b/src/components/NodesLogo.tsx
index e5afab49..d5fd10e4 100644
--- a/src/components/NodesLogo.tsx
+++ b/src/components/NodesLogo.tsx
@@ -13,7 +13,7 @@ const NodesLogo = () => {
     >
       <Icon source={'src/assets/nodes-app-icon.png'} width={32} height={32} />
       <Text style={{ fontWeight: '700', fontSize: '28px' }}>nodes</Text>
-      <Tag bc="#2A4AF5" text="BETA" />
+      <Tag text="BETA" />
     </XStack>
   )
 }
diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
index fa083451..1d7b829c 100644
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@@ -1,25 +1,26 @@
-import { Text } from 'tamagui'
+import { Text, XStack } from 'tamagui'
 
 type TagProps = {
-  bc: string
+  bc?: string
   text: string
 }
 
-const Tag = ({ bc, text }: TagProps) => {
+const Tag = ({ bc = '#2A4AF5', text }: TagProps) => {
   return (
-    <div
+    <XStack
       style={{
         backgroundColor: bc,
         display: 'flex',
-        padding: '2px 6px',
+        justifyContent: 'center',
         alignItems: 'center',
+        padding: '1px 6px',
         borderRadius: '67px',
       }}
     >
-      <Text fontWeight={'500'} fontSize={'9px'} color={'white'}>
+      <Text fontWeight={'450'} fontSize={'10px'} color={'white'}>
         {text}
       </Text>
-    </div>
+    </XStack>
   )
 }
 

From c5c1029f230e05ee4d1bb2bc1da8581e98a599da Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 10:15:40 +0300
Subject: [PATCH 8/8] feat: style NimbusLogo

---
 src/components/NimbusLogo.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/NimbusLogo.tsx b/src/components/NimbusLogo.tsx
index 75e0aca3..7efa5558 100644
--- a/src/components/NimbusLogo.tsx
+++ b/src/components/NimbusLogo.tsx
@@ -1,4 +1,4 @@
-import { XStack } from 'tamagui'
+import { Text, XStack } from 'tamagui'
 import Icon from './Icon'
 import Tag from './Tag'
 
@@ -7,12 +7,13 @@ const NimbusLogo = () => {
     <XStack
       style={{
         alignItems: 'center',
+        justifyContent: 'center',
       }}
       space={'$2'}
     >
-      <Icon source={'/icons/marks.png'} width={45} height={50} />
-      <Icon source={'/icons/nimbus.png'} width={80} height={16} />
-      <Tag bc="#2A4AF5" text="BETA" />
+      <Icon source={'/icons/marks.png'} width={55} height={60} />
+      <Text style={{ fontWeight: '650', fontSize: '24px' }}>Nimbus</Text>
+      <Tag text="BETA" />
     </XStack>
   )
 }