diff --git a/public/icons/logo_black.svg b/public/icons/logo_black.svg
new file mode 100644
index 000000000..08e1a7564
--- /dev/null
+++ b/public/icons/logo_black.svg
@@ -0,0 +1,7 @@
+
diff --git a/public/icons/logo_white.svg b/public/icons/logo_white.svg
new file mode 100644
index 000000000..5072592a1
--- /dev/null
+++ b/public/icons/logo_white.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/config/metadata.ts b/src/config/metadata.ts
index 9eacd0bcb..7de4c8617 100644
--- 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
index 269518ce5..3f7d8a4f7 100644
--- a/src/layouts/Header/index.tsx
+++ b/src/layouts/Header/index.tsx
@@ -79,9 +79,9 @@ const Header = (props: HeaderProps) => {
>
{primaryColor === 'white' ? (
-
+
) : (
-
+
)}
diff --git a/src/layouts/Header/menuConfig.ts b/src/layouts/Header/menuConfig.ts
index 8b6cff93f..183971e81 100644
--- a/src/layouts/Header/menuConfig.ts
+++ b/src/layouts/Header/menuConfig.ts
@@ -9,13 +9,13 @@ export interface NavItem {
export const NAV_ITEMS: Array = [
{
- 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 = [
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
index 68f556ba0..170ab123a 100644
--- 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
{
>
{
{`Bitcoin Virtual Machine`}
+
- 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.
@@ -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`}
diff --git a/src/modules/home/Section_2/config.ts b/src/modules/home/Section_2/config.ts
index 8904596c9..cf956af4e 100644
--- a/src/modules/home/Section_2/config.ts
+++ b/src/modules/home/Section_2/config.ts
@@ -3,132 +3,190 @@ export type SlideItemType = {
title: string;
srcImg: string;
isViewProject: boolean;
+ href?: string;
+ isComminSoon?: boolean;
childrentList?: {
icon: string;
desc: string;
+ desc1?: string;
}[];
};
export const DataList: SlideItemType[] = [
{
- key: 'AI Chain',
- title: 'AI Chain',
+ key: 'Alpha Chain',
+ title: 'Alpha Chain',
srcImg: '/images/ai_chain_img.png',
+ href: 'https://alpha.wtf',
isViewProject: true,
+ isComminSoon: false,
childrentList: [
{
icon: '/icons/layer_ic.svg',
- desc: 'Layer 1',
+ desc: 'Use Case',
+ desc1: 'SocialFi',
},
{
icon: '/icons/infrastructure_ic.svg',
- desc: 'Sovereign Rollup',
+ desc: 'Rollups',
+ desc1: 'Optimistic, Sovereign',
},
{
icon: '/icons/storage_ic.svg',
- desc: 'Bitcoin Storage',
+ desc: 'Data Validity',
+ desc1: 'Bitcoin',
+ },
+ {
+ icon: '/icons/storage_ic.svg',
+ desc: 'Data Availability',
+ desc1: 'Polygon',
},
],
},
{
- key: 'DeFi Chain',
- title: 'Fi Chain',
+ key: 'Naka Chain',
+ title: 'Naka Chain',
srcImg: '/images/defi_chain_img.png',
isViewProject: true,
+ isComminSoon: true,
childrentList: [
{
icon: '/icons/layer_ic.svg',
- desc: 'Layer 2',
+ desc: 'Use Case',
+ desc1: 'DeFi',
},
{
icon: '/icons/infrastructure_ic.svg',
- desc: 'Recursive Rollups with Optimistic and Sovereign',
+ desc: 'Rollups',
+ desc1: 'Optimistic, Sovereign',
+ },
+ {
+ icon: '/icons/storage_ic.svg',
+ desc: 'Data Validity',
+ desc1: 'Bitcoin',
},
{
icon: '/icons/storage_ic.svg',
- desc: 'Hybrid Storage',
+ desc: 'Data Availability',
+ desc1: 'Polygon',
},
],
},
{
- key: 'Gaming Chain',
- title: 'Gaming Chain',
+ key: 'AI Chain',
+ title: 'AI Chain',
srcImg: '/images/gaming_chain_img.png',
isViewProject: true,
+ isComminSoon: true,
childrentList: [
{
icon: '/icons/layer_ic.svg',
- desc: 'Layer 3',
+ desc: 'Use Case',
+ desc1: 'AI',
},
{
icon: '/icons/infrastructure_ic.svg',
- desc: 'Optimistic Rollup',
+ desc: 'Rollups',
+ desc1: 'Optimistic, Sovereign',
},
{
icon: '/icons/storage_ic.svg',
- desc: 'Hybrid Storage',
+ desc: 'Data Validity',
+ desc1: 'Bitcoin',
+ },
+ {
+ icon: '/icons/storage_ic.svg',
+ desc: 'Data Availability',
+ desc1: 'Polygon',
},
],
},
{
- key: 'AI Chain 100',
- title: 'AI Chain',
+ key: 'Alpha Chain 100',
+ title: 'Alpha Chain',
srcImg: '/images/ai_chain_img.png',
+ href: 'https://alpha.wtf',
isViewProject: true,
+ isComminSoon: false,
childrentList: [
{
icon: '/icons/layer_ic.svg',
- desc: 'Layer 1',
+ desc: 'Use Case',
+ desc1: 'SocialFi',
},
{
icon: '/icons/infrastructure_ic.svg',
- desc: 'Sovereign Rollup',
+ desc: 'Rollups',
+ desc1: 'Optimistic, Sovereign',
+ },
+ {
+ icon: '/icons/storage_ic.svg',
+ desc: 'Data Validity',
+ desc1: 'Bitcoin',
},
{
icon: '/icons/storage_ic.svg',
- desc: 'Bitcoin Storage',
+ desc: 'Data Availability',
+ desc1: 'Polygon',
},
],
},
-
{
- key: 'DeFi Chain 100',
- title: 'Fi Chain',
+ key: 'Naka Chain 100',
+ title: 'Naka Chain',
srcImg: '/images/defi_chain_img.png',
isViewProject: true,
+ isComminSoon: true,
childrentList: [
{
icon: '/icons/layer_ic.svg',
- desc: 'Layer 2',
+ desc: 'Use Case',
+ desc1: 'DeFi',
},
{
icon: '/icons/infrastructure_ic.svg',
- desc: 'Recursive Rollups with Optimistic and Sovereign',
+ desc: 'Rollups',
+ desc1: 'Optimistic, Sovereign',
},
{
icon: '/icons/storage_ic.svg',
- desc: 'Hybrid Storage',
+ desc: 'Data Validity',
+ desc1: 'Bitcoin',
+ },
+ {
+ icon: '/icons/storage_ic.svg',
+ desc: 'Data Availability',
+ desc1: 'Polygon',
},
],
},
{
- key: 'Gaming Chain 100',
- title: 'Gaming Chain',
+ key: 'AI Chain 100',
+ title: 'AI Chain',
srcImg: '/images/gaming_chain_img.png',
isViewProject: true,
+ isComminSoon: true,
childrentList: [
{
icon: '/icons/layer_ic.svg',
- desc: 'Layer 3',
+ desc: 'Use Case',
+ desc1: 'AI',
},
{
icon: '/icons/infrastructure_ic.svg',
- desc: 'Optimistic Rollup',
+ desc: 'Rollups',
+ desc1: 'Optimistic, Sovereign',
+ },
+ {
+ icon: '/icons/storage_ic.svg',
+ desc: 'Data Validity',
+ desc1: 'Bitcoin',
},
{
icon: '/icons/storage_ic.svg',
- desc: 'Hybrid Storage',
+ desc: 'Data Availability',
+ desc1: 'Polygon',
},
],
},
diff --git a/src/modules/home/Section_2/index.tsx b/src/modules/home/Section_2/index.tsx
index 02a197f04..3934416a2 100644
--- a/src/modules/home/Section_2/index.tsx
+++ b/src/modules/home/Section_2/index.tsx
@@ -33,7 +33,17 @@ const Section_2 = () => {
const numberSlide = isMobile ? 1 : isTablet ? 2 : 3;
const renderCard = (item: SlideItemType) => {
return (
-
+ {
+ item.isComminSoon ? null : window.open(item.href, '_blank');
+ }}
+ >
@@ -55,21 +65,25 @@ const Section_2 = () => {
display={'flex'}
justifyContent={'center'}
fontWeight={400}
- color={'black'}
+ color={item.isComminSoon ? '#666666' : 'black'}
alignItems={'center'}
boxShadow={'0px 0px 20px -6px rgba(0, 0, 0, 0.2)'}
rightIcon={
-
+ item.isComminSoon ? (
+ <>
+ ) : (
+
+ )
}
>
- View Project
+ {`${item.isComminSoon ? 'Comming soon' : 'View Project'}`}
@@ -77,23 +91,40 @@ const Section_2 = () => {
<>
-
+
{item.childrentList.map((children) => (
-
-
+
+
+
+
+ {children.desc}
+
+
- {children.desc}
+ {children.desc1}
-
+
))}
@@ -117,10 +148,14 @@ const Section_2 = () => {
- {`The Bitcoin Superchain`}
+ {`Welcome to the future of Bitcoin. Say hello to the first `}
+
+ {`Bitcoin L2 blockchains.`}
+ {' '}