Merge remote-tracking branch 'origin/main' into main
This commit is contained in:
commit
fbea81591f
|
@ -1,27 +1,25 @@
|
|||
import { Image, Menu, Spacer } from 'antd';
|
||||
import Logo from './Logo';
|
||||
import { Image, Menu } from "antd";
|
||||
import Logo from "./Logo";
|
||||
|
||||
export default function Navigation() {
|
||||
return (
|
||||
<>
|
||||
<Menu mode="horizontal" selectedKeys={[]}>
|
||||
<Menu
|
||||
mode="horizontal"
|
||||
selectedKeys={[]}
|
||||
style={{ background: "none", borderBottom: "none" }}
|
||||
>
|
||||
<Logo />
|
||||
<Menu.Item key="trade">
|
||||
<a href="/trade">
|
||||
Trade
|
||||
</a>
|
||||
<a href="/trade">Trade</a>
|
||||
</Menu.Item>
|
||||
<Menu.Item key="stats">
|
||||
<a href="/stats">
|
||||
Stats
|
||||
</a>
|
||||
<a href="/stats">Stats</a>
|
||||
</Menu.Item>
|
||||
<Menu.Item key="help">
|
||||
<a href="/help">
|
||||
Help
|
||||
</a>
|
||||
<a href="/help">Help</a>
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
</>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
|
104
pages/index.tsx
104
pages/index.tsx
|
@ -12,24 +12,38 @@ const IndexPage = () => (
|
|||
<title>Mango Margin</title>
|
||||
<meta charSet="utf-8" />
|
||||
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Lato:400,700"
|
||||
/>
|
||||
</Head>
|
||||
<Layout>
|
||||
<Header style={{ marginTop: "1em" }}>
|
||||
<Layout
|
||||
style={{
|
||||
backgroundImage: "url(background.svg)",
|
||||
backgroundRepeat: "no-repeat",
|
||||
backgroundPosition: "-20px 0",
|
||||
}}
|
||||
>
|
||||
<Header style={{ background: "none", marginBottom: "0" }}>
|
||||
<Navigation />
|
||||
</Header>
|
||||
<Layout>
|
||||
<Layout style={{ background: "none" }}>
|
||||
<Content style={{ padding: "2em" }}>
|
||||
<Row align="middle">
|
||||
<Col xs={24} lg={10}>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36 }}>
|
||||
Decentralized, cross-margin trading up to 5x leverage with lightning speed and near-zero fees powered on Serum.
|
||||
</p>
|
||||
<Button type="primary" size="large">
|
||||
Start Trading
|
||||
</Button>
|
||||
</div>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36, lineHeight: 1.5 }}>
|
||||
Decentralized, cross-margin trading up to 5x leverage with
|
||||
lightning speed and near-zero fees powered on Serum.
|
||||
</p>
|
||||
<Button
|
||||
type="primary"
|
||||
size="large"
|
||||
style={{ padding: "0px 60px 0px 60px" }}
|
||||
>
|
||||
Start Trading
|
||||
</Button>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} lg={14}>
|
||||
<div style={{ padding: "2em" }}>
|
||||
|
@ -39,35 +53,42 @@ const IndexPage = () => (
|
|||
</Row>
|
||||
<Row>
|
||||
<Col xs={24} lg={8}>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36 }}>
|
||||
Trade
|
||||
</p>
|
||||
<p>
|
||||
Trade up to 5x margin, leveraged or short, with limit orders on Serum DEX’s fully on-chain order book as a maker or taker while earning interest on deposits and positions for extra profit.
|
||||
</p>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} lg={8}>
|
||||
<div style={{ padding: "2em" }}>
|
||||
|
||||
<p style={{ fontSize: 36 }}>
|
||||
Lend
|
||||
</p>
|
||||
<p>
|
||||
Earn maximal interest on deposits, protect against inflation, and utilize idle investments. Always maintain custody of your funds.
|
||||
</p>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36 }}>Trade</p>
|
||||
<p style={{ lineHeight: 2, fontSize: 16 }}>
|
||||
Trade up to 5x margin, leveraged or short, with limit orders
|
||||
on Serum DEX’s fully on-chain order book as a maker or taker
|
||||
while earning interest on deposits and positions for extra
|
||||
profit.
|
||||
</p>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} lg={8}>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36 }}>
|
||||
Fees
|
||||
</p>
|
||||
<p>
|
||||
No fees on interests. The only fees you will pay are for trading on Serum DEX. Stake your SRM into our pool to reduce the fees for everyone. Let's reach the MegaSerum fee tier together 🚀
|
||||
</p>
|
||||
</div>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36 }}>Lend</p>
|
||||
<p
|
||||
style={{
|
||||
width: 400,
|
||||
lineHeight: 2,
|
||||
fontSize: 16,
|
||||
}}
|
||||
>
|
||||
Earn maximal interest on deposits, protect against inflation,
|
||||
and utilize idle investments. Always maintain custody of your
|
||||
funds.
|
||||
</p>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} lg={8}>
|
||||
<div style={{ padding: "2em" }}>
|
||||
<p style={{ fontSize: 36 }}>Fees</p>
|
||||
<p style={{ lineHeight: 2, fontSize: 16 }}>
|
||||
No fees on interests. The only fees you will pay are for
|
||||
trading on Serum DEX. Stake your SRM into our pool to reduce
|
||||
the fees for everyone. Let's reach the MegaSerum fee tier
|
||||
together 🚀
|
||||
</p>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</Content>
|
||||
|
@ -75,12 +96,11 @@ const IndexPage = () => (
|
|||
<Footer>
|
||||
<Divider />
|
||||
<Row align="middle">
|
||||
<Logo />
|
||||
© 2021 Blockworks Foundation
|
||||
<Logo />© 2021 Blockworks Foundation
|
||||
</Row>
|
||||
</Footer>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
);
|
||||
|
||||
export default IndexPage
|
||||
export default IndexPage;
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="1028" height="888" viewBox="0 0 1028 888" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M242.66 320.737C23.2826 374.206 -0.109802 443.105 -0.109802 443.105V887.363C-0.109802 887.363 60.8284 684.4 320.306 631.816C747.266 559.477 1008.64 146.769 1027.97 -3.61035H654.483C624.014 96.6426 516.881 253.902 242.66 320.737Z" fill="url(#paint0_linear)" fill-opacity="0.42"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear" x1="929.687" y1="-89.6115" x2="-404.071" y2="1022.75" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#584F81" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#584F81"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
After Width: | Height: | Size: 665 B |
|
@ -1,5 +1,3 @@
|
|||
|
||||
|
||||
// colors
|
||||
@primary-color: #F2C94C;
|
||||
@success-color: #AFD803;
|
||||
|
@ -12,11 +10,9 @@
|
|||
@body-background: #141026;
|
||||
@component-background: #141026;
|
||||
@layout-body-background: #141026;
|
||||
@layout-header-background: #141026;
|
||||
|
||||
|
||||
// font
|
||||
@font-family: 'Lato', sans-serif;
|
||||
@font-family: "Lato", sans-serif;
|
||||
/*@font-size-base: 21px;*/
|
||||
|
||||
// layout
|
||||
|
|
|
@ -983,9 +983,9 @@ boolbase@~1.0.0:
|
|||
resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
|
||||
integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
|
||||
|
||||
"borsh@git+https://github.com/defactojob/borsh-js.git#field-mapper":
|
||||
"borsh@https://github.com/defactojob/borsh-js#field-mapper":
|
||||
version "0.3.1"
|
||||
resolved "git+https://github.com/defactojob/borsh-js.git#33a0d24af281112c0a48efb3fa503f3212443de9"
|
||||
resolved "https://github.com/defactojob/borsh-js#33a0d24af281112c0a48efb3fa503f3212443de9"
|
||||
dependencies:
|
||||
"@types/bn.js" "^4.11.5"
|
||||
bn.js "^5.0.0"
|
||||
|
|
Loading…
Reference in New Issue