Fix ui, text, css

TrustlessComputer · Jan 4, 2024 · 24f06d4 · 24f06d4
1 parent 1089e72
commit 24f06d4
Show file tree

Hide file tree

Showing 10 changed files with 195 additions and 88 deletions.
diff --git a/public/icons/logo_black.svg b/public/icons/logo_black.svg
diff --git a/public/icons/logo_white.svg b/public/icons/logo_white.svg
diff --git a/src/config/metadata.ts b/src/config/metadata.ts
@@ -5,7 +5,7 @@ const APP_NAME = 'Bitcoin Virtual Machine';
 const APP_DEFAULT_TITLE = 'Bitcoin Virtual Machine';
 const APP_TITLE_TEMPLATE = 'Bitcoin Virtual Machine';
 const APP_DESCRIPTION =
-  'A metaprotocol that lets developers launch their own L2 blockchain and build dapps on Bitcoin';
+  'BVM is a metaprotocol that lets developers launch their own lightning-fast and low-cost Bitcoin L2 blockchain in a few clicks and start building decentralized applications on Bitcoin.';
 // const APP_THUMBNAIL = `${CDN_URL_ICONS}/metadata.jpg`;
 
 const metadataConfig: Metadata = {

diff --git a/src/layouts/Header/index.tsx b/src/layouts/Header/index.tsx
@@ -79,9 +79,9 @@ const Header = (props: HeaderProps) => {
           >
             <Link href="/">
               {primaryColor === 'white' ? (
-                <Image src={`${CDN_URL_ICONS}/ic-bvm-logo-white.svg`} />
+                <Image src={`/icons/logo_white.svg`} />
               ) : (
-                <Image src={`${CDN_URL_ICONS}/ic-bvm-logo-black.svg`} />
+                <Image src={`/icons/logo_black.svg`} />
               )}
             </Link>
           </Flex>

diff --git a/src/layouts/Header/menuConfig.ts b/src/layouts/Header/menuConfig.ts
@@ -9,13 +9,13 @@ export interface NavItem {
 
 export const NAV_ITEMS: Array<NavItem> = [
   {
-    label: 'Blockchains',
+    label: 'Bitcoin L2s',
     href: '/blockchains/computers',
     isNewWindow: false,
     isHide: false,
   },
   {
-    label: 'Building Blocks',
+    label: 'Modular Blocks',
     href: '/building-blocks',
     isNewWindow: false,
     isHide: false,
@@ -33,7 +33,7 @@ export const NAV_ITEMS: Array<NavItem> = [
     isHide: false,
   },
   {
-    label: 'Contact',
+    label: 'Twitter',
     href: 'https://twitter.com/bvmnetwork',
     isNewWindow: true,
     isHide: false,

diff --git a/src/modules/building-blocks/Section_1/index.tsx b/src/modules/building-blocks/Section_1/index.tsx
@@ -13,7 +13,7 @@ const Section1 = () => {
         textAlign={['center', 'left']}
         color={'#000'}
       >
-        Building Blocks
+        Modular Blocks
       </Text>
       <Box boxSize={['20px', null]} />
       <Text

diff --git a/src/modules/building-blocks/Section_2_vs2/config.tsx b/src/modules/building-blocks/Section_2_vs2/config.tsx
@@ -51,21 +51,6 @@ export const BlockDataList: BlockItemType[] = [
     isLastItem: false,
     isHide: false,
   },
-  {
-    key: 'Settlement',
-    label: 'Settlement',
-    networkList: [
-      {
-        logoUrl: '/icons/btc_logo.svg',
-        name: 'Bitcoin',
-      },
-    ],
-    bgColor: '#29892A',
-    bgCircle: '#54A155',
-    zIndex: 9,
-    isLastItem: false,
-    isHide: false,
-  },
   {
     key: 'Execution',
     label: 'Execution',
@@ -97,7 +82,7 @@ export const BlockDataList: BlockItemType[] = [
     ],
     bgColor: '#F7931A',
     bgCircle: '#F9A948',
-    zIndex: 7,
+    zIndex: 8,
     isLastItem: false,
     isHide: false,
   },
@@ -117,7 +102,7 @@ export const BlockDataList: BlockItemType[] = [
     ],
     bgColor: '#25C0EF',
     bgCircle: '#51CDF2',
-    zIndex: 6,
+    zIndex: 7,
     isLastItem: false,
     isHide: false,
   },
@@ -144,6 +129,21 @@ export const BlockDataList: BlockItemType[] = [
     ],
     bgColor: '#FF5C5C',
     bgCircle: '#FF7D7D',
+    zIndex: 6,
+    isLastItem: false,
+    isHide: false,
+  },
+  {
+    key: 'Settlement',
+    label: 'Settlement',
+    networkList: [
+      {
+        logoUrl: '/icons/btc_logo.svg',
+        name: 'Bitcoin',
+      },
+    ],
+    bgColor: '#29892A',
+    bgCircle: '#54A155',
     zIndex: 5,
     isLastItem: true,
     isHide: false,

diff --git a/src/modules/home/Section_1/index.tsx b/src/modules/home/Section_1/index.tsx
@@ -33,26 +33,26 @@ const Section_1 = () => {
       >
         <Text
           textAlign={'center'}
-          fontSize={[26, 32, 48, 72, 100]}
+          fontSize={[26, 32, 48, 72]}
           lineHeight={'110%'}
           wordBreak={'break-word'}
           whiteSpace="pre-line"
         >
           {`Bitcoin Virtual Machine`}
         </Text>
 
+        <Box height={'16px'} />
         <Text
           textAlign={'center'}
-          fontSize={[12, 15, 18, 22, 26]}
-          lineHeight={'120%'}
+          fontSize={[12, 15, 18, 20]}
+          lineHeight={'140%'}
           fontWeight={400}
           wordBreak={'break-word'}
           whiteSpace="pre-line"
         >
-          Bitcoin Virtual Machine is a metaprotocol that lets developers launch
-          their own lighting-fast and low-cost blockchain, backed by Bitcoin
-          security, in a few clicks and start building decentralized
-          applications on Bitcoin
+          BVM is a metaprotocol that lets developers launch their own
+          lightning-fast and low-cost Bitcoin L2 blockchain in a few clicks and
+          start building decentralized applications on Bitcoin.
         </Text>
 
         <Box height={'32px'} />
@@ -70,12 +70,12 @@ const Section_1 = () => {
             minW={['180px']}
             height={'48px'}
             fontWeight={400}
-            fontSize={'16px'}
+            fontSize={'14px'}
             onClick={() => {
               router.push('/blockchains/computers');
             }}
           >
-            {`Start Building`}
+            {`START BUILDING`}
           </Button>
           <Button
             bgColor={'#fff'}
@@ -89,12 +89,12 @@ const Section_1 = () => {
             justifyContent={'center'}
             alignItems={'center'}
             fontWeight={400}
-            fontSize={'16px'}
+            fontSize={'14px'}
             onClick={() =>
               window.open('https://docs.trustless.computer/', '_blank')
             }
           >
-            {`Read Docs`}
+            {`READ DOCS`}
           </Button>
         </HStack>