Skip to content

Commit c6b6336

Browse files
Anton-MushninAnton-Mushnin
authored
Merge pull request #745 from bugout-dev/landing-pages
Landing pages
2 parents 62525f6 + 3ca2cec commit c6b6336

File tree

16 files changed

+201
-160
lines changed

16 files changed

+201
-160
lines changed

‎frontend/pages/features/index.js‎

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React, { useContext } from "react";
2-
import { Container, Heading } from "@chakra-ui/react";
2+
import { Container } from "@chakra-ui/react";
33
import RouteButton from "../../src/components/RouteButton";
44
import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
55
import { AWS_ASSETS_PATH } from "../../src/core/constants";
@@ -8,45 +8,38 @@ import UIContext from "../../src/core/providers/UIProvider/context";
88
import AnalyticsContext from "../../src/core/providers/AnalyticsProvider/context";
99

1010
const assets = {
11-
cryptoTraders: `${AWS_ASSETS_PATH}/crypto+traders.png`,
12-
lender: `${AWS_ASSETS_PATH}/lender.png`,
13-
DAO: `${AWS_ASSETS_PATH}/DAO .png`,
14-
NFT: `${AWS_ASSETS_PATH}/NFT.png`,
11+
airdrop: `${AWS_ASSETS_PATH}/airdrop.png`,
12+
openLootbox: `${AWS_ASSETS_PATH}/open-lootbox.png`,
13+
craftingRecipe: `${AWS_ASSETS_PATH}/crafting-recipe.png`,
14+
minigame: `${AWS_ASSETS_PATH}/minigame.png`,
1515
};
1616

