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 { firebaseLogin } from 'web/lib/firebase/users'
import { ContractsGrid } from './contract/contracts-list'
import { Col } from './layout/col'
import { Row } from './layout/row'
import { withTracking } from 'web/lib/service/analytics'
import { useTracking } from 'web/hooks/use-tracking'
import { SiteLink } from './site-link'
export function LandingPagePanel(props: { hotContracts: Contract[] }) {
const { hotContracts } = props
export function LandingPagePanel() {
useTracking('view landing page')
return (
@ -27,23 +20,28 @@ export function LandingPagePanel(props: { hotContracts: Contract[] }) {
<div className="m-4 max-w-[550px] self-center">
<h1 className="text-3xl sm:text-6xl xl:text-6xl">
<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">
anything!
Tournament
</span>
</div>
</h1>
<Spacer h={6} />
<div className="mb-4 px-2 ">
Create a play-money prediction market on any topic you care about
and bet with your friends on what will happen!
Predict the future and win!
<br />
{/* <br />
Sign up and get {formatMoney(1000)} - worth $10 to your{' '}
<SiteLink className="font-semibold" href="/charity">
favorite charity.
</SiteLink>
<br /> */}
<br />
Manifold Markets is partnering with CSPI and the Salem Center of the
University of Texas at Austin to bring a{' '}
<SiteLink
className="underline"
href={
'https://www.cspicenter.com/p/introducing-the-salemcspi-forecasting'
}
>
forecasting tournament
</SiteLink>
.
</div>
</div>
<Spacer h={6} />
@ -54,16 +52,6 @@ export function LandingPagePanel(props: { hotContracts: Contract[] }) {
Get started
</button>{' '}
</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}
/>
</>
)
}