Merge pull request #561 from bugout-dev/landing-improvements

update landing page
2022-03-16 15:06:48 +00:00 · 2022-03-16 15:06:48 +00:00 · b52d336fc3
commit b52d336fc3
--- a/frontend/pages/index.js
+++ b/frontend/pages/index.js
@ -128,6 +128,7 @@ const assets = {
  cryptoTraders: `${AWS_ASSETS_PATH}/crypto+traders.png`,
  smartDevelopers: `${AWS_ASSETS_PATH}/smart+contract+developers.png`,
  cointelegraph: `${AWS_ASSETS_PATH}/featured_by/Cointelegraph_logo.png`,
+  forte: `${AWS_ASSETS_PATH}/featured_by/forte_logo.png`,
  educativesessions: `${AWS_ASSETS_PATH}/featured_by/educative_logo.png`,
  cryptoinsiders: `${AWS_ASSETS_PATH}/featured_by/crypto_insiders.png`,
  cryptoslate: `${AWS_ASSETS_PATH}/featured_by/cs-media-logo-light.png`,
@ -135,7 +136,7 @@ const assets = {
  ethereumBlackLogo: `${AWS_ASSETS_PATH}/eth-diamond-black.png`,
  ethereumRainbowLogo: `${AWS_ASSETS_PATH}/eth-diamond-rainbow.png`,
  maticLogo: `${AWS_ASSETS_PATH}/matic-token-inverted-icon.png`,
-  erc20: `${AWS_ASSETS_PATH}/ERC 20.png`,
+  lender: `${AWS_ASSETS_PATH}/lender.png`,
  DAO: `${AWS_ASSETS_PATH}/DAO .png`,
  NFT: `${AWS_ASSETS_PATH}/NFT.png`,
  bc101: `${AWS_ASSETS_PATH}/featured_by/blockchain101_logo.png`,
@ -503,17 +504,17 @@ const Homepage = () => {
                      <ChakraImage
                        boxSize={["220px", "220px", "xs", null, "xs"]}
                        objectFit="contain"
-                        src={assets["erc20"]}
-                        alt="mined transactions"
+                        src={assets["lender"]}
+                        alt="engine"
                      />
-                      <Heading textAlign="center ">Bridges</Heading>
+                      <Heading textAlign="center ">Engine</Heading>
                      <chakra.span
                        textAlign={"center"}
                        textColor="blue.600"
                        px={2}
                      >
-                        Open up your economy to Ethereum’s rich DeFi ecosystem,
-                        no matter which chain you live on.
+                        Create and manage tokens with custom mechanics specific
+                        to your project.
                      </chakra.span>
                    </Stack>
                  </Link>
@ -603,17 +604,26 @@ const Homepage = () => {
                      name="Laguna games"
                      caseURL=""
                      ImgURL={assets["laguna"]}
+                      boxURL="https://laguna.games/"
                    />
                    <TrustedBadge
                      scale={1.5}
                      name="game7io"
                      ImgURL={assets["game7io"]}
+                      boxURL="https://game7.io/"
                    />

                    <TrustedBadge
                      scale={1.5}
                      name="orangedao"
                      ImgURL={assets["orangedao"]}
+                      boxURL="https://lfg.orangedao.xyz/"
+                    />
+                    <TrustedBadge
+                      scale={1.5}
+                      name="forte"
+                      ImgURL={assets["forte"]}
+                      boxURL="https://www.forte.io/"
                    />
                  </Suspense>
                </Flex>
@ -739,29 +749,28 @@ const Homepage = () => {
                  }}
                  elementName={"element3"}
                  colorScheme="orange"
-                  badge={`Moonstream bridges`}
+                  badge={`Moonstream engine`}
                  bullets={[
                    {
-                      text: `Make it easy for participants to bring value into your economy from other blockchains.`,
+                      text: `Deploy customizable and upgradable characters, items, and currencies into your economy`,
                      icon: GiCrossedChains,
                      color: "orange.50",
                      bgColor: "orange.900",
                    },
                    {
-                      text: `Make your tokens and NFTs multi-chain.`,
+                      text: `Monitor interactions between these tokens`,
                      icon: GiChainedHeart,
                      color: "orange.50",
                      bgColor: "orange.900",
                    },
                    {
-                      text: `Run the cost-intensive parts of your economy off of Ethereum while tapping into Ethereum’s DeFi ecosystem.
-                      `,
+                      text: `Secure the tokens with Moonstream defense bots.`,
                      icon: GiChaingun,
                      color: "orange.50",
                      bgColor: "orange.900",
                    },
                  ]}
-                  imgURL={assets["erc20"]}
+                  imgURL={assets["lender"]}
                />
              </GridItem>
              <GridItem
@ -862,30 +871,36 @@ const Homepage = () => {
                      name="cointelegraph"
                      caseURL=""
                      ImgURL={assets["cointelegraph"]}
+                      boxURL="https://cointelegraph.com/news/17-of-addresses-snapped-up-80-of-all-ethereum-nfts-since-april"
                    />
                    <TrustedBadge
                      name="CryptoInsiders"
                      ImgURL={assets["cryptoinsiders"]}
+                      boxURL="https://www.crypto-insiders.nl/nieuws/altcoin/17-van-ethereum-whales-bezitten-meer-dan-80-van-alle-nfts-op-de-blockchain/"
                    />

                    <TrustedBadge
                      name="cryptoslate"
                      ImgURL={assets["cryptoslate"]}
+                      boxURL="https://cryptoslate.com/should-investors-care-80-of-all-nfts-belong-to-17-of-addresses/"
                    />
                    <TrustedBadge
                      name="educative sessions"
                      scale={1.5}
                      ImgURL={assets["educativesessions"]}
+                      boxURL="https://youtu.be/DN8zRzJuy0M"
                    />
                    <TrustedBadge
                      scale={1.5}
                      name="bc101"
                      ImgURL={assets["bc101"]}
+                      boxURL="https://blockchain101.com/"
                    />
                    <TrustedBadge
                      scale={1.5}
                      name="bc101"
                      ImgURL={assets["meetup"]}
+                      boxURL="https://www.meetup.com/SF-Bay-Area-Data-Science-Initiative/events/283215538/"
                    />
                  </Suspense>
                </Flex>
--- a/frontend/pages/team/index.js
+++ b/frontend/pages/team/index.js
@ -248,8 +248,8 @@ const Product = () => {
            avatarURL={assets["dragonfly"]}
            name={"Tim Pechersky"}
            atName={"@peersky"}
-            content={`Spectral hopper. Hes special ability to precieve world trough spectral domain. Occasionaly
-            shifts in to time domain to spend some in doing flow
+            content={`Spectral hopper. Has special ability to perceive world trough spectral domain. Occasionaly
+            shifts in time domain to spend some in doing flow
            arts, surfing, and connecting with nature.`}
          />
          <TeamCard
--- a/frontend/src/components/TrustedBadge.js
+++ b/frontend/src/components/TrustedBadge.js
@ -1,43 +1,54 @@
 import { React } from "react";
-import { Flex, Image, Link } from "@chakra-ui/react";
+import { Flex, Image, Link, LinkBox, LinkOverlay } from "@chakra-ui/react";

-const TrustedBadge = ({ name, caseURL, ImgURL, scale, isGrayScale }) => {
+const TrustedBadge = ({
+  name,
+  caseURL,
+  ImgURL,
+  scale,
+  isGrayScale,
+  boxURL,
+}) => {
  const _scale = scale ?? 1;
  return (
-    <Flex
-      m={1}
-      justifyContent="center"
-      alignItems="center"
-      alignSelf="center"
-      wrap="nowrap"
-      p={8}
-      direction="column"
-    >
-      <Image
-        sx={isGrayScale && { filter: "grayscale(100%)" }}
-        h={[
-          `${2.25 * _scale}rem`,
-          null,
-          `${3 * _scale}rem`,
-          `${3 * _scale}rem`,
-          `${4 * _scale}rem`,
-          `${6 * _scale}rem`,
-        ]}
-        src={ImgURL}
-        alt={name}
-      ></Image>
-      {caseURL && (
-        // <RouterLink href={caseURL} passHref scroll={true}>
-        <Link
-          fontSize={["sm", null, "md", "lg"]}
-          textColor="orange.900"
-          href={caseURL}
+    <LinkBox m={2}>
+      <LinkOverlay href={boxURL} isExternal>
+        <Flex
+          m={1}
+          justifyContent="center"
+          alignItems="center"
+          alignSelf="center"
+          wrap="nowrap"
+          p={8}
+          direction="column"
        >
-          {`Read more >`}
-        </Link>
-        // </RouterLink>
-      )}
-    </Flex>
+          <Image
+            sx={isGrayScale && { filter: "grayscale(100%)" }}
+            h={[
+              `${2.25 * _scale}rem`,
+              null,
+              `${3 * _scale}rem`,
+              `${3 * _scale}rem`,
+              `${4 * _scale}rem`,
+              `${6 * _scale}rem`,
+            ]}
+            src={ImgURL}
+            alt={name}
+          ></Image>
+          {caseURL && (
+            // <RouterLink href={caseURL} passHref scroll={true}>
+            <Link
+              fontSize={["sm", null, "md", "lg"]}
+              textColor="orange.900"
+              href={caseURL}
+            >
+              {`Read more >`}
+            </Link>
+            // </RouterLink>
+          )}
+        </Flex>
+      </LinkOverlay>
+    </LinkBox>
  );
 };
 export default TrustedBadge;