1717
const Features = () => {
1818
const ui = useContext(UIContext);
1919
const { buttonReport } = useContext(AnalyticsContext);
2020

2121
return (
22-
<Container
23-
id="container"
24-
maxW="container.xl"
25-
px={["10%", "10%", "7%", "0"]}
26-
mt="72px"
27-
>
28-
<Heading as="h1" hidden>
29-
Moonstream feautes
30-
</Heading>
22+
<Container id="container" maxW="1238" mt="142px" p="0px">
3123
{!ui.isMobileView && (
3224
<RouteButton
33-
variant="orangeAndBlue"
25+
variant="plainOrange"
3426
onClick={() => buttonReport("Learn More", "main")}
3527
href={"/discordleed"}
3628
isExternal
3729
minW={["150", "150", "150", "200px", "300px", "300px"]}
3830
fontSize={["md", "lg", "xl", "2xl", "3xl", "3xl"]}
3931
position="absolute"
4032
bottom="10px"
41-
right="5px"
33+
right="10px"
4234
>
4335
Learn More
4436
</RouteButton>
4537
)}
4638
<FeatureCard
39+
pt="0px"
4740
id="airdrops"
4841
headingText="Airdrops"
49-
image={assets["lender"]}
42+
image={assets["airdrop"]}
5043
cardOrder={1}
5144
isMobile={ui.isMobileView}
5245
onClick={() => buttonReport("Learn More", "airdrops")}
@@ -71,7 +64,7 @@ const Features = () => {
7164
<FeatureCard
7265
id="minigames"
7366
headingText="Minigames"
74-
image={assets["DAO"]}
67+
image={assets["minigame"]}
7568
cardOrder={-1}
7669
isMobile={ui.isMobileView}
7770
onClick={() => buttonReport("Learn More", "minigames")}
@@ -90,7 +83,7 @@ const Features = () => {
9083
<FeatureCard
9184
id="lootboxes"
9285
headingText="Lootboxes"
93-
image={assets["cryptoTraders"]}
86+
image={assets["openLootbox"]}
9487
cardOrder={1}
9588
isMobile={ui.isMobileView}
9689
onClick={() => buttonReport("Learn More", "lootboxes")}
@@ -109,9 +102,10 @@ const Features = () => {
109102
<FeatureCard
110103
id="crafting"
111104
headingText="Crafting"
112-
image={assets["NFT"]}
105+
image={assets["craftingRecipe"]}
113106
cardOrder={-1}
114107
isMobile={ui.isMobileView}
108+
pb="40px"
115109
onClick={() => buttonReport("Learn More", "crafting")}
116110
>
117111
<>

‎frontend/pages/index.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -167,7 +167,7 @@ const Homepage = () => {
167167
align="center"
168168
justify="center"
169169
boxSize="full"
170-
pt={["130px", "152px"]}
170+
pt={["129px", "129px", "152px"]}
171171
pb={10}
172172
flexDir="column"
173173
>
@@ -180,15 +180,15 @@ const Homepage = () => {
180180
"landing"
181181
);
182182
}}
183-
mb="60px"
183+
mb={["40px", "40px", "60px"]}
184184
isExternal
185185
href="https://www.crypto-reporter.com/press-releases/moonstream-to-wins-techcrunch-pitch-off-earning-a-spot-at-disrupt-2023-39287/
186186
"
187187
>
188188
<ChakraImage
189189
src={assets.tech_crunch_winner}
190-
w="272px"
191-
h="59px"
190+
w={["213px", "213px", "272px"]}
191+
h={["49px", "49px", "59px"]}
192192
cursor="pointer"
193193
bg="#46C370"
194194
borderRadius="10px"

‎frontend/pages/privacy-policy/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
55

66
const PrivacyPolicy = () => (
77
<Box mt="72px">
8-
<Box px="1.5rem" m="auto" mb={8} maxWidth="1199.98px" minHeight="60vh">
8+
<Box m="auto" mb={8} maxWidth="1238px" minHeight="60vh">
99
<Heading my={8} as="h1">
1010
Privacy Policy for Moonstream
1111
</Heading>

‎frontend/pages/team/index.js‎

Lines changed: 13 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,10 @@ const Team = () => {
4848
direction="column"
4949
alignItems="center"
5050
w="100%"
51+
maxW="1238"
5152
>
52-
<Stack mt="72px" mx={margin} maxW="1700px" w="100%">
53+
<Stack mt="142px" w="100%">
5354
<SimpleGrid
54-
px={12}
5555
alignItems="start"
5656
columns={{ base: 1, md: 2 }}
5757
mb={24}
@@ -85,19 +85,11 @@ const Team = () => {
8585
</Center>
8686
</SimpleGrid>
8787
</Stack>
88-
<Stack mx={margin} mb={6} mt={0} maxW="1700px" w="100%">
89-
<Heading
90-
as="h2"
91-
size="md"
92-
w="100%"
93-
px={12}
94-
pb={2}
95-
pt={0}
96-
borderTopRadius="xl"
97-
>
88+
<Stack mb={6} mt={0} w="100%">
89+
<Heading as="h2" size="md" w="100%" pb={2} pt={0} borderTopRadius="xl">
9890
Values that we share within our team:
9991
</Heading>
100-
<chakra.span pl={2} px={12} py={2}>
92+
<chakra.span pl={2} py={2}>
10193
<UnorderedList w="75%" pl={4}>
10294
<ListItem>
10395
<b>Be bold</b>
@@ -122,16 +114,15 @@ const Team = () => {
122114
</Text>
123115
</chakra.span>
124116
</Stack>
125-
<Stack mx={margin} mb={12} maxW="1700px" w="100%">
126-
<Heading as="h2" size="md" w="100%" px={12} py={2} borderTopRadius="xl">
117+
<Stack mb={12} w="100%">
118+
<Heading as="h2" size="md" w="100%" py={2} borderTopRadius="xl">
127119
Our engineering team
128120
</Heading>
129-
<Stack
121+
<Flex
130122
w="100%"
131123
direction={"row"}
132124
flexWrap="wrap"
133125
justifyContent="space-between"
134-
px={[3, 6, 12]}
135126
alignContent="left"
136127
>
137128
<TeamCard
@@ -173,18 +164,17 @@ const Team = () => {
173164
Enjoys soduku and its variants. Follows artificial intelligence scene for
174165
Chess and Go. Experiments with grilling recipes.`}
175166
/>
176-
</Stack>
167+
</Flex>
177168
</Stack>
178-
<Stack mx={margin} mb={12} maxW="1700px" w="100%">
179-
<Heading as="h2" size="md" w="100%" px={12} py={2} borderTopRadius="xl">
169+
<Stack mb={12} w="100%">
170+
<Heading as="h2" size="md" w="100%" py={2} borderTopRadius="xl">
180171
Our marketing and growth team
181172
</Heading>
182-
<Stack
173+
<Flex
183174
w="100%"
184175
direction={"row"}
185176
flexWrap="wrap"
186177
justifyContent="space-between"
187-
px={[3, 6, 12]}
188178
alignContent="left"
189179
>
190180
<TeamCard
@@ -220,7 +210,7 @@ const Team = () => {
220210
and ukulele. Loves meat, went from well done to blue
221211
rare in a few months.`}
222212
/>
223-
</Stack>
213+
</Flex>
224214
</Stack>
225215
</Flex>
226216
);

‎frontend/pages/tos/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
66

77
const TermsOfService = () => (
88
<Box mt="72px">
9-
<Box px="1.5rem" m="auto" mb={8} maxWidth="1199.98px" minHeight="60vh">
9+
<Box m="auto" mb={8} maxWidth="1238" minHeight="60vh">
1010
<Heading textAlign="start" my={8} as="h1">
1111
Moonstream Terms of Service
1212
</Heading>

‎frontend/pages/whitepapers.js‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,24 @@
11
import React from "react";
2-
import { VStack, Link, Heading, Icon } from "@chakra-ui/react";
2+
import { Flex, Heading } from "@chakra-ui/react";
33
import { getLayout, getLayoutProps } from "../src/layouts/InfoPageLayout";
4-
import { MdPictureAsPdf } from "react-icons/md";
4+
import WhitepaperCard from "../src/components/molecules/WhitepaperCard";
5+
import { AWS_ASSETS_PATH } from "../src/core/constants";
56

67
const Papers = () => {
78
return (
8-
<VStack>
9-
<Heading pb={12} pt="72px">
9+
<Flex direction="column" px="7%" width="100%" alignItems="center" pb="40px">
10+
<Heading pb={["40px", "40px", "60px"]} pt={["122px", "122px", "142px"]}>
1011
Whitepapers
1112
</Heading>
12-
<Link
13-
color="orange.1000"
13+
<WhitepaperCard
14+
maxW="890px"
1415
href="https://github.com/bugout-dev/moonstream/blob/main/datasets/nfts/papers/ethereum-nfts.pdf"
15-
>
16-
An analysis of 7,020,950 NFT transactions on the Ethereum blockchain -
17-
October 22, 2021
18-
<Icon as={MdPictureAsPdf} color="red" display="inline-block" />
19-
</Link>
20-
</VStack>
16+
img={`${AWS_ASSETS_PATH}/nft_market_analysis_i.png`}
17+
title="An analysis of 7,020,950 NFT transactions on the Ethereum blockchain"
18+
date="October 22, 2021"
19+
text="We present the Ethereum NFTs dataset, a representation of the activity on the Ethereum non-fungible token (NFT) market between April 1, 2021 and September 25, 2021, constructed purely from on-chain data. This dataset consists of all 7 020 950 token mints and transfers across 727 102 accounts between block 12 150 245 and block 13 296 011."
20+
/>
21+
</Flex>
2122
);
2223
};
2324

‎frontend/src/Theme/Button/index.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,7 @@ const variantPlainOrange = () => {
187187
padding: "10px 30px",
188188
_hover: {
189189
backgroundColor: "#F4532F",
190+
textDecoration: "none",
190191
},
191192
_focus: {
192193
backgroundColor: "#F4532F",

‎frontend/src/components/AccountIconButton.js‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,11 @@ const AccountIconButton = (props) => {
2727
colorScheme="inherit"
2828
as={IconButton}
2929
aria-label="Account menu"
30-
icon={<RiAccountCircleLine m={0} size="26px" />}
30+
icon={<RiAccountCircleLine size="26px" />}
3131
color="gray.100"
32+
h="26px"
33+
minW="26px"
34+
m="0px"
3235
/>
3336
<Portal>
3437
<MenuList

‎frontend/src/components/Footer.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,8 @@ const Footer = () => {
8888
{!ui.isMobileView && (
8989
<>
9090
<Flex justifyContent="start">
91-
<Link href="//privacy-policy">Privacy policy</Link>
92-
<Link href="//tos" ml="20px">
91+
<Link href="/privacy-policy">Privacy policy</Link>
92+
<Link href="/tos" ml="20px">
9393
Terms of Service
9494
</Link>
9595
</Flex>

0 commit comments

Comments
 (0)