Update landing page to mention tournament.

This commit is contained in:
James Grugett 2022-08-07 09:04:31 -07:00
parent 6f196c7518
commit 0066589569

View File

@ -1,18 +1,11 @@
import { SparklesIcon } from '@heroicons/react/solid'
import { Contract } from 'common/contract'
import { Spacer } from './layout/spacer' import { Spacer } from './layout/spacer'
import { firebaseLogin } from 'web/lib/firebase/users' import { firebaseLogin } from 'web/lib/firebase/users'
import { ContractsGrid } from './contract/contracts-list'
import { Col } from './layout/col' import { Col } from './layout/col'
import { Row } from './layout/row'
import { withTracking } from 'web/lib/service/analytics' import { withTracking } from 'web/lib/service/analytics'
import { useTracking } from 'web/hooks/use-tracking' import { useTracking } from 'web/hooks/use-tracking'
import { SiteLink } from './site-link'
export function LandingPagePanel(props: { hotContracts: Contract[] }) { export function LandingPagePanel() {
const { hotContracts } = props
useTracking('view landing page') useTracking('view landing page')
return ( return (
@ -27,23 +20,28 @@ export function LandingPagePanel(props: { hotContracts: Contract[] }) {
<div className="m-4 max-w-[550px] self-center"> <div className="m-4 max-w-[550px] self-center">
<h1 className="text-3xl sm:text-6xl xl:text-6xl"> <h1 className="text-3xl sm:text-6xl xl:text-6xl">
<div className="font-semibold sm:mb-2"> <div className="font-semibold sm:mb-2">
Predict{' '} CSPI/Salem{' '}
<span className="bg-gradient-to-r from-indigo-500 to-blue-500 bg-clip-text font-bold text-transparent"> <span className="bg-gradient-to-r from-indigo-500 to-blue-500 bg-clip-text font-bold text-transparent">
anything! Tournament
</span> </span>
</div> </div>
</h1> </h1>
<Spacer h={6} /> <Spacer h={6} />
<div className="mb-4 px-2 "> <div className="mb-4 px-2 ">
Create a play-money prediction market on any topic you care about Predict the future and win!
and bet with your friends on what will happen!
<br /> <br />
{/* <br /> <br />
Sign up and get {formatMoney(1000)} - worth $10 to your{' '} Manifold Markets is partnering with CSPI and the Salem Center of the
<SiteLink className="font-semibold" href="/charity"> University of Texas at Austin to bring a{' '}
favorite charity. <SiteLink
className="underline"
href={
'https://www.cspicenter.com/p/introducing-the-salemcspi-forecasting'
}
>
forecasting tournament
</SiteLink> </SiteLink>
<br /> */} .
</div> </div>
</div> </div>
<Spacer h={6} /> <Spacer h={6} />
@ -54,16 +52,6 @@ export function LandingPagePanel(props: { hotContracts: Contract[] }) {
Get started Get started
</button>{' '} </button>{' '}
</Col> </Col>
<Row className="m-4 mb-6 items-center gap-1 text-xl font-semibold text-gray-800">
<SparklesIcon className="inline h-5 w-5" aria-hidden="true" />
Trending markets
</Row>
<ContractsGrid
contracts={hotContracts?.slice(0, 10) || []}
loadMore={() => {}}
hasMore={false}
/>
</> </>
) )
} }