diff --git a/packages/client/src/assets/img/crown.png b/packages/client/src/assets/img/crown.png
new file mode 100644
index 00000000..62d30994
Binary files /dev/null and b/packages/client/src/assets/img/crown.png differ
diff --git a/packages/client/src/assets/img/lxdao.png b/packages/client/src/assets/img/lxdao.png
new file mode 100644
index 00000000..93dd82bb
Binary files /dev/null and b/packages/client/src/assets/img/lxdao.png differ
diff --git a/packages/client/src/assets/img/web3.png b/packages/client/src/assets/img/web3.png
new file mode 100644
index 00000000..64af66d4
Binary files /dev/null and b/packages/client/src/assets/img/web3.png differ
diff --git a/packages/client/src/pages/home/StaticInfo.tsx b/packages/client/src/pages/home/StaticInfo.tsx
index a5a3789e..ee27700c 100644
--- a/packages/client/src/pages/home/StaticInfo.tsx
+++ b/packages/client/src/pages/home/StaticInfo.tsx
@@ -7,9 +7,14 @@ import './staticInfo.scss';
import FAQ from '@/config/faq';
import imgPlayer from '@/assets/img/player_1.png';
+import imgPlayer2 from '@/assets/img/player_2.png';
import imgPlayers from '@/assets/img/players.png';
import indexDuckImg from '@/assets/img/duck_index.svg';
+import lxDaoIcon from '@/assets/img/lxdao.png';
+import web3Icon from '@/assets/img/web3.png';
+import crownIcon from '@/assets/img/crown.png';
+
interface IProps {
onPlay: () => void;
isOpen: boolean;
@@ -61,20 +66,22 @@ const StaticInfo = (props: IProps) => {
y'all! Just a heads up, your neighbors ain't the friendliest bunch. It's a wild ride of plunderin' and survivin', so go hunt that treasure and claim your bounty.
-
+
- - Gameplay
- - Mississippi is a fully on-chain roguelike PVP game where players battle for limited resources within a complex cave. Welcome to Mississippi for gold prospecting! Compete with others, take on greed, and see who comes out on top!
+ - What is the game all about
+ - We start from a PVP rogue-like game. Explore randomly-dropped gems, strategically forge godlike equipment, and loot each other's treasures. All within the expansive Mississippi cave.
- - Mission
- - To create great games only enabled by Web3. We are striving to find and leverage the unique fun factor that Web3 offers.
+ - How does it evolve into a world
+ - We plan to expand the game to be a simulation game. Players will be divided into factions, with the game's purpose evolving from individual competition to collective competition.
+
+ Each fraction will have their own unique economies, political systems, technical capabilities, foreign policies, and even cultural beliefs. Members will collaborate to create a joint, on-chain history, driven by Web3's public ledger.
- - Approach
- - We will keep exploring the potential of Autonomous Worlds. The composability of Autonomous Worlds will pave the way for a new labor relations between developers and game players.
+ - Why we are based on Lootverse
+ - Lootverse is a series of communities derived from the original Loot bags, representing the the core value of Autonomous Worlds: To create 5% of the fundamental rules, while encouraging others to create the remaining 95% and even more.
@@ -105,6 +112,20 @@ const StaticInfo = (props: IProps) => {
Hey, buddy, you've reached the horizon,
but the real excitement begins when you enter the cave!
+
+
Backed by
+
+ -
+
LXDAO, an R&D driven DAO in APAC, dedicated to developing public goods
+
+ -
+
Realms.World, the largest and most valuable on-chain game community
+
+ -
+
Web3 social ecosystem with a strong focus on Autonomous Worlds
+
+
+
diff --git a/packages/client/src/pages/home/staticInfo.scss b/packages/client/src/pages/home/staticInfo.scss
index 9cf9285a..fecb6585 100644
--- a/packages/client/src/pages/home/staticInfo.scss
+++ b/packages/client/src/pages/home/staticInfo.scss
@@ -85,7 +85,7 @@
h2 {
background: #55225e;
- font-size: 36px;
+ font-size: 18px;
line-height: 60px;
color: #fae1cc;
}
@@ -111,7 +111,7 @@
.p2 {
right: 10px;
- transform: rotateY(180deg);
+ //transform: rotateY(180deg);
}
}
@@ -145,7 +145,7 @@
flex-direction: column;
h2 {
- font-size: 42px;
+ font-size: 22px;
margin-bottom: 30px;
color: #fff;
}
@@ -217,6 +217,25 @@
text-align: center;
color: #fff;
}
+
+ .backed-by-wrapper {
+ margin-top: 40px;
+ color: #fff;
+ ul {
+ margin-top: 24px;
+ }
+ li {
+ display: flex;
+ margin-bottom: 24px;
+ align-items: center;
+
+ img {
+ margin-right: 24px;
+ width: 40px;
+ height: 40px;
+ }
+ }
+ }
}
}