diff options
Diffstat (limited to 'src/pages/index.tsx')
| -rw-r--r-- | src/pages/index.tsx | 68 |
1 files changed, 37 insertions, 31 deletions
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 5316200..2311302 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -7,7 +7,7 @@ import HomepageFeatures from "@site/src/components/HomepageFeatures"; import CodeBlock from "@theme/CodeBlock"; import styles from "./index.module.css"; -import magic from "./magicpattern.module.css"; +import Dialog from "../components/Dialog"; function HomepageHeader() { const { siteConfig } = useDocusaurusContext(); @@ -15,22 +15,25 @@ function HomepageHeader() { <header className={clsx("bg-transparent hero hero--primary", styles.heroBanner)} > - <div className="bg-white-500 text-black container"> - <div className="px-8 py-4 bg-white border-4 border-black shadow-[8px_8px_0px_rgba(0,0,0,1)] grid place-content-center space-y-4"> - <img src="/img/logo.svg" alt="logo" className="mx-auto h-64" /> - <h1 className="hero__title">Think less, do more.</h1> + <div className="dark:text-white text-black container"> + <div className="px-8 py-8 grid place-content-center space-y-4"> + <h1 className="hero__title"> + Don't fear shipping + <br />{" "} + <span className="dark:text-primary text-secondary underline decoration-wavy "> + your prototype. + </span> + </h1> <div className={styles.buttons}></div> - <p className="text-2xl mx-auto w-1/2"> - Release quickly with confidence, refine when needed.{" "} - <b> - NeoHaskell gets out of the way so you can focus on delivering - value to your users.{" "} - </b> + <p className="text-2xl py-8 mx-auto w-2/3"> + Deliver your prototype in no time, then joyfully refactor when + needed.{" "} + <strong>NeoHaskell prioritizes programmer happiness.</strong> </p> <div className="mx-auto p-5"> <Link to="/docs/intro"> - <button className=" border-black border-2 p-2.5 bg-accent hover:bg-secondary hover:shadow-[3px_2px_0px_rgba(0,0,0,1)] text-black hover:text-white active:bg-secondary rounded-full"> - <h2 className="mx-4 my-2">Read the Manifesto!</h2> + <button className=" border-black border-2 p-2.5 bg-accent hover:bg-secondary hover:shadow-[3px_2px_0px_black] text-black hover:text-white active:bg-secondary rounded-full dark:border-white dark:shadow[3px_2px_0px_rgba(255,255,255,1)] "> + <h2 className="mx-4 my-2">Get Started!</h2> </button> </Link> </div> @@ -43,30 +46,33 @@ function HomepageHeader() { export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); return ( - <div className={magic.magicpattern}> + <div className="bg-yellow-50 dark:bg-slate-950"> <Layout description={`${siteConfig.tagline}`}> <HomepageHeader /> - <div className="place-content-left"> - <CodeBlock language="haskell" title="src/Main.hs" showLineNumbers> - {`module Main where + <div className="container grid grid-cols-1 gap-4"> + <Dialog message="This is a dialog" width="full" /> + <div className="place-content-left"> + <CodeBlock language="haskell" title="src/Main.hs" showLineNumbers> + {`module Main where main :: IO () main = putStrLn "Hello, World!"`} - </CodeBlock> - </div> + </CodeBlock> + </div> - <p className="text-red-500 font-extrabold text-5xl"> - If you're reading this, you probably found it by accident. This is a - WIP project, and the site is far from finished. If you're curious - about the project, better join the{" "} - <a - className="text-blue-500" - href="https://discord.com/invite/wDj3UYzec8" - > - Discord server - </a> - ! - </p> + <p className="text-red-500 font-extrabold text-5xl"> + If you're reading this, you probably found it by accident. This is a + WIP project, and the site is far from finished. If you're curious + about the project, better join the{" "} + <a + className="text-blue-500" + href="https://discord.com/invite/wDj3UYzec8" + > + Discord server + </a> + ! + </p> + </div> <main> <HomepageFeatures /> </main> |