From 9b92dcb456bdd9234a94e2ae9db6d54bc00f55a2 Mon Sep 17 00:00:00 2001 From: tonytc13579 Date: Fri, 12 Jan 2024 23:39:11 +0700 Subject: [PATCH] roadmap page --- public/roadmap/roadmap_img1.png | Bin 0 -> 1585 bytes public/roadmap/roadmap_img10.png | Bin 0 -> 1489 bytes public/roadmap/roadmap_img11.png | Bin 0 -> 1543 bytes public/roadmap/roadmap_img2.png | Bin 0 -> 1533 bytes public/roadmap/roadmap_img3.png | Bin 0 -> 1415 bytes public/roadmap/roadmap_img4.png | Bin 0 -> 1546 bytes public/roadmap/roadmap_img5.png | Bin 0 -> 1442 bytes public/roadmap/roadmap_img6.png | Bin 0 -> 1582 bytes public/roadmap/roadmap_img7.png | Bin 0 -> 1405 bytes public/roadmap/roadmap_img8.png | Bin 0 -> 1372 bytes public/roadmap/roadmap_img9.png | Bin 0 -> 1507 bytes src/app/roadmap/page.tsx | 19 ++ src/layouts/Header/menuConfig.ts | 6 + src/modules/roadmap/Section_1/index.tsx | 35 +++ src/modules/roadmap/Section_2/index.tsx | 301 ++++++++++++++++++++++++ src/modules/roadmap/index.tsx | 24 ++ src/modules/roadmap/styles.module.scss | 7 + 17 files changed, 392 insertions(+) create mode 100644 public/roadmap/roadmap_img1.png create mode 100644 public/roadmap/roadmap_img10.png create mode 100644 public/roadmap/roadmap_img11.png create mode 100644 public/roadmap/roadmap_img2.png create mode 100644 public/roadmap/roadmap_img3.png create mode 100644 public/roadmap/roadmap_img4.png create mode 100644 public/roadmap/roadmap_img5.png create mode 100644 public/roadmap/roadmap_img6.png create mode 100644 public/roadmap/roadmap_img7.png create mode 100644 public/roadmap/roadmap_img8.png create mode 100644 public/roadmap/roadmap_img9.png create mode 100644 src/app/roadmap/page.tsx create mode 100644 src/modules/roadmap/Section_1/index.tsx create mode 100644 src/modules/roadmap/Section_2/index.tsx create mode 100644 src/modules/roadmap/index.tsx create mode 100644 src/modules/roadmap/styles.module.scss diff --git a/public/roadmap/roadmap_img1.png b/public/roadmap/roadmap_img1.png new file mode 100644 index 0000000000000000000000000000000000000000..80e6787e8054ca26894f6b57354db864b3afd20c GIT binary patch literal 1585 zcmaJ>dpOg382`DgHKT1V&3&#pCt@yLl*?vfL|cdLs9fe2BB9W7SvF?KEfJaKQZCbk z>Xf?<&Pom)A}U03A4MldIqSc3o^zh_$NPQX@8|hE@AE$I`+i;)!Npz%q6`55KnCxC zI{^S=TyXu_iBY6hni~)eU zOzAC(6aYwd<8c_*7_p_dUMa3_sykMe3r50+3k<{7nGO-l^qeaRL&omtV1p!74}4x% zdsr(=ekg8d1M?`BReTi8@I0wOjdIqY!lDqSKk&Oaq_jVSr3#bESWOlQE;FY+vRC@3 zGh?R1ms>S%v_zko5xnU!9{<{FIrEJ~L--HQg>#ka+yE8S1WKQkDzr$?)$ctVeZd-Q zJpZ0OntL`5QBPjFm3AkEqG=Z-*a-VmOR_|86X%XHhYht7*Ch4PF1@jhr#PXNRY0>L zvFOY23$?&R*;%1HTIZ&0`!=y8^6_ZvIsEO@7#q0YRM6N)*e0efUtBja-qc<$vCyEn z=s`104~H--v}rYs{A_Ec`6TW&HG*^;E`J&Ngi#qlNY|6Bb;7S{a=a>xj6_5^*9ld! zMku_!s=%^^C^!WvHJWYBJ|rR&X37<{9jiYoOMinkdikrvVTk_ z)f_~@f;F{kEi5d$B`ld{_rfqw!Q9zX#lK2*Dbur3YJNlMXf2?@EIt*A)v8zjC)7N& zE{1w%5omks&0j zK8fXcxwatq2SJqdDwshfIZ%VIsNkkxC2o>I*A3Sz4I|mqP4d%wKr)8ysC3hv55wwZ zyjJtPVTkO{NCwW&5~K-t&%`+3hJ61AYS|AXI`M;cm9@qjD)$-K`o4?h^G1Y%lD+Ns zPExTc9aTS7)E_SqTeOn%HCd7sl_8-YK7ZEJ=3<|VHFO!X!zcR+(vZZ!CA(RVC66|R z2^W|xa8=}?4ElUjefpYkRIZ4(iJAvlDfEiV>_O z(OF>qwIgTW8DTGL;EU7ovO^E6Dl7V-GZBwCqOWBP69Ip#->e)4-BD{_00!1IjMVO!Rm^kB{#fnKQ~m=QR+)y ziR6{<<-vAu+XW0nC3ujdgt6m(hOU_{x0MYNvH74b5_(!5)i2}77&Iztzt1%G-#F3y z&|8T&6ud6T92YcRHOt$9FS#*ig4ESQmCTf{zGbu7uWhm?81u*}#{B#0HqVut#&2dF zm&T|?9ALZzcYCD%!* zg=COY7t!}$a{3R2EfSn*IJ>WSRo9*Xm3S-Wqb=qG9d$XoWQ@aM+}pjS83cz%`~E;C z($a?TlV~Di{l%*Q@vo(K#I*;#<}Uq6BUP`h^h5AR^ioyn{ht2B&yFcH4OMX!iYFqI z1@(rFI{E^-ke zNoOUKbDrGAnI!afs<`;nj((}7Jfp`Sy9gDQ4fwrDpaxX;M058zh%P*Uw{yYqu-=J( E0eAGzO8@`> literal 0 HcmV?d00001 diff --git a/public/roadmap/roadmap_img10.png b/public/roadmap/roadmap_img10.png new file mode 100644 index 0000000000000000000000000000000000000000..bea2cad7697cc22514dac8d41041f4e259e585da GIT binary patch literal 1489 zcmZ`(doS5%~3ZW0W9>hFV?@2LN%&e@qA{q)Q8$Lg5!Jut4>o+=8GG_QTj>0H7{YeAf#M z0AP}p8OAA6=+j&KAhr6`ZJjDYmVzR(t&AZwwGU>c-70KmyqmEMF>Qj$gj;1> zAGvYQWa^f3JelSQQ**t-Y>_=$ye0BXwL|Mn1_}{F zh4J;}yY=R#HEzbMp1KkkH->HvQDN1TR#s*NTDUrg;&5HC_+(q%D9}%;0>8}e8E(Jv@ShTFv?rY zd+}bfJ>c}ZQ}NZBjVhtwMyb}E+Jeo6{jMq`os`FJ(JhcvC%aN#Dp0Fsqi^8yZ zKDxWZ&jvNbwK8F6RPZS*IKG!s2%-+3M5IbFGx_@9|3!_3bVX5Nv1>mDyk)AhW##3O znuLxw+Vu`2zpr`4?0n0MbC-px>cjDzECyOQHsP{kKv-B<(b%ELcYE{4G7}}o^^9y_ zMU793O3IG)CF}SGHjbZdpt+QsCCIRc`@zM!nQR`K%^|q0J&H1}K%QUm5B6$2JWqJ# zwsK99nF_+QLh9j+n4QgKokNr=M^sGICiU>{*S(mM&hWLx?Y5Vd*a@){`Fpk|4QO$w zry2LlSHO`-B$m<#d_;nTC*|H$SsR3C@_r*zzg}Vdk}^#h_0xCi)HYVea=)|$(j`>m z*aUKeQa1}XTtC!UQzzKXR!1VcP*ff8lK*hfE}O?aa3pDk)iD?Sfv*-P?^AMoN*0?B zBI$Djnkj>Koyrn%H)&1oy1xpyB*MyL8RupuK7A-kFPSt#>B{n=3h6hRlCaj4 zM=MIG=Li?~O&8fNRGNS!$cpy9mi5UQ!C6oZtDKb;24!}=x4xNu>3F<52;ZBmbD~r- zI;3XNp=>EgauKJa_#IfBf}vk?$m5CoxUrKFuLnF=`3j%_48+lsOePQGPgh@EB@7R~ z2>Iw0L-g>TKQUo0o$=Qdsqe5^#5%VcPU}+Vr~c)^tqvB~^Df0tzrRO3R7%l?mZRZ{ zFi7g(s~UItc%9*QLCMre!q@~o#KqlaE8tmDv)Ki7`qG9mvM?fO1^T4HR{L$+&4~Tg z@t!~C@WdoWZN1f|!}uAU2y+uXv?!FwPRQ*$n2%l4U~{Fn`4kTno!zI0uAQ-IfOtKh zJz!I}r9d7(8A;0a&s)sQU1)y3QF3H|guVSrEzw^>F(@iJR$Io1dHqjiSWj*rOX5G& z^@FEjpxiqZDZFXXC@<%9vG%wvsr|w&(obM!ER0CY{|x4hjv8%hXnP-QE>K(6yS4$= zzh&yJnLbQ0cnxu@ijd>bn{Zj+!gG*1xX6YR|FX(-!Ey>Ms54d-hE+zskBq$kulVhzd4WsV!vmwSu&2uXn@4*M3;4Q+ d7{p@GH&8b`jbpgmVJY~)fR(wOSvA%(?r-IdtY!cJ literal 0 HcmV?d00001 diff --git a/public/roadmap/roadmap_img11.png b/public/roadmap/roadmap_img11.png new file mode 100644 index 0000000000000000000000000000000000000000..77fb2938512f1d27a5bddbb743362bd08be829e6 GIT binary patch literal 1543 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 literal 0 HcmV?d00001 diff --git a/public/roadmap/roadmap_img4.png b/public/roadmap/roadmap_img4.png new file mode 100644 index 0000000000000000000000000000000000000000..974ba94c30fe73b041d1efc4694ffe60b1cc6305 GIT binary patch literal 1546 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 V$%x_Bllw0faCgQyJwg*{{{VX!k%9mK literal 0 HcmV?d00001 diff --git a/public/roadmap/roadmap_img6.png b/public/roadmap/roadmap_img6.png new file mode 100644 index 0000000000000000000000000000000000000000..8663913a6ab7997d2fa815e12ce381288855ed0a GIT binary patch literal 1582 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 literal 0 HcmV?d00001 diff --git a/public/roadmap/roadmap_img8.png b/public/roadmap/roadmap_img8.png new file mode 100644 index 0000000000000000000000000000000000000000..2753238d5058758cc07a19bd9f2eb21a88ecbcc6 GIT binary patch literal 1372 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 literal 0 HcmV?d00001 diff --git a/src/app/roadmap/page.tsx b/src/app/roadmap/page.tsx new file mode 100644 index 000000000..a4e36cfb4 --- /dev/null +++ b/src/app/roadmap/page.tsx @@ -0,0 +1,19 @@ +'use client'; + +import MainLayout from '@/layouts/MainLayout'; +// import BVMModule from '@/modules/bvm'; +import RoadmapModule from '@/modules/roadmap'; + +const RoadMapPage = () => { + return ( + + + + ); +}; + +export default RoadMapPage; diff --git a/src/layouts/Header/menuConfig.ts b/src/layouts/Header/menuConfig.ts index 0053c1d86..f40ec28c0 100644 --- a/src/layouts/Header/menuConfig.ts +++ b/src/layouts/Header/menuConfig.ts @@ -29,6 +29,12 @@ export const NAV_ITEMS: Array = [ isNewWindow: false, isHide: false, }, + { + label: 'Roadmap', + href: '/roadmap', + isNewWindow: false, + isHide: false, + }, { label: 'Developers', href: DEVELOPERS_DOC_URL, diff --git a/src/modules/roadmap/Section_1/index.tsx b/src/modules/roadmap/Section_1/index.tsx new file mode 100644 index 000000000..8847613ae --- /dev/null +++ b/src/modules/roadmap/Section_1/index.tsx @@ -0,0 +1,35 @@ +'use client'; + +import { Flex, Text } from '@chakra-ui/react'; + +const Section_1 = () => { + return ( + + + Roadmap + + + Our mission is to make Bitcoin as generalized as possible — usable for far more than just a currency. We want DeFi, AI, DAOs, NFTs, and gaming all on Bitcoin. + + + ); +}; + +export default Section_1; diff --git a/src/modules/roadmap/Section_2/index.tsx b/src/modules/roadmap/Section_2/index.tsx new file mode 100644 index 000000000..60339d432 --- /dev/null +++ b/src/modules/roadmap/Section_2/index.tsx @@ -0,0 +1,301 @@ +'use client'; + +import { ChevronRightIcon } from '@chakra-ui/icons'; +import { Flex, Image, Text } from '@chakra-ui/react'; + +export interface IContent { + key: string; + dateStr: string; + title: string; + desc: string; + img: string; + isShow: boolean; + href: string; + isShowViewUpdate: boolean; + zIndex: number; +} + +const Contents: Array = [ + { + key: 'KEY_1', + dateStr: 'March 2023', + title: 'Bitcoin Virtual Machine #0: Add EVM to Bitcoin', + desc: 'In this release, we shipped a full-featured EVM on Bitcoin. This is the first building block to make Bitcoin usable far more than just a currency because developers can now write smart contracts and build dapps for Bitcoin.', + img: '/roadmap/roadmap_img1.png', + href: 'https://twitter.com/punk3700/status/1650524119136628736', + isShow: true, + isShowViewUpdate: true, + zIndex: 10, + }, + { + key: 'KEY_2', + dateStr: 'March 2023', + title: '$GM: Deploy the first smart contract on Bitcoin', + desc: 'In this release, we shipped the first smart contract on Bitcoin. While the contract is simple, it is a historical milestone because, for the first time, smart contracts are possible on Bitcoin.', + img: '/roadmap/roadmap_img2.png', + href: 'https://twitter.com/punk3700/status/1657478010696798208', + isShow: true, + isShowViewUpdate: true, + zIndex: 9, + }, + { + key: 'KEY_3', + dateStr: 'May 2023', + title: 'New Bitcoin DEX: Deploy the first AMM DEX on Bitcoin', + desc: 'In this release, we shipped a decentralized crypto trading protocol (based on the Uniswap v2 code base) on Bitcoin. This is important because it enables trustless trading between Bitcoin and other cryptocurrencies. It also shows that we can build really complex dapps and protocols on Bitcoin.', + img: '/roadmap/roadmap_img3.png', + href: 'https://twitter.com/punk3700/status/1654532883388977158', + isShow: true, + isShowViewUpdate: true, + zIndex: 8, + }, + { + key: 'KEY_4', + dateStr: 'June 2023', + title: 'Bitcoin Virtual Machine #1: Deploy the first L2 on Bitcoin', + desc: 'In this release, we shipped a low-cost and lightning-fast Bitcoin L2 (based on the Optimism code base). This is an important building block for scaling Bitcoin for mass adoption.', + img: '/roadmap/roadmap_img4.png', + href: 'https://twitter.com/punk3700/status/1664211213432291335', + isShow: true, + isShowViewUpdate: true, + zIndex: 7, + }, + { + key: 'KEY_5', + dateStr: 'July 2023', + title: 'CryptoGraffiti: Deploy the first fully onchain game on Bitcoin', + desc: 'In this release, we shipped a multi-player, real-time, fully-onchain game on Bitcoin. This showed off the low latency and high throughput of Bitcoin Virtual Machine #1.', + img: '/roadmap/roadmap_img5.png', + href: 'https://twitter.com/punk3700/status/1684972258379563008', + isShow: true, + isShowViewUpdate: true, + zIndex: 6, + }, + { + key: 'KEY_6', + dateStr: 'Sep 2023', + title: 'L2aaS: Release Bitcoin L2 as a Service', + desc: 'In this release, we shipped a no-code tool that lets anyone launch a Bitcoin L2 in one click. This is an important building block because it hyperscales Bitcoin with an infinite number of L2s and unlimited throughput.', + img: '/roadmap/roadmap_img6.png', + href: 'https://twitter.com/punk3700/status/1699821767781658669', + isShow: true, + isShowViewUpdate: true, + zIndex: 5, + }, + { + key: 'KEY_7', + dateStr: 'Q1 2024', + title: 'BTC option for paying gas fees', + desc: 'Enable payment of Bitcoin L2 gas fees in BTC, same to how Ethereum Rollup L2 solutions use ETH for transaction gas.', + img: '/roadmap/roadmap_img7.png', + href: '', + isShow: true, + isShowViewUpdate: false, + zIndex: 4, + }, + { + key: 'KEY_8', + dateStr: 'Q1 2024', + title: 'Bitcoin L2 App Store', + desc: 'Install dApps like Uniswap, GMX, and Compound as default when creating a new Bitcoin L2.', + img: '/roadmap/roadmap_img8.png', + href: '', + isShow: true, + isShowViewUpdate: false, + zIndex: 3, + }, + { + key: 'KEY_9', + dateStr: 'Q2 2024', + title: 'Hyperbridges for enhanced connectivity', + desc: 'Reduce liquidity fragmentation between Bitcoin L2 implementations by facilitating connectivity using Hyperbridges in the Bitcoin Virtual Machine, similar to how the web uses hyperlinks.', + img: '/roadmap/roadmap_img9.png', + href: '', + isShow: true, + isShowViewUpdate: false, + zIndex: 2, + }, + { + key: 'KEY_10', + dateStr: 'Q3 2024', + title: 'Integration of ZK Rollups into Rollup Frameworks', + desc: 'Improve the Rollup protocol’s function in the Bitcoin L2 blockchain by including ZK rollups, which are recognized for their security, speed, and transparency, alongside Optimistic rollups.', + img: '/roadmap/roadmap_img10.png', + href: '', + isShow: true, + isShowViewUpdate: false, + zIndex: 2, + }, + { + key: 'KEY_11', + dateStr: 'Q4 2024', + title: 'Parallel EVM Implementation for Execution Layers', + desc: 'Offer Bitcoin builders to use Parallel EVM, an upgraded engine capable of processing multiple transactions simultaneously, increasing the already impressive processing speed.', + img: '/roadmap/roadmap_img11.png', + href: '', + isShow: true, + isShowViewUpdate: false, + zIndex: 1, + }, +]; + +const Section_2 = () => { + const renderItem = (item: IContent, index: number) => { + const isEven = index % 2 === 0; + return ( + + {isEven && ( + + )} + {isEven && ( + + + + )} + + + {item.dateStr} + + + {item.title} + + + {item.desc} + + {item.isShowViewUpdate && ( + { + window.open(item.href, '_blank'); + }} + > + {`View update`} + + + )} + + + {!isEven && ( + + + + )} + {!isEven && ( + + )} + + ); + }; + + return ( + + {Contents.map(renderItem)} + + ); +}; + +export default Section_2; diff --git a/src/modules/roadmap/index.tsx b/src/modules/roadmap/index.tsx new file mode 100644 index 000000000..3bc687ea1 --- /dev/null +++ b/src/modules/roadmap/index.tsx @@ -0,0 +1,24 @@ +'use client'; + +import { Box } from '@chakra-ui/react'; +import s from './styles.module.scss'; + +import BoxContent from '@/layouts/BoxContent'; +import Section1 from './Section_1'; +import Section2 from './Section_2'; + +const RoadmapModule = () => { + return ( + + + + + + + + + + ); +}; + +export default RoadmapModule; diff --git a/src/modules/roadmap/styles.module.scss b/src/modules/roadmap/styles.module.scss new file mode 100644 index 000000000..b3fce81dc --- /dev/null +++ b/src/modules/roadmap/styles.module.scss @@ -0,0 +1,7 @@ +.container { + display: flex; + flex: 1; + flex-direction: column; + align-items: center; + background-color: #F3F1E8; +}