@@ -20,18 +20,36 @@ type Props =
2020
2121mkHome :: Page.Component Props
2222mkHome = do
23− Page.component "Home" \env props -> React.do
24− { theme } <- NextUI.useTheme
25− pure $ el NextUI.container { fluid: true, css: css { height: "100%" } }
26− $ el NextUI.row { justify: "center", align: "center", css: css { height: "100%" } }
27− [ icon siPurescript { style: css { color: getColorValue theme "primarySolidContrast", minWidth: "5rem" }, size: "5rem" }
28− , el NextUI.spacer {} React.empty
29− , el NextUI.text
30− { h1: true
31− , size: "4rem"
32− }
33− "PureScript "
34− ]
23+Page.component "Home" \env props ->
24+ React.do
25+ { theme } <- NextUI.useTheme
26+ router <- Router.useRouter
27+ let
28+ dispatchRoute = Router.push router
29+ pure $ el NextUI.container { fluid: true, css: css { } }
30+ $ el NextUI.card
31+ { css: css { height: "100%", background: "$transparentBackground" }
32+ }
33+ [ el NextUI.cardBody {}
34+ $ el NextUI.container {}
35+ $ el NextUI.row { css: css { height: "100%" } }
36+ [ el NextUI.col { }
37+ [ el NextUI.row {}
38+ [ icon siPurescript { style: css { color: "$primarySolidContrast", minWidth: "5rem" }, size: "5rem" }
39+ , el NextUI.spacer {} React.empty
40+ , el NextUI.text
41+ { h1: true
42+ }
43+ "PureScript "
44+ ]
45+ , el NextUI.row {} $ el NextUI.text { size: "$xl" } "A fast, powerful functional language"
46+ ]
47+ , el NextUI.col { align: "center", content: "center", css: css { height: "100%"}}
48+ $ el NextUI.button { shadow: false, color: "primary", css: css { minHeight: "5rem", minWidth: "50%" }, onClick: dispatchRoute "/getting-started" }
49+ $ el NextUI.text { size: "$3xl", color: "secondary", css: css { fontWeight: "$bold" } } "Get started"
50+ ]
51+
52+ ]
3553
3654fetchData :: forall ctx. ctx -> Aff Props
3755fetchData _ = do