diff --git a/web/components/privacy-terms.tsx b/web/components/privacy-terms.tsx index 70d510e0a9..0a094628ba 100644 --- a/web/components/privacy-terms.tsx +++ b/web/components/privacy-terms.tsx @@ -3,6 +3,10 @@ import { track } from 'web/lib/service/analytics' export const PrivacyAndTerms = () => (
+ + Help & About + + { (c) => !c.groupSlugs?.some((slug) => excludedGroupSlugs.includes(slug)) ) .filter((c) => c.coverImageUrl) - .slice(0, 3) + .slice(0, 7) return { props: { trendingContracts }, @@ -105,10 +106,10 @@ export default function Home(props: { modal={} /> - ?
} - text="Learn more" + } + text="Explore markets" /> @@ -126,7 +127,7 @@ export default function Home(props: { ) } -export function ExternalInfoCard(props: { +export function LinkInfoCard(props: { link: string icon: ReactNode text: string @@ -136,16 +137,12 @@ export function ExternalInfoCard(props: {
{icon}
{text} - - -
) @@ -158,7 +155,7 @@ export function InfoCard(props: { externalLink?: boolean modal: ReactNode }) { - const { link, icon, text, externalLink, modal } = props + const { icon, text, modal } = props const [open, setOpen] = useState(false) return ( <> @@ -166,16 +163,6 @@ export function InfoCard(props: { {modal} - <Link - href={link} - className="text-primary-700 mt-2 underline" - target="_blank" - > - Learn more{' '} - <span> - <GoToIcon className="text-primary-700 mb-1 ml-1 inline h-4 w-4" /> - </span> - </Link> </Col> </Modal> <button @@ -185,14 +172,7 @@ export function InfoCard(props: { <div className="text-primary-300 group-hover:text-primary-700 transition-colors"> {icon} </div> - <div> - <div className="text-ink-700">{text}</div> - {externalLink && ( - <span> - <GoToIcon className="text-primary-300 mb-1 ml-2 inline h-4 w-4" /> - </span> - )} - </div> + <div className="text-ink-700">{text}</div> </button> </> ) @@ -205,15 +185,15 @@ export function ManaExplainer() { className="mx-auto mb-8 w-[60%] object-contain" src={'/welcome/treasure.png'} /> - <div> - <span className="text-primary-700 mt-4 font-normal"> + <div className="text-lg"> + <strong className="semibold mt-4 text-xl"> Mana ({ENV_CONFIG.moneyMoniker}) - </span>{' '} - is Manifold's play money. Use it to create and bet in markets. The more - mana you have, the more you can bet and move the market. + </strong>{' '} + is Manifold's play money. Use it to create and bet in markets. </div> - <div className="mt-4"> - Mana <strong>can't be converted to real money</strong>. + <div className={'my-3 text-lg '}> + Mana can't be converted into cash, but can be purchased at a ratio of{' '} + <strong className="semibold text-xl">{formatMoney(100)} : $1</strong>. </div> </> ) @@ -222,11 +202,14 @@ export function ManaExplainer() { export function PredictionMarketExplainer() { return ( <> - <p> - Prediction markets let you bet on the outcome of future events. On - Manifold, you can create your own prediction market on any question you - want! - </p> + <div className="text-lg"> + Prediction markets let you bet on the outcome of future events. + </div> + <div className="text-lg mt-2"> + On Manifold, you can create your own prediction market on any question + you want! + </div> + <div className="text-ink-400 mt-4 font-semibold">EXAMPLE</div> <div className="border-primary-700 bg-primary-50 mb-4 border-l-2 py-2 px-2 text-sm"> <p className="mt-2">