From cea942280226f71f7091dd421adf6612a5de5640 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Sat, 7 May 2022 10:10:25 -0400
Subject: [PATCH] Update site copy

---
 web/components/answers/answer-bet-panel.tsx |  2 +-
 web/components/bet-panel.tsx                |  4 +--
 web/components/feed-create.tsx              | 33 +++++++++------------
 web/lib/firebase/contracts.ts               |  2 +-
 web/pages/charity/index.tsx                 |  7 +++--
 5 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/web/components/answers/answer-bet-panel.tsx b/web/components/answers/answer-bet-panel.tsx
index 9d84b2f2..18fd949d 100644
--- a/web/components/answers/answer-bet-panel.tsx
+++ b/web/components/answers/answer-bet-panel.tsx
@@ -174,7 +174,7 @@ export function AnswerBetPanel(props: {
           className="btn self-stretch whitespace-nowrap border-none bg-gradient-to-r from-teal-500 to-green-500 px-10 text-lg font-medium normal-case hover:from-teal-600 hover:to-green-600"
           onClick={firebaseLogin}
         >
-          Sign up to trade!
+          Sign up to bet!
         </button>
       )}
     </Col>
diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index cff37929..c4f5c506 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -72,7 +72,7 @@ export function BetPanel(props: {
             className="btn flex-1 whitespace-nowrap border-none bg-gradient-to-r from-teal-500 to-green-500 px-10 text-lg font-medium normal-case hover:from-teal-600 hover:to-green-600"
             onClick={firebaseLogin}
           >
-            Sign up to trade!
+            Sign up to bet!
           </button>
         )}
       </Col>
@@ -187,7 +187,7 @@ export function BetPanelSwitcher(props: {
             className="btn flex-1 whitespace-nowrap border-none bg-gradient-to-r from-teal-500 to-green-500 px-10 text-lg font-medium normal-case hover:from-teal-600 hover:to-green-600"
             onClick={firebaseLogin}
           >
-            Sign up to trade!
+            Sign up to bet!
           </button>
         )}
       </Col>
diff --git a/web/components/feed-create.tsx b/web/components/feed-create.tsx
index ac3fd562..1035b91c 100644
--- a/web/components/feed-create.tsx
+++ b/web/components/feed-create.tsx
@@ -11,41 +11,36 @@ import clsx from 'clsx'
 import { Row } from './layout/row'
 import { ENV_CONFIG } from '../../common/envs/constants'
 import _ from 'lodash'
+import { SiteLink } from './site-link'
 
 export function FeedPromo(props: { hotContracts: Contract[] }) {
   const { hotContracts } = props
 
   return (
     <>
-      <Col className="my-6 rounded-xl bg-white py-12 text-center sm:m-12">
+      <Col className="my-6 rounded-xl text-center sm:m-12">
         <h1 className="text-4xl sm:text-6xl xl:text-6xl">
-          <div className="font-semibold sm:mb-2">
-            A{' '}
-            <span className="bg-gradient-to-r from-teal-400 to-green-400 bg-clip-text font-bold text-transparent">
-              market{' '}
-            </span>
-            for
-          </div>
-          <div className="font-semibold">
-            every{' '}
-            <span className="bg-gradient-to-r from-teal-400 to-green-400 bg-clip-text font-bold text-transparent">
-              question
-            </span>
-          </div>
+          <div className="font-semibold sm:mb-2">A market for</div>
+          <span className="bg-gradient-to-r from-teal-400 to-green-400 bg-clip-text font-bold text-transparent">
+            every question
+          </span>
         </h1>
         <Spacer h={6} />
-        <div className="mb-4 text-gray-500">
-          Find markets on any topic imaginable. Or create your own!
+        <div className="mb-4 px-2 text-gray-500">
+          Bet on any topic imaginable. Or create your own market!
           <br />
-          Sign up to get M$1,000 and start trading.
+          Sign up and get M$1,000 - worth $10 to your{' '}
+          <SiteLink className="font-semibold" href="/charity">
+            favorite charity.
+          </SiteLink>
           <br />
         </div>
         <Spacer h={6} />
         <button
-          className="btn btn-lg self-center border-none bg-gradient-to-r from-teal-500 to-green-500  normal-case hover:from-teal-600 hover:to-green-600"
+          className="self-center rounded-md border-none bg-gradient-to-r from-teal-500 to-green-500 py-4 px-6 text-lg font-semibold normal-case text-white hover:from-teal-600 hover:to-green-600"
           onClick={firebaseLogin}
         >
-          Sign up for free
+          Start betting now
         </button>{' '}
       </Col>
 
diff --git a/web/lib/firebase/contracts.ts b/web/lib/firebase/contracts.ts
index d415788c..7061d4c4 100644
--- a/web/lib/firebase/contracts.ts
+++ b/web/lib/firebase/contracts.ts
@@ -50,7 +50,7 @@ export function contractMetrics(contract: Contract) {
     ? dayjs(resolutionTime).format('MMM D')
     : undefined
 
-  const volumeLabel = `${formatMoney(contract.volume)} volume`
+  const volumeLabel = `${formatMoney(contract.volume)} bet`
 
   return { volumeLabel, createdDate, resolvedDate }
 }
diff --git a/web/pages/charity/index.tsx b/web/pages/charity/index.tsx
index daa4e784..bd729571 100644
--- a/web/pages/charity/index.tsx
+++ b/web/pages/charity/index.tsx
@@ -56,7 +56,8 @@ export default function Charity(props: {
         <Col className="max-w-xl gap-2">
           <Title className="!mt-0" text="Manifold for Good" />
           <div className="mb-6 text-gray-500">
-            Donate your winnings to charity! Through the month of May, every M$100 you contribute turns into $1 USD sent to your chosen charity.
+            Donate your winnings to charity! Through the month of May, every
+            M$100 you contribute turns into $1 USD sent to your chosen charity.
             <Spacer h={5} />
             Together we've donated over ${Math.floor(totalRaised / 100)} USD so
             far!
@@ -100,8 +101,8 @@ export default function Charity(props: {
           <br />
           <br />
           <span className="italic">
-            Note: Manifold is not affiliated with any of these charities (other
-            than being fans of their work!)
+            Note: Manifold is not affiliated with non-Featured charities; we're
+            just fans of their work!
             <br />
             As Manifold is a for-profit entity, your contributions will not be
             tax deductible.