Merge pull request #31 from TrustlessComputer/feat/upcoming

feat: upcoming page
TrustlessComputer · Jan 16, 2024 · a18be3c · a18be3c
2 parents 9adbcd1 + a0baaa3
commit a18be3c
Show file tree

Hide file tree

Showing 12 changed files with 475 additions and 2 deletions.
diff --git a/public/upcoming/bitcoin_arcade_thumb_img.png b/public/upcoming/bitcoin_arcade_thumb_img.png
diff --git a/public/upcoming/eternal_ai_thumb_img.png b/public/upcoming/eternal_ai_thumb_img.png
diff --git a/public/upcoming/link_ic.png b/public/upcoming/link_ic.png
diff --git a/public/upcoming/math_thumb_img.png b/public/upcoming/math_thumb_img.png
diff --git a/public/upcoming/naka_thumb_img.png b/public/upcoming/naka_thumb_img.png
diff --git a/public/upcoming/twitter_ic.png b/public/upcoming/twitter_ic.png
diff --git a/src/app/upcoming/page.tsx b/src/app/upcoming/page.tsx
@@ -0,0 +1,16 @@
+import MainLayout from '@/layouts/MainLayout';
+import UpcomingModule from '@/modules/upcoming';
+
+const UpcomingPage = () => {
+  return (
+    <MainLayout
+      headerProps={{
+        color: 'black',
+      }}
+    >
+      <UpcomingModule />
+    </MainLayout>
+  );
+};
+
+export default UpcomingPage;
diff --git a/src/layouts/Header/menuConfig.ts b/src/layouts/Header/menuConfig.ts
@@ -70,7 +70,6 @@ export const NAV_ITEMS: Array<NavItem> = [
   },
 ].filter((item) => !item.isHide);
 
-
 export const NAV_ITEMS_LEFT: Array<NavItem> = [
   {
     label: 'Bitcoin L2s',
@@ -84,9 +83,14 @@ export const NAV_ITEMS_LEFT: Array<NavItem> = [
     isNewWindow: false,
     isHide: false,
   },
+  {
+    label: 'Upcoming',
+    href: '/upcoming',
+    isNewWindow: false,
+    isHide: false,
+  },
 ].filter((item) => !item.isHide);
 
-
 export const NAV_ITEMS_RIGHT: Array<NavItem> = [
   {
     label: '$BVM',

diff --git a/src/modules/upcoming/Section_1/index.tsx b/src/modules/upcoming/Section_1/index.tsx
@@ -0,0 +1,35 @@
+'use client';
+
+import { Flex, Text } from '@chakra-ui/react';
+
+const Section_1 = () => {
+  return (
+    <Flex
+      w={'100%'}
+      flexDir={'column'}
+      bgColor={'transparent'}
+      gap={['16px']}
+      align={'left'}
+    >
+      <Text
+        fontSize={['16px', '40px']}
+        lineHeight={'48px'}
+        fontWeight={400}
+        color={'#000'}
+      >
+        Upcoming Bitcoin L2 Launch
+      </Text>
+      <Text
+        fontSize={['14px', '20px']}
+        lineHeight={'36px'}
+        fontWeight={400}
+        color={'#000'}
+        maxW={'744px'}
+      >
+        Be the first to know when new Bitcoin L2 chains launch.
+      </Text>
+    </Flex>
+  );
+};
+
+export default Section_1;