mars-v2-frontend/src/components/farm/FarmIntro.tsx
2024-02-19 14:46:15 +01:00

38 lines
952 B
TypeScript

import Button from 'components/common/Button'
import { PlusSquared } from 'components/common/Icons'
import Intro from 'components/common/Intro'
import { DocURL } from 'types/enums/docURL'
export default function FarmIntro() {
return (
<Intro
text={
<>
<span className='text-white'>Farm</span> the fields of Mars. Proceed with caution fellow
farmer. Riches and ruins lie ahead.
</>
}
bg='farm'
>
<Button
text='Read more about Mars'
leftIcon={<PlusSquared />}
onClick={(e) => {
e.preventDefault()
window.open(DocURL.DOCS_URL, '_blank')
}}
color='secondary'
/>
<Button
text='Learn how to Farm'
leftIcon={<PlusSquared />}
onClick={(e) => {
e.preventDefault()
window.open(DocURL.FARM_INTRO_URL, '_blank')
}}
color='secondary'
/>
</Intro>
)
}