update copy

TrustlessComputer · Nov 13, 2024 · bca1474 · bca1474
1 parent 93c378e
commit bca1474
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 36 deletions.
diff --git a/src/layouts/HeaderV4/Main/index.tsx b/src/layouts/HeaderV4/Main/index.tsx
@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import s from './style.module.scss';
-import { Flex, IconButton, useDisclosure } from '@chakra-ui/react';
+import { Flex, IconButton, Text, useDisclosure } from '@chakra-ui/react';
 import useWindowSize from '@/hooks/useWindowSize';
 import DrawerMobileMenu from '@/layouts/HeaderV4/components/DrawerMenu';
 import { NAV_ITEMS_LEFT, NAV_ITEMS_RIGHT } from '../menuConfig';
@@ -38,6 +38,13 @@ TMainHeader): ReactElement => {
       style={{ backgroundColor: backgroundColor }}
     >
       <div className={`${s.inner} containerV3`}>
+        <div
+          className={`${s.logo}  ${colorLogo === 'black' ? s.logo_black : ''}`}
+          onClick={() => router.push('/')}
+        >
+          <IconLogo />
+        </div>
+
         <div className={s.left}>
           {isDesktop && (
             <div className={s.menu}>
@@ -69,27 +76,22 @@ TMainHeader): ReactElement => {
                     className={'menu-item'}
                     target={item.isNewWindow ? '_blank' : '_self'}
                   >
-                    <p
+                    <Text
+                      color={color}
                       className={`${s.itemLabel} ${
                         isActiveDark && s.activeDark
                       } 
                     ${isActiveLight && s.activeLight}
                     `}
                     >
                       {item.label}
-                    </p>
+                    </Text>
                   </Link>
                 );
               })}
             </div>
           )}
         </div>
-        <div
-          className={`${s.logo}  ${colorLogo === 'black' ? s.logo_black : ''}`}
-          onClick={() => router.push('/')}
-        >
-          <IconLogo />
-        </div>
 
         {isDesktop ? (
           <Flex alignItems={'center'} gap="32px">
@@ -126,15 +128,16 @@ TMainHeader): ReactElement => {
                     className={'menu-item'}
                     target={item.isNewWindow ? '_blank' : '_self'}
                   >
-                    <p
+                    <Text
+                      color={color}
                       className={`${s.itemLabel} ${
                         isActiveDark && s.activeDark
                       } 
                     ${isActiveLight && s.activeLight}
                     `}
                     >
                       {item.label}
-                    </p>
+                    </Text>
                   </Link>
                 );
               })}

diff --git a/src/layouts/HeaderV4/Main/style.module.scss b/src/layouts/HeaderV4/Main/style.module.scss
@@ -58,6 +58,9 @@
     display: flex;
     align-items: center;
     // gap: 32px;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
   }
 
 
@@ -69,9 +72,9 @@
   align-items: center;
   gap: 12px;
   cursor: pointer;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
+  // position: absolute;
+  // left: 50%;
+  // transform: translateX(-50%);
   // margin-right: 16px;
   // width: 98px;
 
@@ -126,7 +129,6 @@
 }
 
 .itemLabel {
-  color: #000;
   font-family: var(--font-jetbrains);
   font-size: 14px;
   font-weight: 500;
@@ -140,6 +142,7 @@
 }
 
 .activeLight {
+
   opacity: 0.7;
 }
 

diff --git a/src/layouts/HeaderV4/menuConfig.ts b/src/layouts/HeaderV4/menuConfig.ts
@@ -175,12 +175,12 @@ export const NAV_ITEMS_LEFT: Array<NavItem> = [
     isHide: false,
   },
 
-  // {
-  //   label: '$BVM',
-  //   href: '/bvm',
-  //   isNewWindow: false,
-  //   isHide: false,
-  // },
+  {
+    label: '$BVM',
+    href: '/bvm',
+    isNewWindow: false,
+    isHide: false,
+  },
 ];
 
 export const NAV_ITEMS_RIGHT: Array<NavItem> = [
@@ -196,12 +196,12 @@ export const NAV_ITEMS_RIGHT: Array<NavItem> = [
     isNewWindow: true,
     isHide: false,
   },
-  {
-    label: '$BVM',
-    href: '/bvm',
-    isNewWindow: false,
-    isHide: false,
-  },
+  // {
+  //   label: '$BVM',
+  //   href: '/bvm',
+  //   isNewWindow: false,
+  //   isHide: false,
+  // },
   // {
   //   label: 'Team',
   //   href: '/team',

diff --git a/src/modules/landing/Componets/Chain/index.tsx b/src/modules/landing/Componets/Chain/index.tsx
@@ -10,12 +10,16 @@ import chain_5 from 'public/landing/images/chain_5.png';
 import chain_6 from 'public/landing/images/chain_6.png';
 import Chars from '@/interactive/Chars';
 import Fade from '@/interactive/Fade';
-import { Button, HStack } from '@chakra-ui/react';
+import { Button, HStack, Text } from '@chakra-ui/react';
 import { useRouter } from 'next/navigation';
 import useWindowSize from '@/hooks/useWindowSize';
 import HeroLabel from '../Hero/HeroLabel';
 import Cursor from '@/modules/landing/Componets/Chain/Cursor';
 import HeadingSection from '../HeadingSection';
+import HeadingText from '../HeadingText';
+import HeadingTextV2 from '../HeadingTextV2';
+import ContentSection from '../ContentSection';
+import Lines from '@/interactive/Lines';
 
 const DATA_CHAINS = [
   {
@@ -217,15 +221,27 @@ export default function Chain() {
       <div className={s.chain}>
         <div className="container">
           <section className={s.chain_inner}>
-            <p className={s.chain_case}>
-              <Fade delayEnter={1.8}>THE GROWING BVM ECOSYSTEM</Fade>
-            </p>
-            <HeadingSection className={s.chain_heading}>
-              <Chars delayEnter={2}>
-                Say hello to the first <b>Bitcoin L2 blockchains</b> powered by
-                BVM.
+            <Text className={s.chain_case}>
+              <Fade delayEnter={1.8}>Bitcoin, reimagined</Fade>
+            </Text>
+            <HeadingSection className={s.lego_heading_title}>
+              <Chars>
+                Bitcoin as a <b>network of blockchains.</b>
               </Chars>
             </HeadingSection>
+
+            <ContentSection className={s.lego_heading_description}>
+              <Lines delay={0.2}>
+                Enter a whole new world where finance, gaming, social networks,
+                and AI converge on the biggest blockchain. Bitcoin L2s are
+                powerful, fast, and cost-effective ZK rollups powered by BVM,
+                each unlocking new use cases and possibilities on the Bitcoin
+                network that were not possible before BVM.
+              </Lines>
+            </ContentSection>
+
+            {/* </HeadingTextV2> */}
+
             <Fade delay={0.6} delayEnter={2.2}>
               <HStack
                 justify={'center'}
@@ -256,7 +272,7 @@ export default function Chain() {
                     router.push('/rollups/customize');
                   }}
                 >
-                  {`Build your ZK-powered Blockchain`}
+                  {`Experience Bitcoin like never before`}
                 </Button>
               </HStack>
             </Fade>

diff --git a/src/modules/landing/Componets/Chain/styles.module.scss b/src/modules/landing/Componets/Chain/styles.module.scss
@@ -30,6 +30,15 @@
   background: #f6f6f6;
   overflow: hidden;
 
+
+
+  .lego_heading_description {
+    color: #000;
+    max-width: 1200px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
   &_case {
     color: #000;
     text-align: center;