Copy updates (#984)

Closes ACR-94, ACR-86

Author: r-czajkowski

dapp/src/components/Vaults.tsx

@@ -14,7 +14,6 @@ import {
   Tbody,
   Td,
   Text,
-  Tfoot,
   Th,
   Thead,
   Tr,
@@ -46,7 +45,7 @@ function VaultsRoot(props: VaultsRootProps) {
   return (
     <Card {...restProps}>
       <CardHeader as={Text} size="md" mb={3}>
-        Acre Vaults
+        Acre Bitcoin Vault
       </CardHeader>
 
       <CardBody as={TableContainer}>
@@ -65,7 +64,7 @@ function VaultsRoot(props: VaultsRootProps) {
               <Th>Portfolio weight</Th>
               <Th>APR</Th>
               <Th>TVL</Th>
-              <Th>Curator</Th>
+              <Th>Risk Manager</Th>
             </Tr>
           </Thead>
 
@@ -129,7 +128,7 @@ function Vaults(props: VaultsRootProps) {
     {
       provider: "tbtc",
       portfolioWeight: 1,
-      apr: 0.09,
+      apr: 0.14,
       tvl: statistics.data.tvl.usdValue,
       curator: "re7",
     },
@@ -203,12 +202,6 @@ function Vaults(props: VaultsRootProps) {
           )
         })}
       </Tbody>
-
-      <Tfoot>
-        <Tr>
-          <Td colSpan={5}>More vaults coming soon</Td>
-        </Tr>
-      </Tfoot>
     </VaultsRoot>
   )
 }

dapp/src/components/WelcomeModal.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react"
+import React from "react"
 import {
   Button,
   ModalBody,
@@ -15,32 +15,15 @@ import {
   Highlight,
   Text,
 } from "@chakra-ui/react"
-import { BaseModalProps, DappMode } from "#/types"
-import { EmbedApp } from "#/utils/referralProgram"
-import { useIsEmbed, useMobileMode } from "#/hooks"
+import { BaseModalProps } from "#/types"
+import { useMobileMode } from "#/hooks"
 import {
   step1Video,
   step2Video,
   step3Video,
 } from "#/assets/videos/welcome-steps"
 import withBaseModal from "./ModalRoot/withBaseModal"
 
-const dappModeToContent: Record<DappMode, () => ReactElement> = {
-  standalone: () => (
-    <>
-      Acre makes earning rewards with your BTC simple and secure. Dedicated to
-      everyone, it&apos;s fun and easy to use. No advanced knowledge required.
-    </>
-  ),
-  "ledger-live": () => (
-    <Highlight query="Ledger Live">
-      Acre makes earning rewards with your BTC simple and secure. Tailored for
-      Ledger Live, it&apos;s fun and easy to use. No advanced knowledge
-      required.
-    </Highlight>
-  ),
-}
-
 const steps = [
   {
     id: 0,
@@ -52,9 +35,14 @@ const steps = [
         </Box>
       </Text>
     ),
-    content: (embeddedApp?: EmbedApp) =>
-      dappModeToContent[embeddedApp ?? "standalone"](),
-
+    content: () => (
+      <>
+        When you deposit BTC, Acre&apos;s dispatcher routes it into audited,
+        risk-reviewed vaults run by independent risk managers. Your bitcoin
+        stays under your control while it compounds on-chain. Simple, secure,
+        transparent.
+      </>
+    ),
     video: step1Video,
   },
   {
@@ -87,9 +75,9 @@ const steps = [
     ),
     content: () => (
       <Highlight query="Acre Points Program">
-        As a depositor, you&apos;re automatically in the Acre Points Program.
-        Enjoy daily points drops and exclusive partner rewards. Start stacking
-        those points!
+        Deposit BTC to start earning. Monitor your position, review the vaults,
+        earn with the Acre Points Program automatically, and redeem back into
+        Bitcoin at any time. Your bitcoin, on-chain, working for you.
       </Highlight>
     ),
     video: step3Video,
@@ -122,7 +110,6 @@ function WelcomeModalBase({ closeModal }: BaseModalProps) {
     index: 0,
     count: steps.length,
   }) as UseStepsReturn & { goToNext: () => void }
-  const { embeddedApp } = useIsEmbed()
   const isMobileMode = useMobileMode()
 
   const isLastStep = activeStep + 1 === steps.length
@@ -138,7 +125,7 @@ function WelcomeModalBase({ closeModal }: BaseModalProps) {
           {activeStepData.title}
         </ModalHeader>
         <ModalBody textAlign="left" display="block" color="text.secondary">
-          {activeStepData.content(embeddedApp)}
+          {activeStepData.content()}
         </ModalBody>
         <ModalFooter
           display="flex"

dapp/src/constants/externalHref.ts

@@ -8,5 +8,5 @@ export default {
   TERMS_OF_USE: "https://acre.fi/terms-of-use",
   PRIVACY_POLICY: "https://acre.fi/privacy-policy",
   X: "https://x.com/AcreBTC",
-  MIDAS: "https://midas.app/", // TODO
+  RE7: "https://www.re7labs.xyz/",
 }

dapp/src/constants/vaults.ts

@@ -3,15 +3,15 @@ import externalHref from "./externalHref"
 
 const VAULT_PROVIDERS = {
   tbtc: {
-    label: "tBTC DeFi Vault",
+    label: "Market-Neutral BTCFi Vault",
     icon: TbtcIcon,
   },
 }
 
 const VAULT_CURATORS = {
   re7: {
     label: "Re7",
-    url: externalHref.MIDAS,
+    url: externalHref.RE7,
   },
 }