diff --git a/public/images/pie-chart-7.png b/public/images/pie-chart-7.png
new file mode 100644
index 000000000..4b0a3338c
Binary files /dev/null and b/public/images/pie-chart-7.png differ
diff --git a/src/modules/PublicSale/IntroVideos/index.tsx b/src/modules/PublicSale/IntroVideos/index.tsx
new file mode 100644
index 000000000..d362750dd
--- /dev/null
+++ b/src/modules/PublicSale/IntroVideos/index.tsx
@@ -0,0 +1,18 @@
+import { Box, Flex, Text } from '@chakra-ui/react';
+import BoxContent from '@/layouts/BoxContent';
+
+const IntroVideos = () => {
+ return (
+
+
+ Bitcoin, reimagined.
+ Our mission is to make Bitcoin as generalized as possible — usable for far more than just a currency. We want DeFi, Gaming, AI, DAOs, and NFTs all on Bitcoin.
+
+
+
+
+
+ )
+}
+
+export default IntroVideos;
diff --git a/src/modules/PublicSale/IntroVideos/styles.module.scss b/src/modules/PublicSale/IntroVideos/styles.module.scss
new file mode 100644
index 000000000..11be4b362
--- /dev/null
+++ b/src/modules/PublicSale/IntroVideos/styles.module.scss
@@ -0,0 +1,3 @@
+.container {
+
+}
diff --git a/src/modules/PublicSale/activities/index.tsx b/src/modules/PublicSale/activities/index.tsx
index f855bf380..2d5bf2ceb 100644
--- a/src/modules/PublicSale/activities/index.tsx
+++ b/src/modules/PublicSale/activities/index.tsx
@@ -33,17 +33,19 @@ const Activities = React.memo(() => {
tag: 'Day 1',
title: 'Fully on-chain gaming on Bitcoin',
src: 'public-sale/playGame.png',
- ctas: [{
- title: 'Play games on Arcade',
- type: 'link',
- link: 'https://bitcoinarcade.xyz/'
- }],
- desc: `Play hyper-casual mobile games on Bitcoin Arcade.
Total rewards: 30M $ARCA testnet tokens.`
+ ctas: [],
+ desc: `
+Bitcoin Arcade is a Bitcoin L2 designed for gaming (aka. the Immutable of Bitcoin). It’s powered by BVM with these modules: Bitcoin for security, EigenDA for data availability, and Optimism for execution.
+On the first day of BVM’s launch, you’ll play incredibly fun games. These are the first fully on-chain on Bitcoin. Both the game logic and game states are stored on-chain.
+Rewards: 30 million $ARCA testnet tokens, which can be converted to the $ARCA mainnet tokens in March.
+How to play: Go to https://play.bitcoinarcade.xyz and enter the private invite code ARCADE.
+Good luck and have fun!
+`
},
{
key: 1,
tag: 'Day 2',
- title: 'BRC-20 Futures Trading Competition',
+ title: 'BRC-20 Perpetual Futures on Bitcoin',
src: 'public-sale/playGame.png',
ctas: [{
title: 'Trade on Naka',
@@ -55,7 +57,7 @@ const Activities = React.memo(() => {
{
key: 2,
tag: 'Day 3',
- title: 'Playing with Lego at BVM network',
+ title: 'Modular on Bitcoin',
src: 'public-sale/playGame.png',
ctas: [{
title: 'Play with modular blocks',
@@ -67,7 +69,7 @@ const Activities = React.memo(() => {
{
key: 3,
tag: 'Day 4',
- title: 'Poker Friday Night on Bitcoin',
+ title: 'Fully on-chain poker on Bitcoin',
src: 'public-sale/playGame.png',
ctas: [{
title: 'Play games on Arcade',
@@ -79,7 +81,7 @@ const Activities = React.memo(() => {
{
key: 4,
tag: 'Day 5',
- title: 'Get Fit & Raise Charity on Bitcoin',
+ title: 'Running Bitcoin',
src: 'public-sale/playGame.png',
ctas: [{
title: 'Run with Alphas',
@@ -91,7 +93,7 @@ const Activities = React.memo(() => {
{
key: 5,
tag: 'Day 6',
- title: 'Get Fit & Raise Charity on Bitcoin',
+ title: 'Running Bitcoin',
src: 'public-sale/playGame.png',
ctas: [{
title: 'Run with Alphas',
@@ -103,7 +105,7 @@ const Activities = React.memo(() => {
{
key: 6,
tag: 'Day 7',
- title: 'Last day',
+ title: 'AI x Bitcoin',
src: 'public-sale/playGame.png',
desc: 'Details of Day 7 will be provided as soon as Day 6 is completed.'
},
@@ -153,7 +155,7 @@ const Activities = React.memo(() => {
const renderItem = (item: GameItemProps, index: number) => {
const isDisable = index > currentDay.diffDay;
- const title = isDisable ? : item.title
+ const title = isDisable ? item.title : item.title
return (
currentDay.diffDay} className={styles.itemWrapper}>
{({ isExpanded }) => (
diff --git a/src/modules/PublicSale/activities/styles.module.scss b/src/modules/PublicSale/activities/styles.module.scss
index 1332edde6..891acb615 100644
--- a/src/modules/PublicSale/activities/styles.module.scss
+++ b/src/modules/PublicSale/activities/styles.module.scss
@@ -14,10 +14,10 @@
&__title {
align-self: stretch;
color: #FFFFFF;
- font-size: 18px;
+ font-size: 24px;
font-style: normal;
font-weight: 400;
- line-height: 28px;
+ line-height: 140%;
margin-bottom: 8px;
}
}
@@ -86,6 +86,7 @@
padding: 10px 16px !important;
background-color: rgba(black, .8);
//border: 1px solid rgba(white, .10);
+ cursor: default !important;
button {
padding: 0 !important;
diff --git a/src/modules/PublicSale/index.tsx b/src/modules/PublicSale/index.tsx
index 773d92ec4..779dea36e 100644
--- a/src/modules/PublicSale/index.tsx
+++ b/src/modules/PublicSale/index.tsx
@@ -8,6 +8,7 @@ import RoadmapModule from '@/modules/PublicSale/roadmap';
import FAQContent from '@/modules/Whitelist/FAQContent';
import TopContent from '@/modules/PublicSale/topContent';
import React from 'react';
+import IntroVideos from '@/modules/PublicSale/IntroVideos';
const PublicSaleModule = () => {
return (
@@ -18,6 +19,7 @@ const PublicSaleModule = () => {
+
diff --git a/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss b/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss
index 754aadf36..c626ae669 100644
--- a/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss
+++ b/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss
@@ -271,6 +271,7 @@
.isYou {
.price {
background: linear-gradient(90deg, #FFE259 0%, #FFA751 100%) !important;
+ color: black !important;
}
}
diff --git a/src/modules/PublicSale/raffleButton/styles.module.scss b/src/modules/PublicSale/raffleButton/styles.module.scss
index ee91f500f..968ddd34a 100644
--- a/src/modules/PublicSale/raffleButton/styles.module.scss
+++ b/src/modules/PublicSale/raffleButton/styles.module.scss
@@ -126,6 +126,8 @@
background-repeat: no-repeat;
padding: 8px;
align-items: flex-start;
+ width: 156px;
+ height: 156px;
> img {
min-width: 140px;
diff --git a/src/modules/bvm_v2/Allocation/index.tsx b/src/modules/bvm_v2/Allocation/index.tsx
index c6d518d6f..229dc72e9 100644
--- a/src/modules/bvm_v2/Allocation/index.tsx
+++ b/src/modules/bvm_v2/Allocation/index.tsx
@@ -48,7 +48,7 @@ const Allocation = () => {
>
{
const router = useRouter();
const [isCreating, setIsCreating] = useState(false);
const [totalUser, setTotalUser] = useState('');
+ const [totalDeposit, setTotalDeposit] = useState('');
const [listUser, setListUser] = useState([]);
const isPublicSale = React.useMemo(() => checkIsPublicSale(), [])
@@ -30,6 +31,7 @@ const JoinAllowList = ({isFooter}: {isFooter?: boolean}) => {
if (isPublicSale) {
const response = await getPublicSaleSummary();
setTotalUser(response.total_user.toString());
+ setTotalDeposit(response.total_usdt_value.toString())
} else {
const response = await getTopLeaderBoards({ page: 1, limit: 20 });
const topWhiteList = response.data.filter((item, index) => index < 5);
@@ -61,7 +63,15 @@ const JoinAllowList = ({isFooter}: {isFooter?: boolean}) => {
{isPublicSale ? (
(!!totalUser && Number(totalUser || 0)) ? (
- Join {formatCurrency(totalUser, 0, 0)} people backing us building the future of Bitcoin.
+ {/*Join {formatCurrency(totalUser, 0, 0)} people backing us building the future of Bitcoin.*/}
+ Join the {formatCurrency(totalUser, 0, 0)} early contributors backing us with
+ {" "}${formatCurrency(
+ totalDeposit || '0',
+ 0,
+ 0,
+ 'BTC',
+ true,
+ )} to build the future of Bitcoin.
) : (
diff --git a/src/modules/landing/Componets/Hero/JoinAllowList/styles.module.scss b/src/modules/landing/Componets/Hero/JoinAllowList/styles.module.scss
index bbf719bd1..596e667b4 100644
--- a/src/modules/landing/Componets/Hero/JoinAllowList/styles.module.scss
+++ b/src/modules/landing/Componets/Hero/JoinAllowList/styles.module.scss
@@ -86,7 +86,7 @@
font-style: normal;
font-weight: 400;
line-height: 130%;
- max-width: 571px;
+ max-width: 620px;
@include is-mobile {
font-size: 20px;