removed everything non developer related

pull/310/head
Tim Pechersky 2021-10-07 21:58:38 +02:00
rodzic 5aab9b42e4
commit 8b352b758f
2 zmienionych plików z 60 dodań i 95 usunięć

Wyświetl plik

@ -254,7 +254,7 @@ const Homepage = () => {
fontWeight="semibold"
color="white"
>
All the crypto data you care about in a single stream
Open source blockchain analytics
</Heading>
<chakra.span
my={12}
@ -262,18 +262,18 @@ const Homepage = () => {
display="inline-block"
color="blue.200"
>
Get all the crypto data you need in a single stream.
From pending transactions in the Ethereum transaction
pool to Elon Musks latest tweets.
Product analytics for Web3. Moonstream helps you
understand exactly how people are using your smart
contracts.
</chakra.span>
<chakra.span
{/* <chakra.span
fontSize={["md", "2xl", "3xl", "3xl", "3xl", "4xl"]}
display="inline-block"
color="blue.300"
>
Access this data through the Moonstream dashboard or
API
</chakra.span>
</chakra.span> */}
</Stack>
</Flex>
</Box>
@ -285,7 +285,7 @@ const Homepage = () => {
colSpan="12"
// pt={["20px", "20px", "100px", null, "120px"]}
pt={0}
pb={["20px", "56px", null, "184px"]}
// pb={["20px", "56px", null, "184px"]}
minH="100vh"
>
<chakra.span
@ -301,9 +301,9 @@ const Homepage = () => {
// mb={[12, 12, 12, null, 48]}
fontSize={["md", "2xl", "3xl", "3xl", "3xl", "4xl"]}
>
{` We believe in financial inclusion. Proprietary technologies
are not financially inclusive. That's why all our software
is `}
We believe that the blockchain is for everyone. This
requires complete <b>transparency</b>. Thats why all our
software is open source.
<chakra.span display="inline-block" textColor="orange.900">
<i>open source</i>
</chakra.span>
@ -313,10 +313,10 @@ const Homepage = () => {
<Heading
{...HEADING_PROPS}
textAlign="center"
mt={16}
pb={[12, 12, 12, null, 48]}
mt={48}
pb={[12, 12, 12, null, 24]}
>
Data you can add to your stream:
See how your smart contracts are being used from:
</Heading>
<SimpleGrid columns={[1, 2, 2, 4, null, 4]}>
<Stack spacing={1} px={1} alignItems="center">
@ -360,7 +360,7 @@ const Homepage = () => {
<Heading textAlign="center ">Social media posts</Heading>
</Stack>
</SimpleGrid>
<Center>
{/* <Center>
<Heading pt="160px" pb="60px">
Moonstream is meant for you if
</Heading>
@ -404,9 +404,9 @@ const Homepage = () => {
},
}}
/>
</Flex>
</Flex> */}
</GridItem>
<GridItem
{/* <GridItem
px="7%"
colSpan="12"
pt={["1rem", "1rem", "5.125rem", null, "5.125rem"]}
@ -453,8 +453,8 @@ const Homepage = () => {
]}
imgURL={assets["cryptoTraders"]}
/>
</GridItem>
<GridItem
</GridItem> */}
{/* <GridItem
px="7%"
colSpan="12"
pt={["1rem", "1rem", "5.125rem", null, "5.125rem"]}
@ -499,18 +499,18 @@ const Homepage = () => {
]}
imgURL={assets["algorithmicFunds"]}
/>
</GridItem>
</GridItem> */}
<GridItem
px="7%"
colSpan="12"
pt={["1rem", "1rem", "5.125rem", null, "5.125rem"]}
pt={["1rem", "1rem", "1.125rem", null, "5.125rem"]}
pb={["0", "66px", null, "66px"]}
id="smartDeveloper"
minH={ui.isMobileView ? "100vh" : null}
>
<SplitWithImage
cta={{
label: "I want early access!",
label: "Want to find out more?",
onClick: () => {
mixpanel.get_distinct_id() &&
mixpanel.track(`${MIXPANEL_EVENTS.BUTTON_CLICKED}`, {
@ -553,7 +553,7 @@ const Homepage = () => {
bgColor: "blue.900",
},
]}
imgURL={assets["smartDevelopers"]}
imgURL={assets["cryptoTraders"]}
/>
</GridItem>
<GridItem
@ -564,24 +564,44 @@ const Homepage = () => {
pb="120px"
>
<Center>
<Button
as={Link}
isExternal
href={"https://discord.gg/K56VNUQGvA"}
size="lg"
variant="solid"
colorScheme="green"
id="test"
onClick={() => {
mixpanel.get_distinct_id() &&
mixpanel.track(`${MIXPANEL_EVENTS.BUTTON_CLICKED}`, {
[`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Join our discord`,
});
toggleModal("hubspot");
}}
>
Join our discord
</Button>
<Stack placeContent="center">
<Text fontWeight="500" fontSize="24px">
Want to find out more? Reach out to us on{" "}
<Link
color="orange.900"
onClick={() => {
mixpanel.get_distinct_id() &&
mixpanel.track(
`${MIXPANEL_EVENTS.BUTTON_CLICKED}`,
{
[`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Join our discord`,
}
);
toggleModal("hubspot");
}}
isExternal
href={"https://discord.gg/K56VNUQGvA"}
>
Discord
</Link>{" "}
or{" "}
<Link
color="orange.900"
onClick={() => {
mixpanel.get_distinct_id() &&
mixpanel.track(
`${MIXPANEL_EVENTS.BUTTON_CLICKED}`,
{
[`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Early access CTA: developer`,
}
);
toggleModal("hubspot-developer");
}}
>
request early access
</Link>
</Text>
</Stack>
</Center>
</GridItem>
</Grid>

Wyświetl plik

@ -8,8 +8,6 @@ import {
Stack,
ButtonGroup,
Spacer,
Radio,
RadioGroup,
UnorderedList,
ListItem,
Fade,
@ -28,7 +26,6 @@ import {
import StepProgress from "../src/components/StepProgress";
import { ArrowLeftIcon, ArrowRightIcon } from "@chakra-ui/icons";
import Scrollable from "../src/components/Scrollable";
import AnalyticsContext from "../src/core/providers/AnalyticsProvider/context";
import NewSubscription from "../src/components/NewSubscription";
import StreamEntry from "../src/components/StreamEntry";
import SubscriptionsList from "../src/components/SubscriptionsList";
@ -39,8 +36,6 @@ import { FaFilter } from "react-icons/fa";
const Welcome = () => {
const { subscriptionsCache } = useSubscriptions();
const ui = useContext(UIContext);
const { mixpanel, isLoaded, MIXPANEL_PROPS } = useContext(AnalyticsContext);
const [profile, setProfile] = React.useState();
const [showSubscriptionForm, setShowSubscriptionForm] = useBoolean(true);
useEffect(() => {
@ -53,14 +48,6 @@ const Welcome = () => {
ui.setOnboardingStep(index);
};
useEffect(() => {
if (profile && isLoaded) {
mixpanel.people.set({
[`${MIXPANEL_PROPS.USER_SPECIALITY}`]: profile,
});
}
}, [profile, MIXPANEL_PROPS, isLoaded, mixpanel]);
const SubscriptonCreatedCallback = () => {
setShowSubscriptionForm.off();
};
@ -250,48 +237,6 @@ const Welcome = () => {
</AccordionItem>
</Accordion>
</Stack>
<Stack
px={12}
// mt={24}
bgColor="gray.50"
borderRadius="xl"
boxShadow="xl"
py={4}
>
<Heading as="h4" size="md">
Tell us more about your needs
</Heading>
<Text fontWeight="semibold" pl={2}>
In order to create the best possible experience, we would love
to find out some more about you.
</Text>
<Text fontWeight="semibold" pl={2}>
Please tell us what profile describes you best.{" "}
<i>
This is purely analytical data, you can change it anytime
later.
</i>
</Text>
<RadioGroup
position="relative"
onChange={setProfile}
value={profile}
// fontWeight="bold"
colorScheme="orange"
// py={0}
// my={0}
>
<Stack
direction={["column", "row", null]}
justifyContent="space-evenly"
>
<Radio value="trader">I am trading crypto currency</Radio>
<Radio value="fund">I represent investment fund</Radio>
<Radio value="developer">I am developer</Radio>
</Stack>
</RadioGroup>
</Stack>
</Stack>
</Fade>
)}